uniapp导入uView组件库

1. 新建一个项目

uniapp导入uView组件库_第1张图片

2. 导入uview组件库

uView2地址
uniapp导入uView组件库_第2张图片

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

uniapp导入uView组件库_第3张图片

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

uniapp导入uView组件库_第4张图片

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

uniapp导入uView组件库_第5张图片

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

uniapp导入uView组件库_第6张图片

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

uniapp导入uView组件库_第7张图片

你可能感兴趣的:(uniapp,uni-app,vue.js,前端)