uni-fab彩色图标按钮

本文主要是介绍uni-fab彩色图标按钮，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

资源已经上传了。大家直接可以引用uni-fab就可以https://download.csdn.net/download/qq_39504612/87227487

1. 下载彩色图标

1.首先，从iconfont官网（iconfont-阿里巴巴矢量图标库）选择自己需要的图标加入项目中，点击下载至本地。
在这里插入图片描述

，并解压，进入解压缩之后的文件，在地址栏中输入cmd打卡控制台（在文件夹内输入cmd可直接将路径定位到当前文件夹）

npm install -g iconfont-tools 安裝插件

然后
iconfont-tools （一直回车）

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

将 class=t-icon t-icon-mianxingyumaobi 替換原来的class样式
（t-icon-mianxingyumaobi换为你自己在css的名字）
格式为：（t-icon空格样式名字）
在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

这篇关于uni-fab彩色图标按钮的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！