适配

.env.development

@@ -5,12 +5,12 @@ VUE_APP_TITLE = 人口数据管理系统
 ENV = 'development'
 
 # # 政务网/开发环境
-# VUE_APP_BASE_API_HTML = "http://122.193.93.182:19002"
-# VUE_APP_BASE_API = 'http://122.193.93.182:19002'
+VUE_APP_BASE_API_HTML = "http://122.193.93.182:19002"
+VUE_APP_BASE_API = 'http://122.193.93.182:19002'
 
 # 测试/开发环境
-VUE_APP_BASE_API_HTML = "http://192.168.0.120:19002"
-VUE_APP_BASE_API = "http://192.168.0.120:19002"
+# VUE_APP_BASE_API_HTML = "http://192.168.0.120:19002"
+# VUE_APP_BASE_API = "http://192.168.0.120:19002"
 
 # 路由懒加载
 VUE_CLI_BABEL_TRANSPILE_MODULES = true

package.json

@@ -1,7 +1,7 @@
 {
   "name": "ruoyi",
   "version": "3.8.8",
-  "description": "人口数据管理系统",
+  "description": "若依管理系统",
   "author": "若依",
   "license": "MIT",
   "scripts": {
@@ -38,7 +38,6 @@
   "dependencies": {
     "@riophae/vue-treeselect": "0.4.0",
     "animate.css": "^4.1.1",
-    "autofit.js": "^3.1.1",
     "axios": "0.28.1",
     "clipboard": "2.0.8",
     "core-js": "3.37.1",
@@ -51,12 +50,11 @@
     "js-cookie": "3.0.1",
     "jsencrypt": "3.0.0-rc.1",
     "leaflet": "^1.9.4",
-    "lodash": "^4.17.21",
     "nprogress": "0.2.0",
+    "postcss-px-to-viewport": "^1.1.1",
     "quill": "1.3.7",
     "screenfull": "5.0.2",
     "sortablejs": "1.10.2",
-    "v-scale-screen": "^1.0.3",
     "vue": "2.6.12",
     "vue-count-to": "1.0.13",
     "vue-cropper": "0.5.5",

postcss.config.js

@@ -0,0 +1,7 @@
+module.exports = {
+  plugins: {
+    "postcss-px-to-viewport": {
+      viewportWidth: 1920,
+    },
+  },
+};

src/App.vue

@@ -1,10 +1,8 @@
 <template>
-    <ScaleBox>
   <div id="app">
     <router-view />
     <theme-picker />
   </div>
-</ScaleBox>
 </template>
 
 <script>
@@ -13,7 +11,7 @@ import ScaleBox from "@/components/scaleBox";
 export default {
   mounted() {},
   name: "App",
-  components: { ThemePicker,ScaleBox },
+  components: { ThemePicker, ScaleBox },
   metaInfo() {
     return {
       title:

src/components/NavigationBar/index.vue

@@ -111,7 +111,7 @@ export default {
   position: fixed;
   top: 0;
   z-index: 100;
-  height: 110px;
+  height: 120px;
   width: 100%;
   background: url("~@/assets/images/ui/navigation.png");
   background-size: cover;
@@ -126,7 +126,7 @@ export default {
   }
   .navigation-title {
     text-align: center;
-    margin-top: 6px;
+    margin-top: 4px;
     .main-title {
       font-size: 36px;
       color: #ffffff;

src/views/login.vue

@@ -215,8 +215,8 @@ export default {
   border-radius: 6px;
   background-image: url("../assets/images/ui/img_frame.png");
   background-size: 100% 100%;
-  width: 450px;
-  padding: 35px 35px 5px 35px;
+  width: 500px;
+  padding: 30px 35px 5px 35px;
   .el-input {
     height: 50px;
     input {
@@ -227,7 +227,11 @@ export default {
       background: rgba(9, 27, 52, 0.2);
       border-color: #1489cc;
     }
+    input::placeholder {
+      font-size: 18px;
+    }
   }
+
   .input-icon {
     height: 50px;
     width: 18px;