uniapp-011-使用uni-icons实现字体图标
·
1 - 使用插件市场
字体图标一个一个找，很麻烦的。
我们直接使用uniapp插件。
地址是：https://ext.dcloud.net.cn/search
直接使用uni-icons图标。
点击上面的：下载插件并导入HBuilderX。
如上图所示，这就是导入成功了。
2 - 老版本导入插件
导入插件之后，是在components目录下面的uni-icons
3 - 新版本导入插件
我是新版本，不是老版本，我导入的插件，如下所示：
就是在uni_modules目录。
如上图所示，这样的话，我们直接就可以引入这个图标了。
4 - 设置图标的字体大小和颜色的值
这就是设置后的效果。
5 - uni-icons的type
组件预览当中有，各种图标的名字，就是type。
使用uni-icons是比较简单的。
更多推荐
3
0- 0
已为社区贡献22条内容
所有评论(0)