uniapp+vue3+uViewPlus

1、uniapp创建项目

2、 HuilderX菜单栏  工具->插件安装   -》前往插件市场安

 

 

下载安装到对应的项目 导入的时候需要看广告 耐心看完

3、uview-plus在main.js中配置代码

import uviewPlus from '@/uni_modules/uview-plus'
app.use(uviewPlus)

 4、在uni.scss中配置样式：

@import '@/uni_modules/uview-plus/theme.scss';

 

5、在App.vue中引入样式：

@import "@/uni_modules/uview-plus/index.scss";

 6、在pages.json写

"easycom": {
"autoscan": true,
"custom": {
"^u--(.*)": "@/uni_modules/uview-plus/components/u-$1/u-$1.vue",
"^up-(.*)": "@/uni_modules/uview-plus/components/u-$1/u-$1.vue",
"^u-([^-].*)": "@/uni_modules/uview-plus/components/u-$1/u-$1.vue"
}
},

 

7、最后