feat(auth): 更新认证页面为农业数字化平台主题

云

8 小时以前 53e9b23a40186efd149fd5c5350b5eced1f69920

 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];
}>();

@@ -103,11 +104,11 @@
</script>

<template>
  <div @keydown.enter.prevent="handleSubmit">
  <div class="authentication-login" @keydown.enter.prevent="handleSubmit">
    <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-6 flex items-center justify-between"
    >
      <div class="flex-center">
        <VbenCheckbox
@@ -137,8 +138,11 @@

      <span
        v-if="showForgetPassword"
        class="vben-link text-sm font-normal"
        class="vben-link cursor-pointer rounded-sm text-sm font-normal outline-none focus-visible:ring-2 focus-visible:ring-emerald-500/50"
        role="link"
        tabindex="0"
        @click="handleGo(forgetPasswordPath)"
        @keydown.enter.prevent="handleGo(forgetPasswordPath)"
      >
        {{ $t('authentication.forgetPassword') }}
      </span>
@@ -149,7 +153,7 @@
      }"
      :loading="loading"
      aria-label="login"
      class="w-full"
      class="h-12 w-full rounded-xl bg-emerald-600 text-base font-semibold tracking-[0.18em] text-white shadow-[0_10px_24px_rgba(5,150,105,0.22)] transition-[background-color,box-shadow] duration-200 hover:bg-emerald-700 hover:shadow-[0_12px_28px_rgba(5,150,105,0.3)] focus-visible:ring-2 focus-visible:ring-emerald-500/50 disabled:cursor-not-allowed disabled:opacity-70"
      @click="handleSubmit"
    >
      {{ submitButtonText || $t('common.login') }}
@@ -198,6 +202,6 @@
    </slot>

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