Merge branch 'ft' into 'main_dev'

perf: 优化首页登录图标添加tooltip

See merge request yunteng/thingskit-front!868

@@ -68,15 +68,18 @@
     <!-- </ACol> -->
     <!-- </ARow> -->
     <Divider class="enter-x">
-      <div @click="setLoginState(LoginStateEnum.MOBILE)" class="flex justify-center icon-button">
-        <mobile-filled :style="{ fontSize: '18px' }" />
-      </div>
+      <Tooltip placement="bottom">
+        <template #title>前往手机登录</template>
+        <div @click="setLoginState(LoginStateEnum.MOBILE)" class="flex justify-center icon-button">
+          <mobile-filled :style="{ fontSize: '18px' }" />
+        </div>
+      </Tooltip>
     </Divider>
   </Form>
 </template>
 <script lang="ts" setup>
   import { reactive, ref, unref, computed } from 'vue';
-  import { Checkbox, Form, Input, Row, Col, Button, Divider } from 'ant-design-vue';
+  import { Checkbox, Form, Input, Row, Col, Button, Divider, Tooltip } from 'ant-design-vue';
   import LoginFormTitle from './LoginFormTitle.vue';
   import { useI18n } from '/@/hooks/web/useI18n';
   import { useMessage } from '/@/hooks/web/useMessage';

@@ -29,18 +29,21 @@
         </Button> -->
       </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' }" />
+        <Tooltip placement="bottom">
+          <template #title>前往账号登录</template>
+          <div class="flex justify-center cursor-pointer">
+            <div @click="handleBackLogin" class="flex justify-center icon-button">
+              <contacts-filled :style="{ fontSize: '18px' }" />
+            </div>
           </div>
-        </div>
+        </Tooltip>
       </Divider>
     </Form>
   </template>
 </template>
 <script lang="ts" setup>
   import { reactive, ref, computed, unref, toRaw } from 'vue';
-  import { Form, Input, Button, message, Divider } from 'ant-design-vue';
+  import { Form, Input, Button, message, Divider, Tooltip } from 'ant-design-vue';
   import { CountdownInput } from '/@/components/CountDown';
   import LoginFormTitle from './LoginFormTitle.vue';
   import { useI18n } from '/@/hooks/web/useI18n';