uview的下载和使用

1，npm install uview-ui，安装组件 

安装版本的建议这个网址   建议安装1版本，2版本很多组件都用不了

npm install [email protected]

https://v1.uviewui.com

2，Main.js引入

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

uni.scss中引入

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

然后再APP.vue中全局引入样式，注意一定要下好sass和scss-loader

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

没下载的自行下载

npm install sass-loader --save-dev
npm install node-sass --save-dev

3配置easycom组件模式

此配置需要在项目src目录的pages.json中进行。

注意，一定不要按照官网的来，不然会找不到路径

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

如果您是vue-cli模式的项目，还需要在项目根目录的vue.config.js文件中进行如下配置，

如果有多个样式如上