一、iconfont官网生成图标的Symbol
点此复制代码，将复制下来的网址留着后面用。
二、安装依赖组件
命令：npm install mini-program-iconfont-cli -D
三、生成 iconfont.json 配置文件
命令：npx iconfont-init
执行完此命令，根目录会生成 iconfont.json 文件，其中 symbol_url 就是第一步生成的地址，直接粘到里面。
四、生成微信小程序的组件
命令：npx iconfont-wechat
执行完后，会生成如下图的iconfont组件文件目录。
五、全局配置iconfont组件
最后在app.json中配置，以免在其他页面使用时，还要多次引入。
"usingComponents": {
"iconfont": "./iconfont/iconfont"
}
六、使用
配置完成后，就可以直接使用iconfont组件了。
// 原色彩
// 单色：红色
// 多色：红色+橘色
// 不同格式的颜色写法
// 与文字对齐
七、重新生成图标后
需要再次使用第四步的命令。
评论 (0)
暂无评论，快来发表第一条评论吧！