引入uView

App.vue

@@ -30,5 +30,6 @@
 </script>
 
 <style lang="scss">
-  @import '@/static/scss/index.scss'
+  @import '@/static/scss/index.scss';
+  @import "uview-ui/index.scss";
 </style>

main.js

@@ -4,6 +4,8 @@ import store from './store' // store
 import plugins from './plugins' // plugins
 import './permission' // permission
 Vue.use(plugins)
+import uView from "uview-ui";
+Vue.use(uView);
 
 Vue.config.productionTip = false
 Vue.prototype.$store = store

pages.json

@@ -1,4 +1,7 @@
 {
+	"easycom": {
+		"^u-(.*)": "uview-ui/components/u-$1/u-$1.vue"
+	},
 	"pages": [{
 		"path": "pages/login",
 		"style": {
@@ -91,8 +94,7 @@
 			"iconPath": "static/images/tabbar/mine.png",
 			"selectedIconPath": "static/images/tabbar/mine_.png",
 			"text": "我的"
-      }
-    ]
+		}]
 	},
 	"globalStyle": {
 		"navigationBarTextStyle": "black",

uni.scss

@@ -62,3 +62,7 @@ $uni-color-subtitle: #555555; // 二级标题颜色
 $uni-font-size-subtitle:26px;
 $uni-color-paragraph: #3F536E; // 文章段落颜色
 $uni-font-size-paragraph:15px;
+
+
+/* uni.scss */
+@import 'uview-ui/theme.scss';