家长课堂登录页面去除注册加入记住我

src/views/Login-Mobile.vue

@@ -74,11 +74,12 @@
             <el-button class="login-btn" type="primary" @click="handleLogin">登 录</el-button>
           </el-form-item>
         </el-form>
-        <div class="link-section">
-          <router-link :to="{path: '/forget-password'}" class="forgot-link">忘记密码？</router-link>
-        </div>
-        <div class="register-section">
-          <router-link :to="{path: '/register-login', query: {bgImage: 'homeBG', loginType: 'login'}}" class="register-link">没有账号？立即注册</router-link>
+
+        <div class="check-box">
+          <el-checkbox
+              v-model="loginData.loginForm.rememberMe"
+              label="记住我"
+          />
         </div>
       </div>
     </div>
@@ -356,6 +357,40 @@ onMounted(() => {
   vertical-align: middle;
 }
 
+.check-box {
+  width: 100%;
+  display: flex;
+  justify-content: flex-end;
+  align-items: center;
+  margin-top: 20px;
+}
+
+.check-box .el-checkbox {
+  color: white;
+  font-size: 16px;
+}
+
+.el-checkbox ::v-deep(.el-checkbox__input) {
+  font-size: 18px;
+}
+
+.el-checkbox ::v-deep(.el-checkbox__inner) {
+  width: 18px;
+  height: 18px;
+  font-size: 12px;
+}
+
+.el-checkbox ::v-deep(.el-checkbox__inner::after) {
+  width: 6px;
+  height: 10px;
+  left: 5px;
+  top: 2px;
+}
+
+.el-checkbox ::v-deep(.el-checkbox__label) {
+  font-size: 14px;
+}
+
 .login-btn {
   width: 100%;
   height: 50px;
@@ -373,40 +408,6 @@ onMounted(() => {
   background: linear-gradient(180deg, #ffda33 0%, #ffc107 100%);
 }
 
-.link-section {
-  width: 100%;
-  display: flex;
-  flex-direction: column;
-  align-items: flex-start;
-  gap: 10px;
-}
-
-.register-section {
-  width: 100%;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  gap: 10px;
-  margin-top: 5px;
-}
-
-.forgot-link {
-  font-size: 18px;
-  color: rgba(255, 255, 255, 0.8);
-  text-decoration: none;
-}
-
-.register-link {
-  font-size: 18px;
-  color: rgba(255, 255, 255, 0.8);
-  text-decoration: none;
-}
-
-.forgot-link:hover,
-.register-link:hover {
-  text-decoration: underline;
-}
-
 .sms-code-container {
   display: flex;
   align-items: center;
@@ -499,6 +500,41 @@ onMounted(() => {
     font-size: 30px;
   }
 
+  .check-box {
+    width: 100% !important;
+    max-width: none;
+    height: auto;
+    margin: 20px 0 !important;
+    display: flex;
+    justify-content: flex-end;
+    align-items: center;
+  }
+
+  .check-box .el-checkbox {
+    font-size: 16px !important;
+  }
+
+  .el-checkbox ::v-deep(.el-checkbox__input) {
+    font-size: 18px !important;
+  }
+
+  .el-checkbox ::v-deep(.el-checkbox__inner) {
+    width: 20px !important;
+    height: 20px !important;
+    font-size: 14px !important;
+  }
+
+  .el-checkbox ::v-deep(.el-checkbox__inner::after) {
+    width: 6px !important;
+    height: 10px !important;
+    left: 6px !important;
+    top: 2px !important;
+  }
+
+  .el-checkbox ::v-deep(.el-checkbox__label) {
+    font-size: 14px !important;
+  }
+
   .login-btn {
     height: 46px;
     font-size: 25px;