uniapp导入uView组件库

1. 新建一个项目

在这里插入图片描述

2. 导入uview组件库

uView2地址
在这里插入图片描述

3. 导入成功后再 main.js 中导入
// 导入 uView 组件
import uView from '@/uni_modules/uview-ui'
Vue.use(uView)

在这里插入图片描述

4. 在App.vue里引入样式文件
/* 注意要写在第一行,同时给style标签加入lang="scss"属性 */
@import "@/uni_modules/uview-ui/index.scss";

在这里插入图片描述

5. 在pages.json里添加配置
"easycom": {"^u-(.*)": "@/uni_modules/uview-ui/components/u-$1/u-$1.vue"
},

在这里插入图片描述

6. 最后一步在uni.scss里引入uview主题
@import '@/uni_modules/uview-ui/theme.scss';

在这里插入图片描述

添加效果实验运行即可成功

在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/weixin_53156345/article/details/131932951