0.0.7 • Published 9 years ago
weicon v0.0.7
weIconBuilder
微信小程序字体图标样式生成器
生成字体图标资源
进入http://fontello.com/网站,选择你喜欢的图标,然后下载(zip文件)
安装本工具
$ sudo npm i weicon -g生成wxss样式文件
安装好本工具后,直接命令行执行即可:
$ weicon fontello-xxxxx/会自动在当前目录生成weIcon.wxss文件
或者,自定义生成的文件名:
$ weicon fontello-xxxxx/ myicon.wxss导入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" />