From c469cb139f7beb08cf991ab0a3fb06ad58722f41 Mon Sep 17 00:00:00 2001
From: Kane <wangkane@qq.com>
Date: Wed, 14 Dec 2022 21:28:13 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=9D=E5=AD=98=E8=BF=9B=E5=BA=A6=EF=BC=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../admin_system/src/views/account/Login.vue  | 28 ++++++++++++++-----
 1 file changed, 21 insertions(+), 7 deletions(-)

diff --git a/企业级管理系统/前端/admin_system/src/views/account/Login.vue b/企业级管理系统/前端/admin_system/src/views/account/Login.vue
index 4419bba..d1882a7 100644
--- a/企业级管理系统/前端/admin_system/src/views/account/Login.vue
+++ b/企业级管理系统/前端/admin_system/src/views/account/Login.vue
@@ -2,8 +2,8 @@
  * @Author: Kane
  * @Date: 2022-12-14 15:23:54
  * @LastEditors: Kane
- * @LastEditTime: 2022-12-14 18:04:50
- * @FilePath: \admin_system\src\views\account\login.vue
+ * @LastEditTime: 2022-12-14 21:23:51
+ * @FilePath: \admin_system\src\views\account\Login.vue
  * @Description: 
  * 
  * Copyright (c) ${2022} by Kane, All Rights Reserved. 
@@ -12,8 +12,10 @@
   <div id="login">
     <div class="form-warp">
       <ul class="menu-tab">
-        <li class="current">登录</li>
-        <li>注册</li>
+        <li :class="{ 'current': current_menu === item.type }" @click="onToggleMenu(item.type)" v-for="item in tab_menu"
+          :key="item.type">{{ item.label
+          }}
+        </li>
       </ul>
       <el-form ref="form" :model="form">
         <el-form-item>
@@ -26,7 +28,7 @@
         </el-form-item>
         <el-form-item>
           <label class="form-label">验证码</label>
-          <el-row :gutter="30">
+          <el-row :gutter="10">
             <el-col :span="14">
               <el-input type="text"></el-input>
             </el-col>
@@ -44,6 +46,8 @@
 </template>
 
 <script>
+// import { ref } from "vue";
+
 export default {
   name: "loginPage",
   data() {
@@ -51,9 +55,19 @@ export default {
       loginForm: {
         username: "",
         password: "",
-      }
+      },
+      tab_menu: [
+        { type: "login", label: "登录" },
+        { type: "regiester", label: "注册" },
+      ],
+      current_menu: "login",
     }
-  }
+  },
+  methods: {
+    onToggleMenu(type) {
+      this.current_menu = type;
+    }
+  },
 };
 </script>