style(auth): 优化认证页面样式和登录组件

云

2 天以前 3e71d77e7809a709ca2015306ab7ef7935dc82d7

 src/packages/effects/common-ui/src/ui/authentication/login.vue

@@ -1,17 +1,17 @@
<script setup lang="ts">
import type { Recordable } from '..\..\..\..\..\types\src';
import type { Recordable } from '../../../../../types/src';

import type { VbenFormSchema } from '..\..\..\..\..\@core\ui-kit\form-ui\src';
import type { VbenFormSchema } from '../../../../../@core/ui-kit/form-ui/src';

import type { AuthenticationProps } from './types';

import { computed, onMounted, reactive, ref } from 'vue';
import { useRouter } from 'vue-router';

import { $t } from '..\..\..\..\..\locales\src';
import { $t } from '../../../../../locales/src';

import { useVbenForm } from '..\..\..\..\..\@core\ui-kit\form-ui\src';
import { VbenButton, VbenCheckbox } from '..\..\..\..\..\@core\ui-kit\shadcn-ui\src';
import { useVbenForm } from '../../../../../@core/ui-kit/form-ui/src';
import { VbenButton, VbenCheckbox } from '../../../../../@core/ui-kit/shadcn-ui/src';

import Title from './auth-title.vue';
import DocLink from './doc-link.vue';
@@ -33,6 +33,7 @@
  qrCodeLoginPath: '/auth/qrcode-login',
  registerPath: '/auth/register',
  showCodeLogin: true,
  showDocLink: true,
  showForgetPassword: true,
  showQrcodeLogin: true,
  showRegister: true,
@@ -44,7 +45,7 @@
});

const emit = defineEmits<{
  submit: [Recordable<any>];
  submit: [Recordable<unknown>];
  thirdLogin: [type: number];
}>();

@@ -107,7 +108,7 @@
    <slot name="title">
      <Title>
        <slot name="title">
          {{ title || `${$t('authentication.welcomeBack')} 👋🏻` }}
          {{ title || $t('authentication.welcomeBack') }}
        </slot>
        <template #desc>
          <span class="text-muted-foreground">
@@ -123,7 +124,7 @@

    <div
      v-if="showRememberMe || showForgetPassword"
      class="mb-6 flex justify-between"
      class="mb-7 flex items-center justify-between"
    >
      <div class="flex-center">
        <VbenCheckbox
@@ -149,7 +150,7 @@
      }"
      :loading="loading"
      aria-label="login"
      class="w-full"
      class="h-11 w-full rounded-xl text-base font-semibold shadow-sm transition-shadow duration-200 hover:shadow-md focus-visible:ring-2 focus-visible:ring-primary/40"
      @click="handleSubmit"
    >
      {{ submitButtonText || $t('common.login') }}
@@ -198,6 +199,6 @@
    </slot>

    <!-- 萌新必读 -->
    <DocLink />
    <DocLink v-if="showDocLink" />
  </div>
</template>