Browse Source

update Login.vue

reghao 1 week ago
parent
commit
138cdc8354
2 changed files with 30 additions and 38 deletions
  1. 1 9
      src/components/layout/LoginBar.vue
  2. 29 29
      src/views/Login.vue

+ 1 - 9
src/components/layout/LoginBar.vue

@@ -4,14 +4,7 @@
       <div class="logo-wrapper">
       <div class="logo-wrapper">
         <a href="/" class="logo-link">
         <a href="/" class="logo-link">
           <img src="@/assets/img/logo.png" class="logo-img" alt="logo">
           <img src="@/assets/img/logo.png" class="logo-img" alt="logo">
-          <span class="brand-name hidden-xs">TNBAPP</span>
-        </a>
-      </div>
-
-      <div v-if="!devops" class="menu-wrapper">
-        <a href="/blog" class="nav-link">
-          <i class="el-icon-document"></i>
-          <span class="link-text hidden-xs">Blog</span>
+          <span class="brand-name hidden-xs">tnbapp</span>
         </a>
         </a>
       </div>
       </div>
     </div>
     </div>
@@ -23,7 +16,6 @@ export default {
   name: 'LoginBar',
   name: 'LoginBar',
   data() {
   data() {
     return {
     return {
-      devops: false
     }
     }
   }
   }
 }
 }

+ 29 - 29
src/views/Login.vue

@@ -11,36 +11,36 @@
             <el-form ref="loginForm" :model="userLogin" label-position="top">
             <el-form ref="loginForm" :model="userLogin" label-position="top">
               <el-form-item label="账号">
               <el-form-item label="账号">
                 <el-input
                 <el-input
-                    v-model="userLogin.principal"
-                    prefix-icon="el-icon-user"
-                    placeholder="手机号或邮箱"
-                    clearable
+                  v-model="userLogin.principal"
+                  prefix-icon="el-icon-user"
+                  placeholder="手机号或邮箱"
+                  clearable
                 />
                 />
               </el-form-item>
               </el-form-item>
 
 
               <el-form-item label="密码">
               <el-form-item label="密码">
                 <el-input
                 <el-input
-                    v-model="userLogin.credential"
-                    prefix-icon="el-icon-lock"
-                    type="password"
-                    placeholder="请输入密码"
-                    show-password
-                    clearable
+                  v-model="userLogin.credential"
+                  prefix-icon="el-icon-lock"
+                  type="password"
+                  placeholder="请输入密码"
+                  show-password
+                  clearable
                 />
                 />
               </el-form-item>
               </el-form-item>
 
 
               <el-form-item label="验证码">
               <el-form-item label="验证码">
                 <div class="captcha-box">
                 <div class="captcha-box">
                   <el-input
                   <el-input
-                      v-model="userLogin.captchaCode"
-                      placeholder="图形验证码"
-                      @keyup.enter.native="loginBtn"
+                    v-model="userLogin.captchaCode"
+                    placeholder="图形验证码"
+                    @keyup.enter.native="loginBtn"
                   />
                   />
                   <el-image
                   <el-image
-                      class="captcha-img"
-                      :src="captchaCode"
-                      title="点击刷新"
-                      @click="getCaptcha"
+                    class="captcha-img"
+                    :src="captchaCode"
+                    title="点击刷新"
+                    @click="getCaptcha"
                   />
                   />
                 </div>
                 </div>
               </el-form-item>
               </el-form-item>
@@ -49,7 +49,7 @@
                 <el-button type="primary" class="submit-btn" :loading="isLoading" @click="loginBtn">登 录</el-button>
                 <el-button type="primary" class="submit-btn" :loading="isLoading" @click="loginBtn">登 录</el-button>
                 <div class="sub-actions">
                 <div class="sub-actions">
                   <el-button type="text" size="mini" @click="register">注册账号</el-button>
                   <el-button type="text" size="mini" @click="register">注册账号</el-button>
-                  <el-button type="text" size="mini" @click="forgot" class="forgot-link">忘记密码?</el-button>
+                  <el-button type="text" size="mini" class="forgot-link" @click="forgot">忘记密码?</el-button>
                 </div>
                 </div>
               </div>
               </div>
             </el-form>
             </el-form>
@@ -60,10 +60,10 @@
               <el-form-item label="手机号">
               <el-form-item label="手机号">
                 <div class="sms-box">
                 <div class="sms-box">
                   <el-input
                   <el-input
-                      v-model="userLogin.principal"
-                      prefix-icon="el-icon-mobile-phone"
-                      placeholder="请输入手机号"
-                      clearable
+                    v-model="userLogin.principal"
+                    prefix-icon="el-icon-mobile-phone"
+                    placeholder="请输入手机号"
+                    clearable
                   />
                   />
                   <el-button class="sms-btn" :disabled="isBtn" @click="loginVerifyCode">
                   <el-button class="sms-btn" :disabled="isBtn" @click="loginVerifyCode">
                     {{ isBtn ? code + 's' : '获取验证码' }}
                     {{ isBtn ? code + 's' : '获取验证码' }}
@@ -73,19 +73,19 @@
 
 
               <el-form-item label="短信验证码">
               <el-form-item label="短信验证码">
                 <el-input
                 <el-input
-                    v-model="userLogin.credential"
-                    prefix-icon="el-icon-chat-dot-round"
-                    placeholder="请输入验证码"
-                    clearable
+                  v-model="userLogin.credential"
+                  prefix-icon="el-icon-chat-dot-round"
+                  placeholder="请输入验证码"
+                  clearable
                 />
                 />
               </el-form-item>
               </el-form-item>
 
 
               <el-form-item label="验证码">
               <el-form-item label="验证码">
                 <div class="captcha-box">
                 <div class="captcha-box">
                   <el-input
                   <el-input
-                      v-model="userLogin.captchaCode"
-                      placeholder="图形验证码"
-                      @keyup.enter.native="loginBtn"
+                    v-model="userLogin.captchaCode"
+                    placeholder="图形验证码"
+                    @keyup.enter.native="loginBtn"
                   />
                   />
                   <el-image class="captcha-img" :src="captchaCode" @click="getCaptcha" />
                   <el-image class="captcha-img" :src="captchaCode" @click="getCaptcha" />
                 </div>
                 </div>