引入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,102 +1,104 @@
 {
-  "pages": [{
+	"easycom": {
-    "path": "pages/login",
+		"^u-(.*)": "uview-ui/components/u-$1/u-$1.vue"
-    "style": {
+	},
-      "navigationBarTitleText": "登录"
+	"pages": [{
-    }
+		"path": "pages/login",
-  }, {
+		"style": {
-    "path": "pages/register",
+			"navigationBarTitleText": "登录"
-    "style": {
+		}
-      "navigationBarTitleText": "注册"
+	}, {
-    }
+		"path": "pages/register",
-  }, {
+		"style": {
-    "path": "pages/index",
+			"navigationBarTitleText": "注册"
-    "style": {
+		}
-      "navigationBarTitleText": "若依移动端框架",
+	}, {
-      "navigationStyle": "custom"
+		"path": "pages/index",
-    }
+		"style": {
-  }, {
+			"navigationBarTitleText": "若依移动端框架",
-    "path": "pages/work/index",
+			"navigationStyle": "custom"
-    "style": {
+		}
-      "navigationBarTitleText": "工作台"
+	}, {
-    }
+		"path": "pages/work/index",
-  }, {
+		"style": {
-    "path": "pages/mine/index",
+			"navigationBarTitleText": "工作台"
-    "style": {
+		}
-      "navigationBarTitleText": "我的"
+	}, {
-    }
+		"path": "pages/mine/index",
-  }, {
+		"style": {
-    "path": "pages/mine/avatar/index",
+			"navigationBarTitleText": "我的"
-    "style": {
+		}
-      "navigationBarTitleText": "修改头像"
+	}, {
-    }
+		"path": "pages/mine/avatar/index",
-  }, {
+		"style": {
-    "path": "pages/mine/info/index",
+			"navigationBarTitleText": "修改头像"
-    "style": {
+		}
-      "navigationBarTitleText": "个人信息"
+	}, {
-    }
+		"path": "pages/mine/info/index",
-  }, {
+		"style": {
-    "path": "pages/mine/info/edit",
+			"navigationBarTitleText": "个人信息"
-    "style": {
+		}
-      "navigationBarTitleText": "编辑资料"
+	}, {
-    }
+		"path": "pages/mine/info/edit",
-  }, {
+		"style": {
-    "path": "pages/mine/pwd/index",
+			"navigationBarTitleText": "编辑资料"
-    "style": {
+		}
-      "navigationBarTitleText": "修改密码"
+	}, {
-    }
+		"path": "pages/mine/pwd/index",
-  }, {
+		"style": {
-    "path": "pages/mine/setting/index",
+			"navigationBarTitleText": "修改密码"
-    "style": {
+		}
-      "navigationBarTitleText": "应用设置"
+	}, {
-    }
+		"path": "pages/mine/setting/index",
-  }, {
+		"style": {
-    "path": "pages/mine/help/index",
+			"navigationBarTitleText": "应用设置"
-    "style": {
+		}
-      "navigationBarTitleText": "常见问题"
+	}, {
-    }
+		"path": "pages/mine/help/index",
-  }, {
+		"style": {
-    "path": "pages/mine/about/index",
+			"navigationBarTitleText": "常见问题"
-    "style": {
+		}
-      "navigationBarTitleText": "关于我们"
+	}, {
-    }
+		"path": "pages/mine/about/index",
-  }, {
+		"style": {
-    "path": "pages/common/webview/index",
+			"navigationBarTitleText": "关于我们"
-    "style": {
+		}
-      "navigationBarTitleText": "浏览网页"
+	}, {
-    }
+		"path": "pages/common/webview/index",
-  }, {
+		"style": {
-    "path": "pages/common/textview/index",
+			"navigationBarTitleText": "浏览网页"
-    "style": {
+		}
-      "navigationBarTitleText": "浏览文本"
+	}, {
-    }
+		"path": "pages/common/textview/index",
-  }],
+		"style": {
-  "tabBar": {
+			"navigationBarTitleText": "浏览文本"
-    "color": "#000000",
+		}
-    "selectedColor": "#000000",
+	}],
-    "borderStyle": "white",
+	"tabBar": {
-    "backgroundColor": "#ffffff",
+		"color": "#000000",
-    "list": [{
+		"selectedColor": "#000000",
-        "pagePath": "pages/index",
+		"borderStyle": "white",
-        "iconPath": "static/images/tabbar/home.png",
+		"backgroundColor": "#ffffff",
-        "selectedIconPath": "static/images/tabbar/home_.png",
+		"list": [{
-        "text": "首页"
+			"pagePath": "pages/index",
-      }, {
+			"iconPath": "static/images/tabbar/home.png",
-        "pagePath": "pages/work/index",
+			"selectedIconPath": "static/images/tabbar/home_.png",
-        "iconPath": "static/images/tabbar/work.png",
+			"text": "首页"
-        "selectedIconPath": "static/images/tabbar/work_.png",
+		}, {
-        "text": "工作台"
+			"pagePath": "pages/work/index",
-      }, {
+			"iconPath": "static/images/tabbar/work.png",
-        "pagePath": "pages/mine/index",
+			"selectedIconPath": "static/images/tabbar/work_.png",
-        "iconPath": "static/images/tabbar/mine.png",
+			"text": "工作台"
-        "selectedIconPath": "static/images/tabbar/mine_.png",
+		}, {
-        "text": "我的"
+			"pagePath": "pages/mine/index",
-      }
+			"iconPath": "static/images/tabbar/mine.png",
-    ]
+			"selectedIconPath": "static/images/tabbar/mine_.png",
-  },
+			"text": "我的"
-  "globalStyle": {
+		}]
-    "navigationBarTextStyle": "black",
+	},
-    "navigationBarTitleText": "RuoYi",
+	"globalStyle": {
-    "navigationBarBackgroundColor": "#FFFFFF"
+		"navigationBarTextStyle": "black",
-  }
+		"navigationBarTitleText": "RuoYi",
-}
+		"navigationBarBackgroundColor": "#FFFFFF"
+	}
+}

uni.scss

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