uniapp 安装uView-ui教程

1- 安装

npm install uview-ui

2- 下载之后复制路径中的uview-ui

3- 粘贴到项目根路径下

4- 在main.js中引入

// 引入全局uView
import uView from 'uview-ui';
Vue.use(uView);

5- 在uni.scss中引入

/**
 * 下方引入的为uView UI的集成样式文件，为scss预处理器，其中包含了一些"u-"开头的自定义变量
 * 使用的时候，请将下面的一行复制到您的uniapp项目根目录的uni.scss中即可
 * uView自定义的css类名和scss变量，均以"u-"开头，不会造成冲突，请放心使用 
 */
@import 'uview-ui/theme.scss';

6- 在App.vue中引入
注意style要加上lang=scss

<style lang="scss">
    @import "uview-ui/index.scss";
</style