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>

这里我们可以设置图标的大小和颜色,更多配置可以查看插件的文档说明。

这样的方法真的是非常的方便,开发又快速,推荐给大家哦!

站内部分资源收集于网络,若侵犯了您的合法权益,请联系我们删除!
赞赏是最好的支持
如果对你有帮助那就支持一下吧
立即赞赏
分享到:
赞(1) 打赏

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏