uniapp的uview-plus组件库的导入

uniapp的vue3中使用uview-plus组件库。在插件市场中找到该组件并点击如下所示绿色按钮,弹出弹窗选择要导入的项目后,就会在uni_modules文件中生成如下文件内容
在这里插入图片描述

关于插件的下载区别,可参考:https://uniapp.dcloud.net.cn/component/uniui/quickstart.html
uniapp的uview-plus组件库的导入_第1张图片

在main.js文件中导入uview-plus组件库,添加如下
uniapp的uview-plus组件库的导入_第2张图片

在uni.scss全局文件导入uview-plus的主题样式
uniapp的uview-plus组件库的导入_第3张图片

在app.vue中添加uview-plus的样式
uniapp的uview-plus组件库的导入_第4张图片

如果 不是通过uni_modules方式 导入,而是直接下载在根目录下,则需要额外再配置下easycom引入规则。
uniapp的uview-plus组件库的导入_第5张图片

组件中使用如下:
在这里插入图片描述

你可能感兴趣的:(uni-app,uni-app)