uniapp使用阿里云图标symbol彩色图标

1、进入阿里云图标官网,把图标文件下载到本地

 

 

 

 

 

 

 

 

2、全局安装iconfont-tools

npm i iconfont-tools -g

3、进入下载到本地的文件目录并执行iconfont-tools命令

所有选项默认回车,如图:

 

 

 

 

 

 

 

 

4、复制生成文件iconfont-weapp-icon.css至uniapp项目的static目录下

5、在main.js中引入该css文件

import ‘./static/css/iconfont-weapp-icon.css’

6、使用实例,如下:

<view class=”t-icon icondianyingpiao_line”></view>

修改图标大小需要通过width、height来调整

金烽网络分享最优质的的资源,涵盖网站建设、IT技术、主题源码
金烽网络 » uniapp使用阿里云图标symbol彩色图标

发表评论