uniapp 中使用彩色的 iconfont


轉載請標明原址

本人看了很多篇博客根據自己經驗總結 如下:

1、在自己圖標庫項目中下載到本地:

 

 

 

 

 

 2、解壓

 

 

 3、shift+右鍵 打開powershell 窗口 執行一下代碼

npm install -g iconfont-tools

 

 

 4、在步驟2解壓的文件中 執行命令行 (shift+右鍵 打開powershell 窗口 也行)

iconfont-tools

按一下操作

 

 

 5、目錄會多了個iconfont-weapp文件

 

 

 進入文件把 iconfont-weapp-icon.css復制到 static 文件中

 

 

 6、在app.vue中導入

@import './static/css/iconfont-weapp-icon.css';

7、使用格式

<view class="t-icon t-icon-shijian"></view>

 

 t-icon開頭 接圖標的類名

iconfont-weapp-icon.css中查看類

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM