小程序-uni-app:hbuildx uni-app 安装 uni-icons 及使用

一、官方文档找到uni-icons

uni-app官网

小程序-uni-app:hbuildx uni-app 安装 uni-icons 及使用_第1张图片

二、下载插件

小程序-uni-app:hbuildx uni-app 安装 uni-icons 及使用_第2张图片

三、点击“打开HBuildX”

小程序-uni-app:hbuildx uni-app 安装 uni-icons 及使用_第3张图片

四、选择要安装的项目

小程序-uni-app:hbuildx uni-app 安装 uni-icons 及使用_第4张图片

五、勾选要安装的插件

小程序-uni-app:hbuildx uni-app 安装 uni-icons 及使用_第5张图片

六、安装后,项目插件目录

根目录uni_modules目录下增加uni-icons、uni-scss

小程序-uni-app:hbuildx uni-app 安装 uni-icons 及使用_第6张图片

七、引入组件,使用组件




import uniIcons from '../../../uni_modules/uni-icons/components/uni-icons/uni-icons.vue'


components: {
        uniIcons
},

八、经过测试,成功。

参考链接

http://lihuaxi.xjx100.cn/news/1221122.html?action=onClick

uniapp uni-icons 组件为例 带着大家使用并熟悉一次文档 - overfit.cn

你可能感兴趣的:(前端,小程序,uni-app,前端,小程序,插件)