uniapp 開發利用 HBuilderX 插件快速搞定icons


uniapp 開發利用 HBuilderX 插件快速搞定icons

 

我們在開發uniapp的時候肯定會遇到項目中使用小圖標的時候, 除了iconfont 以外還有一個非常快捷的方法可以使用,那就是利用 HBuilderX  的插件市場里面的icons的插件來實現。下面我們一起分享一下使用的步驟吧。

第一步: 插件安裝(如圖所示)

進入插件市場

插件市場:https://ext.dcloud.net.cn/  搜索 icons,選擇自己喜歡的圖標

選擇導入插件

第二步:查看圖標庫

插件預覽地址:https://uniapp.dcloud.io/h5/pages/extUI/icons/icons

第三步: 頁面使用圖標 uni-icons

安裝完成后在我們的項目中components 目錄下面就多出了uni-icons 的文件,我們不用去管這個,直接在頁面中使用即可。

<uni-icons type="search" size="16" color="#999"></uni-icons>

 

這里我們可以設置圖標的大小和顏色,更多配置可以查看插件的文檔說明。

這樣的方法真的是非常的方便,開發又快速,推薦給大家哦!


免責聲明!

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



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