perf: 优化登录页手机登录和账号登录更换为图标形式

@@ -47,31 +47,36 @@
         {{ t('sys.login.loginButton') }}
       </Button>
     </FormItem>
-    <ARow class="enter-x flex justify-center">
-      <!-- <ACol :md="11" :xs="24">
+    <!-- <ARow class="enter-x flex justify-center"> -->
+    <!-- <ACol :md="11" :xs="24">
         <Button block @click="setLoginState(LoginStateEnum.LOGIN)">
           {{ t('sys.login.userNameInFormTitle') }}
         </Button>
       </ACol> -->
-      <ACol :md="11" :xs="24">
-        <!-- <Button block @click="setLoginState(LoginStateEnum.MOBILE)">
+    <!-- <ACol :md="11" :xs="24"> -->
+    <!-- <Button block @click="setLoginState(LoginStateEnum.MOBILE)">
           {{ t('sys.login.mobileSignInFormTitle') }}
         </Button> -->
-        <div class="flex justify-center cursor-pointer">
+    <!-- <div class="flex justify-center cursor-pointer">
           <div
             @click="setLoginState(LoginStateEnum.MOBILE)"
             class="flex justify-center icon-button"
           >
             <phone-filled :style="{ fontSize: '18px' }" />
           </div>
-        </div>
-      </ACol>
-    </ARow>
+        </div> -->
+    <!-- </ACol> -->
+    <!-- </ARow> -->
+    <Divider class="enter-x">
+      <div @click="setLoginState(LoginStateEnum.MOBILE)" class="flex justify-center icon-button">
+        <mobile-filled :style="{ fontSize: '18px' }" />
+      </div>
+    </Divider>
   </Form>
 </template>
 <script lang="ts" setup>
   import { reactive, ref, unref, computed } from 'vue';
-  import { Checkbox, Form, Input, Row, Col, Button } from 'ant-design-vue';
+  import { Checkbox, Form, Input, Row, Col, Button, Divider } from 'ant-design-vue';
   import LoginFormTitle from './LoginFormTitle.vue';
   import { useI18n } from '/@/hooks/web/useI18n';
   import { useMessage } from '/@/hooks/web/useMessage';
@@ -79,7 +84,7 @@
   import { LoginStateEnum, useLoginState, useFormRules, useFormValid } from './useLogin';
   import { getPlatForm } from '/@/api/oem';
   import { createLocalStorage, createSessionStorage } from '/@/utils/cache';
-  import { PhoneFilled } from '@ant-design/icons-vue';
+  import { MobileFilled } from '@ant-design/icons-vue';
 
   const ACol = Col;
   const ARow = Row;

@@ -27,18 +27,20 @@
         <!-- <Button size="large" block class="mt-4" @click="handleBackLogin">
           {{ t('sys.login.backSignIn') }}
         </Button> -->
-        <div class="flex justify-center cursor-pointer mt-4">
+      </FormItem>
+      <Divider class="enter-x">
+        <div class="flex justify-center cursor-pointer">
           <div @click="handleBackLogin" class="flex justify-center icon-button">
             <contacts-filled :style="{ fontSize: '18px' }" />
           </div>
         </div>
-      </FormItem>
+      </Divider>
     </Form>
   </template>
 </template>
 <script lang="ts" setup>
   import { reactive, ref, computed, unref, toRaw } from 'vue';
-  import { Form, Input, Button, message } from 'ant-design-vue';
+  import { Form, Input, Button, message, Divider } from 'ant-design-vue';
   import { CountdownInput } from '/@/components/CountDown';
   import LoginFormTitle from './LoginFormTitle.vue';
   import { useI18n } from '/@/hooks/web/useI18n';