pref：优化登录页logo

 <template>
 <template>
   <div :class="prefixCls" class="relative w-full h-full px-4">
   <div :class="prefixCls" class="relative w-full h-full px-4">
-    <AppLocalePicker
-      class="absolute text-white top-4 right-4 enter-x xl:text-gray-600"
-      :showText="false"
-      v-if="!sessionTimeout && showLocale"
-    />
+    <AppLocalePicker class="absolute text-white top-4 right-4 enter-x xl:text-gray-600" :showText="false"
+      v-if="!sessionTimeout && showLocale" />
     <AppDarkModeToggle class="absolute top-3 right-7 enter-x" v-if="!sessionTimeout" />
     <AppDarkModeToggle class="absolute top-3 right-7 enter-x" v-if="!sessionTimeout" />
 
 
     <span class="-enter-x xl:hidden">
     <span class="-enter-x xl:hidden">
-      <AppLogo :alwaysShowTitle="true" />
+      <!-- <AppLogo :alwaysShowTitle="true" /> -->
     </span>
     </span>
 
 
     <div class="container relative h-full py-2 mx-auto sm:px-10">
     <div class="container relative h-full py-2 mx-auto sm:px-10">
       <div class="flex h-full">
       <div class="flex h-full">
         <div class="hidden min-h-full pl-4 mr-4 xl:flex xl:flex-col xl:w-6/12">
         <div class="hidden min-h-full pl-4 mr-4 xl:flex xl:flex-col xl:w-6/12">
-          <AppLogo class="-enter-x" />
+          <!-- <AppLogo class="-enter-x" /> -->
+          <div style="display:flex;margin-top: 10px;">
+            <img v-if="getLogo" :src="getLogo" style="width: 48px;height:48px" />
+            <img style="width: 48px;height:48px" v-else src="/src/assets/images/logo.png" />
+            <div class="ml-2 truncate md:opacity-100"
+              style="line-height: 45px;margin-left: 5px;font-size: 24px;color: #fff;font-weight: 700;">
+              {{ getTitle }}
+            </div>
+          </div>
           <div class="my-auto">
           <div class="my-auto">
-            <img
-              :alt="title"
-              src="../../../assets/svg/thingskit-login-background.svg"
-              class="w-1/2 -mt-16 -enter-x"
-            />
+            <img :alt="title" src="../../../assets/svg/thingskit-login-background.svg" class="w-1/2 -mt-16 -enter-x" />
             <div class="mt-10 font-medium text-white -enter-x">
             <div class="mt-10 font-medium text-white -enter-x">
               <span class="inline-block mt-4 text-3xl"> {{ t('sys.login.signInTitle') }}</span>
               <span class="inline-block mt-4 text-3xl"> {{ t('sys.login.signInTitle') }}</span>
             </div>
             </div>
@@ -30,10 +31,8 @@
           </div>
           </div>
         </div>
         </div>
         <div class="flex w-full h-full py-5 xl:h-auto xl:py-0 xl:my-0 xl:w-6/12">
         <div class="flex w-full h-full py-5 xl:h-auto xl:py-0 xl:my-0 xl:w-6/12">
-          <div
-            :class="`${prefixCls}-form`"
-            class="relative w-full px-5 py-8 mx-auto my-auto rounded-md shadow-md xl:ml-16 xl:bg-transparent sm:px-8 xl:p-4 xl:shadow-none sm:w-3/4 lg:w-2/4 xl:w-auto enter-x"
-          >
+          <div :class="`${prefixCls}-form`"
+            class="relative w-full px-5 py-8 mx-auto my-auto rounded-md shadow-md xl:ml-16 xl:bg-transparent sm:px-8 xl:p-4 xl:shadow-none sm:w-3/4 lg:w-2/4 xl:w-auto enter-x">
             <LoginForm />
             <LoginForm />
             <ForgetPasswordForm />
             <ForgetPasswordForm />
             <RegisterForm />
             <RegisterForm />
@@ -45,168 +44,188 @@
   </div>
   </div>
 </template>
 </template>
 <script lang="ts" setup>
 <script lang="ts" setup>
-  import { computed } from 'vue';
-  import { AppLogo } from '/@/components/Application';
-  import { AppLocalePicker, AppDarkModeToggle } from '/@/components/Application';
-  import LoginForm from './LoginForm.vue';
-  import ForgetPasswordForm from './ForgetPasswordForm.vue';
-  import RegisterForm from './RegisterForm.vue';
-  import MobileForm from './MobileForm.vue';
-  import { useGlobSetting } from '/@/hooks/setting';
-  import { useI18n } from '/@/hooks/web/useI18n';
-  import { useDesign } from '/@/hooks/web/useDesign';
-  import { useLocaleStore } from '/@/store/modules/locale';
-  defineProps({
-    sessionTimeout: {
-      type: Boolean,
-    },
-  });
-
-  const globSetting = useGlobSetting();
-  const { prefixCls } = useDesign('login');
-  const { t } = useI18n();
-  const localeStore = useLocaleStore();
-  const showLocale = localeStore.getShowPicker;
-  const title = computed(() => globSetting?.title ?? '');
+import { computed } from 'vue';
+import { AppLogo } from '/@/components/Application';
+import { AppLocalePicker, AppDarkModeToggle } from '/@/components/Application';
+import LoginForm from './LoginForm.vue';
+import ForgetPasswordForm from './ForgetPasswordForm.vue';
+import RegisterForm from './RegisterForm.vue';
+import MobileForm from './MobileForm.vue';
+import { useGlobSetting } from '/@/hooks/setting';
+import { useI18n } from '/@/hooks/web/useI18n';
+import { useDesign } from '/@/hooks/web/useDesign';
+import { useLocaleStore } from '/@/store/modules/locale';
+import { useUserStore } from '/@/store/modules/user';
+
+defineProps({
+  sessionTimeout: {
+    type: Boolean,
+  },
+});
+
+const userStore = useUserStore();
+
+const getLogo = computed(() => {
+  return userStore.platInfo?.logo;
+});
+const { title } = useGlobSetting();
+const getTitle = computed(() => {
+  // 设置icon
+  let link = (document.querySelector("link[rel*='icon']") ||
+    document.createElement('link')) as HTMLLinkElement;
+  link.type = 'image/x-icon';
+  link.rel = 'shortcut icon';
+  link.href = userStore.platInfo?.icon ?? '/favicon.ico';
+  document.getElementsByTagName('head')[0].appendChild(link);
+  return userStore.platInfo?.name ?? title;
+});
+// const globSetting = useGlobSetting();
+const { prefixCls } = useDesign('login');
+const { t } = useI18n();
+const localeStore = useLocaleStore();
+const showLocale = localeStore.getShowPicker;
+// const title = computed(() => globSetting?.title ?? '');
 </script>
 </script>
 <style lang="less">
 <style lang="less">
-  @prefix-cls: ~'@{namespace}-login';
-  @logo-prefix-cls: ~'@{namespace}-app-logo';
-  @countdown-prefix-cls: ~'@{namespace}-countdown-input';
-  @dark-bg: #293146;
+@prefix-cls: ~'@{namespace}-login';
+@logo-prefix-cls: ~'@{namespace}-app-logo';
+@countdown-prefix-cls: ~'@{namespace}-countdown-input';
+@dark-bg: #293146;
 
 
-  html[data-theme='dark'] {
-    .@{prefix-cls} {
-      background-color: @dark-bg;
+html[data-theme='dark'] {
+  .@{prefix-cls} {
+    background-color: @dark-bg;
 
 
-      &::before {
-        background-image: url(/@/assets/svg/login-bg-dark.svg);
-      }
+    &::before {
+      background-image: url(/@/assets/svg/login-bg-dark.svg);
+    }
 
 
-      .ant-input,
-      .ant-input-password {
-        background-color: #232a3b;
-      }
+    .ant-input,
+    .ant-input-password {
+      background-color: #232a3b;
+    }
 
 
-      .ant-btn:not(.ant-btn-link):not(.ant-btn-primary) {
-        border: 1px solid #4a5569;
-      }
+    .ant-btn:not(.ant-btn-link):not(.ant-btn-primary) {
+      border: 1px solid #4a5569;
+    }
 
 
-      &-form {
-        background: transparent !important;
-      }
+    &-form {
+      background: transparent !important;
+    }
 
 
-      .app-iconify {
-        color: #fff;
-      }
+    .app-iconify {
+      color: #fff;
     }
     }
+  }
+
+  input.fix-auto-fill,
+  .fix-auto-fill input {
+    -webkit-text-fill-color: #c9d1d9 !important;
+    box-shadow: inherit !important;
+  }
+}
+
+.@{prefix-cls} {
+  min-height: 100%;
+  overflow: hidden;
 
 
-    input.fix-auto-fill,
-    .fix-auto-fill input {
-      -webkit-text-fill-color: #c9d1d9 !important;
-      box-shadow: inherit !important;
+  @media (max-width: @screen-xl) {
+    background-color: #293146;
+
+    .@{prefix-cls}-form {
+      background-color: #fff;
     }
     }
   }
   }
 
 
-  .@{prefix-cls} {
-    min-height: 100%;
-    overflow: hidden;
+  &::before {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    margin-left: -48%;
+    background-image: url(/@/assets/svg/login-bg.svg);
+    background-position: 100%;
+    background-repeat: no-repeat;
+    background-size: auto 100%;
+    content: '';
+
     @media (max-width: @screen-xl) {
     @media (max-width: @screen-xl) {
-      background-color: #293146;
+      display: none;
+    }
+  }
 
 
-      .@{prefix-cls}-form {
-        background-color: #fff;
-      }
+  .@{logo-prefix-cls} {
+    position: absolute;
+    top: 12px;
+    height: 30px;
+
+    &__title {
+      font-size: 16px;
+      color: #fff;
     }
     }
 
 
-    &::before {
-      position: absolute;
-      top: 0;
-      left: 0;
-      width: 100%;
-      height: 100%;
-      margin-left: -48%;
-      background-image: url(/@/assets/svg/login-bg.svg);
-      background-position: 100%;
-      background-repeat: no-repeat;
-      background-size: auto 100%;
-      content: '';
-      @media (max-width: @screen-xl) {
-        display: none;
-      }
+    img {
+      width: 32px;
     }
     }
+  }
 
 
+  .container {
     .@{logo-prefix-cls} {
     .@{logo-prefix-cls} {
-      position: absolute;
-      top: 12px;
-      height: 30px;
+      display: flex;
+      width: 60%;
+      height: 80px;
 
 
       &__title {
       &__title {
-        font-size: 16px;
+        font-size: 24px;
         color: #fff;
         color: #fff;
       }
       }
 
 
       img {
       img {
-        width: 32px;
+        width: 48px;
       }
       }
     }
     }
+  }
 
 
-    .container {
-      .@{logo-prefix-cls} {
-        display: flex;
-        width: 60%;
-        height: 80px;
-
-        &__title {
-          font-size: 24px;
-          color: #fff;
-        }
+  &-sign-in-way {
+    .anticon {
+      font-size: 22px;
+      color: #888;
+      cursor: pointer;
 
 
-        img {
-          width: 48px;
-        }
+      &:hover {
+        color: @primary-color;
       }
       }
     }
     }
+  }
 
 
-    &-sign-in-way {
-      .anticon {
-        font-size: 22px;
-        color: #888;
-        cursor: pointer;
+  input:not([type='checkbox']) {
+    min-width: 360px;
 
 
-        &:hover {
-          color: @primary-color;
-        }
-      }
+    @media (max-width: @screen-xl) {
+      min-width: 320px;
     }
     }
 
 
-    input:not([type='checkbox']) {
-      min-width: 360px;
-
-      @media (max-width: @screen-xl) {
-        min-width: 320px;
-      }
-
-      @media (max-width: @screen-lg) {
-        min-width: 260px;
-      }
-
-      @media (max-width: @screen-md) {
-        min-width: 240px;
-      }
-
-      @media (max-width: @screen-sm) {
-        min-width: 160px;
-      }
+    @media (max-width: @screen-lg) {
+      min-width: 260px;
     }
     }
 
 
-    .@{countdown-prefix-cls} input {
-      min-width: unset;
+    @media (max-width: @screen-md) {
+      min-width: 240px;
     }
     }
 
 
-    .ant-divider-inner-text {
-      font-size: 12px;
-      color: @text-color-secondary;
+    @media (max-width: @screen-sm) {
+      min-width: 160px;
     }
     }
   }
   }
+
+  .@{countdown-prefix-cls} input {
+    min-width: unset;
+  }
+
+  .ant-divider-inner-text {
+    font-size: 12px;
+    color: @text-color-secondary;
+  }
+}
 </style>
 </style>