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