uniapp的uview-plus组件库的导入

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

关于插件的下载区别,可参考:https://uniapp.dcloud.net.cn/component/uniui/quickstart.html

在main.js文件中导入uview-plus组件库,添加如下

在uni.scss全局文件导入uview-plus的主题样式

在app.vue中添加uview-plus的样式

如果 不是通过uni_modules方式 导入,而是直接下载在根目录下,则需要额外再配置下easycom引入规则。

组件中使用如下:

相关推荐
孙 悟 空6 小时前
uni-app:监听页面返回,禁用返回操作
前端·javascript·uni-app
mosen86814 小时前
uniapp中uni.scss如何引入页面内或生效
前端·uni-app·scss
lyz24685914 小时前
uniapp popup弹窗组件的自定义使用方法
uni-app
沙尘暴炒饭14 小时前
uniapp 前端解决精度丢失的问题 (后端返回分布式id)
前端·uni-app
牛牛科技14 小时前
生产管理系统PHP+Uniapp源码
uni-app
Smile_ping14 小时前
uniapp——APP读取bin文件,解析文件的数据内容(一)
uni-app·uniapp 读取文件·app端读取bin文件
CDERP-plus14 小时前
uniapp 3分钟集成轮播广告图
uni-app·erp·erp移动端
Liberty_yes14 小时前
uniapp input苹果中文键盘输入拼音直接切换输入焦点监听失效
uni-app
街尾杂货店&14 小时前
webpakc介绍
uni-app
洗发水很好用1 天前
uniApp打包H5发布到服务器(docker)
uni-app