uni-app 安装和使用“u-view(uView)”UI框架_uni-view

解压后，将里面的所有内容全部复制到自己的项目根目录中，

二、引入相关依赖。
1.首先在main.js，引入并使用uView的JS库。放在from 'vue‘后面

// main.js

import uView from "uview-ui";
Vue.use(uView);

 2.在项目根目录的uni.scss中引入此文件。

/* uni.scss */

@import 'uview-ui/theme.scss';

3.在app.vue文件中，引入uView的基本样式。

 

<style lang="scss">
    /* 注意要写在第一行，同时给style标签加入lang="scss"属性 */
    @import "uview-ui/index.scss";
</style>

注意：如果这里style标签后面没有lang="scss"，记住要添加上。

 

4.最后在项目根目录的pages.json，添加如下代码。

"easycom": {
        "^u-(.*)": "@/uview-ui/components/u-$1/u-$1.vue"
    }

效果图：

// pages.json

 ok,了,然后直接引用