fix: 登录页样式

src/components/AccountForm/LoginForm.vue

@@ -74,7 +74,7 @@ function testAccount(account: string) {
       <FaTabs
         v-model="type" :list="[
           { label: '账号密码登录', value: 'default' },
-          { label: '扫码登录', value: 'qrcode' },
+          // { label: '扫码登录', value: 'qrcode' },
         ]" class="inline-flex"
       />
     </div>
@@ -105,9 +105,9 @@ function testAccount(account: string) {
             <FormField v-slot="{ componentField }" type="checkbox" name="remember">
               <FormItem>
                 <FormControl>
-                  <FaCheckbox v-bind="componentField">
+                  <ElCheckbox v-bind="componentField">
                     记住我
-                  </FaCheckbox>
+                  </ElCheckbox>
                 </FormControl>
               </FormItem>
             </FormField>
@@ -116,17 +116,17 @@ function testAccount(account: string) {
             忘记密码了?
           </FaButton>
         </div>
-        <FaButton :loading="loading" size="lg" class="w-full" type="submit">
+        <ElButton type="primary" size="large" :loading="loading" class="w-full">
           登录
-        </FaButton>
-        <div class="mt-4 flex-center gap-2 text-sm">
+        </ElButton>
+        <!-- <div class="mt-4 flex-center gap-2 text-sm">
           <span class="text-secondary-foreground op-50">还没有帐号?</span>
           <FaButton variant="link" class="h-auto p-0" type="button" @click="emits('onRegister', form.values.account)">
             注册新帐号
           </FaButton>
-        </div>
+        </div> -->
       </form>
-      <div class="mt-4 text-center -mb-4">
+      <!-- <div class="mt-4 text-center -mb-4">
         <FaDivider>演示账号一键登录</FaDivider>
         <div class="space-x-2">
           <FaButton variant="default" size="sm" plain @click="testAccount('admin')">
@@ -136,15 +136,15 @@ function testAccount(account: string) {
             test
           </FaButton>
         </div>
-      </div>
+      </div> -->
     </div>
-    <div v-show="type === 'qrcode'">
+    <!-- <div v-show="type === 'qrcode'">
       <div class="flex-col-center">
         <img src="https://s2.loli.net/2024/04/26/GsahtuIZ9XOg5jr.png" class="h-[250px] w-[250px]">
         <div class="mt-2 text-sm text-secondary-foreground op-50">
           请使用微信扫码登录
         </div>
       </div>
-    </div>
+    </div> -->
   </div>
 </template>