uView安装配置设置

src/App.vue

@@ -37,6 +37,7 @@ export default {
 }
 </script>
 
-<style>
+<style lang="scss">
+@import "uview-ui/index.scss";
 @import url(@/static/css/main.css);
 </style>

src/main.js

@@ -4,7 +4,7 @@ import App from './App'
 import request from './utils/request.js'
 import store from '@/store'
 import mixin from '@/mixins/default'
-
+import uView from "uview-ui";
 import lang from '@/common/lang.js'
 
 Vue.config.productionTip = false

src/pages.json

 {
+  "easycom": {
+    "^u-(.*)": "uview-ui/components/u-$1/u-$1.vue"
+  },
   "pages": [ //pages数组中第一项表示应用启动页，参考：https://uniapp.dcloud.io/collocation/pages
     {
       "path": "pages/index/index",
@@ -340,6 +343,12 @@
       "style": {
         "navigationStyle": "custom"
       }
+    },
+    {
+      "path": "pages/cons/index",
+      "style": {
+        "navigationStyle": "custom"
+      }
     }
   ],
   "globalStyle": {

src/uni.scss

@@ -14,6 +14,9 @@
 
 /* 颜色变量 */
 
+/* uni.scss */
+@import 'uview-ui/theme.scss';
+
 /* 行为相关颜色 */
 $uni-color-primary: #007aff;
 $uni-color-success: #4cd964;
@@ -73,4 +76,4 @@ $uni-font-size-title:40rpx;
 $uni-color-subtitle: #555555; // 二级标题颜色
 $uni-font-size-subtitle:36rpx;
 $uni-color-paragraph: #3F536E; // 文章段落颜色
-$uni-font-size-paragraph:30rpx;
\ No newline at end of file
+$uni-font-size-paragraph:30rpx;

vue.config.js

-const path = require('path');  
-const CopyWebpackPlugin = require('copy-webpack-plugin'); // 最新版本copy-webpack-plugin插件暂不兼容，推荐v5.0.0  
+const path = require('path');
+const CopyWebpackPlugin = require('copy-webpack-plugin'); // 最新版本copy-webpack-plugin插件暂不兼容，推荐v5.0.0
 
-module.exports = {  
-    configureWebpack: {  
-        plugins: [  
-			new CopyWebpackPlugin([  
-				{  
-					from: path.join(__dirname, 'public'),  
-					to: path.join(  
-						__dirname,  
-						'dist',  
-						process.env.NODE_ENV === 'production' ? 'build' : 'dev',  
-						process.env.UNI_PLATFORM  
-					)  
-				}  
-			])  
+module.exports = {
+	transpileDependencies: ['uview-ui'],
+    configureWebpack: {
+        plugins: [
+			new CopyWebpackPlugin([
+				{
+					from: path.join(__dirname, 'public'),
+					to: path.join(
+						__dirname,
+						'dist',
+						process.env.NODE_ENV === 'production' ? 'build' : 'dev',
+						process.env.UNI_PLATFORM
+					)
+				}
+			])
 		]
-    }  
-}
\ No newline at end of file
+    }
+}