MUI实现自定义图标

引言

在日常生活中，我们对图的感知能力总要强于对字的感知能力，所以在开发过程中适当的在应用里添加一些小巧又漂亮的图标是很有必要的，这可以轻轻松松的提高一大截的用户体验。笔者喜欢用MUI来做混合开发，可是在使用的过程中发现MUI自带的小图标并不能满足日常的开发，所以留下此笔记希望能帮助到遇到同样问题的小伙伴们。

 

MUI自带的图标

传送门：https://dev.dcloud.net.cn/mui/ui/#icon

实现效果

由上可知，要想使用MUI自带图标是无法实现这种效果的，所以我们得自己动手了。

 

使用阿里矢量图拓展图标

步骤1：到阿里矢量图挑选喜欢的图标并加如购物车

传送门：https://www.iconfont.cn/

步骤2：从购物车了下载代码

步骤3：解压并打开demo_index.html，里面介绍了三种引入图标的方式