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>

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

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