欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

微信小程序使用彩色iconfont

程序员文章站 2024-02-16 13:25:04
...

微信小程序使用彩色iconfont

添加需要的iconfont到你的项目中

微信小程序使用彩色iconfont
添加完成之后点击下载到本地,下载之后的文件目录如下:
微信小程序使用彩色iconfont

安装iconfont-tools

在上述文件夹的位置右键选择Git-bash-here
微信小程序使用彩色iconfont
在命令行中输入

npm install -g iconfont-tools

利用iconfont-tools生成样式文件

在上面Git-Bash-Here的文件路径处打开,在命令行输入

iconfont-tools

然后一路enter,如下:
微信小程序使用彩色iconfont
在原来下载的目录中多出来一个文件夹
微信小程序使用彩色iconfont
打开文件夹选择其中的wxss文件引入到微信小程序中即可
微信小程序使用彩色iconfont
在小程序中需要引用的位置使用

<i class="t-icon icont-icon-pg-spdperson"></i>

说明:其中t-icon是必须的,是基本样式,后面的根据图标添加相应的样式
微信小程序使用彩色iconfont

相关标签: 微信小程序