iconfont彩色图标引入

  1. https://www.iconfont.cn/​ 下载对应源码

  2. VsCode在iconfont文件目录打开终端

    输入命令行:

    npm install -g iconfont-tools

  3. 安装成功后:

    运行命令行: iconfont-tools

    输入自定义内容

    生成目标文件: iconfont-weapp

  4. 打开文件夹: iconfont-weapp

  5. 复制iconfont-weapp-icon.wxss到项目文件夹

    app.wxss里引入文件

    然后在需要图标的文件里添加class: t-icon t-icon-iconName

  6. wxml使用

    <icon class="t-icon t-icon-shiyongchaxun" />
    
posted @ 2020-05-29 14:59  boxJLP  阅读(368)  评论(2)    收藏  举报