登录页文字修改

package.json

@@ -23,7 +23,11 @@
     "@vue/cli-plugin-vuex": "~5.0.0",
     "@vue/cli-service": "~5.0.0",
     "less": "^4.2.2",
-    "less-loader": "^12.2.0"
+    "less-loader": "^12.2.0",
+    "postcss-preset-env": "^10.1.5",
+    "postcss-px-to-viewport": "^1.1.1",
+    "postcss-px-viewport": "^0.0.4",
+    "postcss-viewport-units": "^0.1.6"
   },
   "browserslist": [
     "> 1%",

postcss.config.js

@@ -0,0 +1,13 @@
+module.exports = {
+    plugins: {
+        'postcss-px-to-viewport': {
+            viewportWidth: 1600, // 视窗的宽度，对应设计稿宽度
+            viewportHeight: 900, // 视窗的高度，对应设计稿高度
+            unitPrecision: 3, // 指定 px 转换为视窗单位值的小数位数
+            viewportUnit: 'vw', // 指定需要转换成的视窗单位，vw 或者 vh
+            selectorBlackList: ['.ignore', '.hairlines'], // 指定不需要转换的类
+            minPixelValue: 1, // 小于或等于 1 px 不转换为视窗单位
+            mediaQuery: false // 允许在媒体查询中转换 px
+        }
+    }
+};

public/index.html

@@ -24,8 +24,8 @@
   body {
     margin: 0;
     padding: 0;
-    width: 1600px;
-    height: 900px;
+    /* width: 1600px;
+    height: 900px; */
   }
 </style>
 

src/views/HomeView.vue

@@ -21,7 +21,7 @@
 						</div>
 					</div>
 				</div>
-				<div class="center-line" style="margin-top: 15vh;">
+				<div class="center-line" style="margin-top: 40px;">
 					<!-- logo -->
 					<div class="logo">
 						<div class="center-justify" style="height: 80px; width: 300px;">
@@ -83,17 +83,22 @@ const onSubmit = () => {
 		text: 'Loading',
 		background: 'rgba(0, 0, 0, 0.7)',
 	});
-	console.log('submit!');
 	setUserPass(formData.value);
 	login({
 		userId: formData.value.userId,
 		password: formData.value.password,
 	}).then((res) => {
 		loading.close();
+		console.log(res)
 		if (res) {
-			setToken(res.currcode);
-			setUser(res);
-			router.push('/nav');
+			if (res.activeYn == 'Y') {
+				setToken(res.currcode);
+				setUser(res);
+				router.push('/nav');
+			} else {
+				alert('账号未启用');
+			}
+
 		} else {
 			alert('账号或密码错误');
 		}

src/views/hosts/workbenches.vue

@@ -21,7 +21,7 @@
                                 公会账号：
                             </div>
                             <el-input :disabled="!(isTk && tkData[index].code == 0)" v-model="tkData[index].account"
-                                style="height: 50px;" placeholder="请输入登录账号" clearable />
+                                placeholder="请输入登录账号" clearable />
                         </div>
 
                         <div class="from-input-item">
@@ -29,7 +29,7 @@
                                 公会密码：
                             </div>
                             <el-input :disabled="!(isTk && tkData[index].code == 0)" v-model="tkData[index].password"
-                                style="height: 50px;" type="password" placeholder="请输入登录密码" show-password />
+                                type="password" placeholder="请输入登录密码" show-password />
                         </div>
 
                         <el-button class="open-login" style="margin-left: 60px;"
@@ -576,6 +576,7 @@ label {
 
 ::v-deep(.el-input__wrapper) {
     width: 218px;
+    height: 44px;
 }
 
 .el-input {

vue.config.js

@@ -1,4 +1,24 @@
-const { defineConfig } = require('@vue/cli-service')
+const { defineConfig } = require('@vue/cli-service');
+
 module.exports = defineConfig({
-  transpileDependencies: true
-})
+  transpileDependencies: true,
+  css: {
+    loaderOptions: {
+      postcss: {
+        postcssOptions: {
+          plugins: [
+            require('postcss-px-to-viewport')({
+              viewportWidth: 1600, // 视窗的宽度，对应设计稿宽度
+              viewportHeight: 900, // 视窗的高度，对应设计稿高度
+              unitPrecision: 3, // 指定 px 转换为视窗单位值的小数位数
+              viewportUnit: 'vw', // 指定需要转换成的视窗单位，vw 或者 vh
+              selectorBlackList: ['.ignore', '.hairlines'], // 指定不需要转换的类
+              minPixelValue: 1, // 小于或等于 1 px 不转换为视窗单位
+              mediaQuery: false // 允许在媒体查询中转换 px
+            })
+          ]
+        }
+      }
+    }
+  }
+});