0.0.7 • Published 7 years ago

weicon v0.0.7

Weekly downloads
4
License
ISC
Repository
github
Last release
7 years ago

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" />
0.0.7

7 years ago

0.0.6

7 years ago

0.0.5

7 years ago

0.0.4

7 years ago

0.0.3

7 years ago

0.0.2

7 years ago

0.0.1

7 years ago