style: 代码格式化调整

- 应用 linter 和 prettier 格式化规则
This commit is contained in:
lzh
2025-12-19 13:54:09 +08:00
parent 53f0595786
commit b14bd96cb2
6 changed files with 155 additions and 123 deletions

View File

@@ -23,4 +23,3 @@ const logoDark = computed(() => preferences.logo.sourceDark);
<!-- <template #toolbar></template> -->
</AuthPageLayout>
</template>

View File

@@ -1,11 +1,7 @@
<script lang="ts" setup>
import { computed } from 'vue';
import {
LanguageToggle,
LoginIllustration,
ThemeToggle,
} from '@vben/layouts';
import { LanguageToggle, LoginIllustration, ThemeToggle } from '@vben/layouts';
import { preferences, usePreferences } from '@vben/preferences';
const appName = computed(() => preferences.app.name);
@@ -22,7 +18,7 @@ const { isDark } = usePreferences();
<div class="absolute inset-0 z-0 size-full">
<!-- 橙色渐变背景 - 从左到右依次变淡 -->
<div
class="absolute inset-0 size-full bg-gradient-to-r from-[rgb(218,125,68)] via-[#FFA00A]/30 to-[#FFA00A]/8 dark:from-[rgb(218,125,68)] dark:via-[#FFA00A]/40 dark:to-[#FFA00A]/12"
class="to-[#FFA00A]/8 dark:to-[#FFA00A]/12 absolute inset-0 size-full bg-gradient-to-r from-[rgb(218,125,68)] via-[#FFA00A]/30 dark:from-[rgb(218,125,68)] dark:via-[#FFA00A]/40"
>
<!-- 浮动插图 - 左侧区域 -->
<div
@@ -51,7 +47,7 @@ const { isDark } = usePreferences();
<!-- 右上角 Toolbar -->
<div
class="bg-accent absolute right-2 top-4 z-20 flex items-center gap-1 rounded-3xl px-3 py-1 lg:right-6 lg:top-6"
class="absolute right-2 top-4 z-20 flex items-center gap-1 rounded-3xl bg-accent px-3 py-1 lg:right-6 lg:top-6"
>
<LanguageToggle v-if="preferences.widget.languageToggle" />
<ThemeToggle v-if="preferences.widget.themeToggle" />
@@ -64,7 +60,7 @@ const { isDark } = usePreferences();
<!-- 登录卡片 - 响应式居中/靠右 -->
<div class="w-full md:w-[480px] lg:mr-[10%]">
<div
class="bg-background relative overflow-hidden rounded-[2.5rem] p-8 shadow-[0_30px_60px_-15px_rgba(255,160,10,0.2)] dark:shadow-[0_30px_60px_-15px_rgba(255,160,10,0.3)]"
class="relative overflow-hidden rounded-[2.5rem] bg-background p-8 shadow-[0_30px_60px_-15px_rgba(255,160,10,0.2)] dark:shadow-[0_30px_60px_-15px_rgba(255,160,10,0.3)]"
>
<!-- 登录表单 - RouterView 渲染实际的登录组件 -->
<div class="login-form-container">
@@ -79,7 +75,7 @@ const { isDark } = usePreferences();
<!-- 遇到问题 -->
<div class="mt-6 text-center">
<span class="text-muted-foreground text-xs">
<span class="text-xs text-muted-foreground">
{{ $t('authentication.contactSupport') }}
<a
href="#"

View File

@@ -185,12 +185,14 @@ const formSchema = computed((): VbenFormSchema[] => {
<div class="mt-8">
<div class="relative mb-6 flex justify-center text-xs text-slate-400">
<span
class="bg-background dark:bg-slate-900 relative z-10 px-3 font-medium"
class="relative z-10 bg-background px-3 font-medium dark:bg-slate-900"
>
{{ $t('authentication.otherLoginMethods') }}
</span>
<div class="absolute inset-0 flex items-center">
<div class="w-full border-t border-slate-100 dark:border-slate-700"></div>
<div
class="w-full border-t border-slate-100 dark:border-slate-700"
></div>
</div>
</div>
@@ -238,7 +240,7 @@ const formSchema = computed((): VbenFormSchema[] => {
<circle cx="6.5" cy="17.5" r="1" fill="currentColor" />
</svg>
</button>
<!-- 微信扫码登录 -->
<!-- <button
class="flex size-12 items-center justify-center rounded-2xl border border-slate-100 bg-slate-50 text-xl text-slate-400 transition-all hover:scale-110 hover:bg-white hover:text-[#46AF35] hover:shadow-md dark:border-slate-700 dark:bg-slate-800 dark:hover:bg-slate-700"