小程序 iconfont 最佳实践
-
通过
npm安装npm install minapp-iconfont
-
构建
在开发者工具中点选
工具-构建 npm -
下载 Font-class 的 iconfont.css 并重命名为 iconfont.wxss 置于项目根目录下
-
在
.json文件中引入{ "usingComponents": { "iconfont": "minapp-iconfont" } } -
在
.wxml中使用<iconfont icon="name"></iconfont>
-
icon:
Stringiconfont 中 font class 的类名,不包括
icon-。如 iconfont 中存在一个
.icon-name的类,使用时只需传递name<iconfont icon="name"></iconfont>
- 添加 keywords
- 实现功能