Cloud Zhang
2024-05-16 31b5d6cea1cc0a89391debbb1a87f54972ccfb78
src/views/sys/login/Login.vue
@@ -14,7 +14,7 @@
    <div class="container relative h-full py-2 mx-auto sm:px-10">
      <div class="flex h-full">
        <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 class="my-auto">
            <!-- <img
              :alt="title"
@@ -46,9 +46,8 @@
  </div>
</template>
<script lang="ts" setup>
  import { computed } from 'vue';
  import { AppLogo } from '/@/components/Application';
  import { AppLocalePicker } from '/@/components/Application';
  import { computed, getCurrentInstance } from 'vue';
  import { AppLogo, AppLocalePicker } from '/@/components/Application';
  import LoginForm from './LoginForm.vue';
  import ForgetPasswordForm from './ForgetPasswordForm.vue';
  import { useGlobSetting } from '/@/hooks/setting';
@@ -61,13 +60,14 @@
      type: Boolean,
    },
  });
  const { appContext } = getCurrentInstance();
  const globSetting = useGlobSetting();
  const { prefixCls } = useDesign('login');
  const { t } = useI18n();
  const localeStore = useLocaleStore();
  const showLocale = localeStore.getShowPicker;
  const title = computed(() => globSetting?.title ?? '');
  const name = appContext.config.globalProperties.name;
</script>
<style lang="less">
  @prefix-cls: ~'@{namespace}-login';
@@ -141,7 +141,7 @@
    .@{logo-prefix-cls} {
      position: absolute;
      // top: 12px;
      top:69px;
      top: 69px;
      height: 30px;
      &__title {
@@ -165,12 +165,12 @@
        &__title {
          // font-size: 24px;
          // color: #fff;
          color:red;
          color: red;
          text-shadow: 1px 1px 1px #fff;
        }
        img {
          width:280px; //48px;
          width: 280px; //48px;
        }
      }
    }