浏览代码

修改登录页面的错误信息提示

画安 1 月之前
父节点
当前提交
469c681e72
共有 1 个文件被更改,包括 8 次插入9 次删除
  1. 8 9
      src/views/Login.vue

+ 8 - 9
src/views/Login.vue

@@ -49,11 +49,10 @@
                 </div>
                 <CaptchaCanvas v-model="captchaCode" />
             </div>
-
+            
+            <div class="hint" v-if="hint">{{ hint }}</div>
             <button class="btn" @click="onLogin">立即登录</button>
 
-            <div class="hint" v-if="hint">{{ hint }}</div>
-        
             </div>
          </div>
       </div>
@@ -118,14 +117,11 @@ export default {
       });
 
       if (!res.ok) {
-        this.$msg.error({
-          message: res.message,
-          duration: 0
-        });
+        this.hint = res.message;
         return;
       }
 
-      console.log('123131');
+
       this.doorNavigated = false;
       this.isDoorOpening = false;
       this.$nextTick(() => {
@@ -424,8 +420,11 @@ export default {
 
 .hint{
   margin-top: calc(var(--s) * 12px);
-  color: rgba(255,180,180,0.92);
+  margin-bottom: calc(var(--s) * 12px);
+  color: rgba(255, 0, 0, 0.92);
   font-size: var(--fs-base);
+  width: 85%;
+  text-align: left;
 }
 
 /* 响应式重排:窄屏时上下布局 */