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>
這里我們可以設置圖標的大小和顏色,更多配置可以查看插件的文檔說明。
這樣的方法真的是非常的方便,開發又快速,推薦給大家哦!