邓洁: 登录框大小

src/views/login/index.vue

@@ -6,7 +6,7 @@
         :rules="rules"
         label-width="65px"
     >
-      <h3>FateVerse</h3>
+      <h3>Tunnel Cloud</h3>
       <el-form-item prop="username" label="账号">
         <el-input v-model="loginForm.username" :prefix-icon="User"></el-input>
       </el-form-item>
@@ -28,9 +28,8 @@
         </div>
       </el-form-item>
       <el-form-item>
-        <el-button @click="handleLogin(formInstance)" type="primary"
-          >登录</el-button
-        >
+        <el-button @click="handleLogin(formInstance)" type="primary">登录
+        </el-button>
       </el-form-item>
     </el-form>
   </div>
@@ -42,6 +41,7 @@ import { getCodeImg } from "../../api/login";
 import {useAuthStore} from "@/store/userstore";
 import {ElLoading} from "element-plus";
 import {User, Lock, Key} from "@element-plus/icons-vue";
+
 const router = useRouter();
 const authStore = useAuthStore();
 const loginForm = reactive({
@@ -98,6 +98,19 @@ onBeforeUnmount(() => {
 </script>
 
 <style lang="scss" scoped>
+:deep(.el-button){
+  font-size:22px;
+  height: 40px;
+}
+:deep(.el-form-item__label) {
+  width: 80px!important;
+  font-size: 18px;
+}
+:deep(.el-input__wrapper ) {
+  padding: 5px 11px;
+  font-size: 22px;
+}
+
 .login-box {
   height: 100%;
   background-color: #4158d0;
@@ -128,17 +141,20 @@ onBeforeUnmount(() => {
     }
   }
 }
+
 .code {
   display: flex;
   justify-content: space-between;
   align-items: center;
   width: 100%;
+
   .el-input {
     // width: ;
     flex: 2;
   }
+
   img {
-    height: 32px;
+    height: 45px;
     flex: 1;
   }
 }