自定义小程序字体图标库-1

要自定义一套属于自己熟悉的组件库,图标库肯定是必不可少的……

在实际开发过程中,前端与设计最好协作的是使用iconfont阿里巴巴矢量图标库来管理图标。

一是图标库里有很多可以直接拿来使用的图标,二是提供很方便的图标管理功能。大大提高了前端和设计师的协作效率。

image

step 1:

找到iconfont网站的新建按钮图标,点击创建一个图标库。

image

step 2:

从图标库中选出自己喜欢的图标,添加至购物车。点击添加到项目按钮,添加至创建的图标库。

image

step 3:

在创建的图标库页面上,点击下载至本地,得到一个download,zip压缩包,解压至当前文件夹,得到目录如下。

image

step 4:

将文件夹中的iconfont.css打开,复制其中的代码于小程序中的icon.wxss中.

image

step 5:

在相应的wxml页面中嵌入如下代码,即可使用字体图标


<text class=" iconfont iconDollar "></text>

最后附上项目地址:MUI

image

欢迎大家留言评论,本文将长期更新维护…

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。