消息

Web/src/pages/auth/login.vue

@@ -48,16 +48,8 @@
             <label class="field-label" for="login-username">账号</label>
             <div class="field-box" :class="{ 'is-error': !!errors.username }">
               <span class="field-marker">A</span>
-              <input
-                id="login-username"
-                v-model.trim="form.username"
-                class="field-input"
-                type="text"
-                inputmode="text"
-                autocomplete="username"
-                placeholder="请输入账号"
-                @input="clearFieldError('username')"
-              />
+              <input id="login-username" v-model.trim="form.username" class="field-input" type="text" inputmode="text"
+                autocomplete="username" placeholder="请输入账号" @input="clearFieldError('username')" />
             </div>
             <p v-if="errors.username" class="field-error">{{ errors.username }}</p>
           </div>
@@ -66,15 +58,8 @@
             <label class="field-label" for="login-password">密码</label>
             <div class="field-box" :class="{ 'is-error': !!errors.password }">
               <span class="field-marker">P</span>
-              <input
-                id="login-password"
-                v-model.trim="form.password"
-                class="field-input"
-                type="password"
-                autocomplete="current-password"
-                placeholder="请输入密码"
-                @input="clearFieldError('password')"
-              />
+              <input id="login-password" v-model.trim="form.password" class="field-input" type="password"
+                autocomplete="current-password" placeholder="请输入密码" @input="clearFieldError('password')" />
             </div>
             <p v-if="errors.password" class="field-error">{{ errors.password }}</p>
           </div>
@@ -92,12 +77,8 @@
 
           <div class="login-agreement">
             <label class="check-row">
-              <input
-                v-model="form.agreement"
-                class="check-input"
-                type="checkbox"
-                @change="clearFieldError('agreement')"
-              />
+              <input v-model="form.agreement" class="check-input" type="checkbox"
+                @change="clearFieldError('agreement')" />
               <span class="check-box"></span>
               <span class="check-text">我已阅读并同意演示使用说明</span>
             </label>
@@ -105,16 +86,10 @@
           </div>
 
           <div class="login-actions">
-            <van-button
-              block
-              round
-              type="primary"
-              native-type="submit"
-              :loading="isSubmitting"
-              :disabled="submitDisabled"
-            >
+            <van-button block round type="primary" native-type="submit" :loading="isSubmitting"
+              :disabled="submitDisabled">
               模拟登录
-            </van-button>            
+            </van-button>
             <van-button block round plain type="primary" native-type="button" @click="clearForm">
               清空输入
             </van-button>
@@ -133,7 +108,7 @@
         </div>
       </section>
     </div>
-      
+
   </div>
 
 </template>
@@ -393,7 +368,7 @@ const handleSubmit = async () => {
   margin-top: 18px;
 }
 
-.field-group + .field-group {
+.field-group+.field-group {
   margin-top: 14px;
 }
 
@@ -521,12 +496,12 @@ const handleSubmit = async () => {
   transform: rotate(45deg);
 }
 
-.check-input:checked + .check-box {
+.check-input:checked+.check-box {
   border-color: #2563eb;
   background: #2563eb;
 }
 
-.check-input:checked + .check-box::after {
+.check-input:checked+.check-box::after {
   opacity: 1;
 }