uniapp 自定义图标 超级简单
例如上边的图标,我们发现都是蓝白切换,这时候用img整个项目就太大了,占内存,这是我们可以把他做成uniapp内置的icon图标。
准备工作:
1.先把图片以svg格式导入阿里图标库(用ps把png格式图片转化成svg格式没用,这一步可以让设计直接上传阿里图标库,提前把png图片命名好发给设计部)
类似这种
(其实白色的精灵图可以不用命名)
2.去uniapp插件市场下载 iconfont 插件(iconfont插件)
下载好放入文件的组件部分,如下图:
3.在main.js里引入组件,如图