微信小程序字体图标样式生成器
进入http://fontello.com/网站,选择你喜欢的图标,然后下载(zip文件)
$ sudo npm i weicon -g
安装好本工具后,直接命令行执行即可:
$ weicon fontello-xxxxx/
会自动在当前目录生成weIcon.wxss
文件
或者,自定义生成的文件名:
$ weicon fontello-xxxxx/ myicon.wxss
直接复制wxss
文件到微信小程序目录,然后在app.wxss
中引用:
/** app.wxss **/
@import "libs/weicon.wxss";
在wxml
文件中,使用text
或者view
组件,设置class
即可使用图标:
// page.wxml
<view class="weIcon weIcon-search" />
<text class="weIcon weIcon-home" />