XHappyness

步骤如下:

1. 将自己图标库项目下载到本地并解压


2. 安装iconfont-tools

npm install -g iconfont-tools

3. 在步骤2解压的文件中 执行命令行 iconfont-tools

一路回车操作

目录里多了一个文件夹iconfont-weapp

4. 进入iconfont-weapp并将iconfont-weapp-icon.css复制到 styles/iconfont 文件中

5.引入并使用

main.js中引入iconfont图标:

import "./styles/iconfont/iconfont-weapp-icon.css"

在.vue中使用

<text class="t-icon iconupdate"></text>

6.注意:

为了防止彩色icon和普通icon互相影响:
iconfont-weapp-icon.css中要除去普通iconfont的类,
之前引入的普通iconfont.css中也要去掉彩色iconfont的类。

分类:

技术点:

相关文章:

  • 2021-09-11
  • 2022-12-23
  • 2021-12-03
  • 2022-12-23
  • 2022-12-23
  • 2021-11-19
  • 2021-12-26
猜你喜欢
  • 2021-05-12
  • 2021-07-18
  • 2021-04-19
  • 2022-12-23
  • 2021-11-26
  • 2021-11-26
  • 2021-07-19
相关资源
相似解决方案