From 6daf1572006418b736101538456bd2adc3b5d5ff Mon Sep 17 00:00:00 2001
From: Bunny <1319900154@qq.com>
Date: Sun, 29 Dec 2024 17:15:46 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=F0=9F=A7=A9=20=E4=BF=AE=E6=94=B9?=
 =?UTF-8?q?=E5=9B=BE=E6=A0=87?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 public/logo.svg                             |   1 -
 src/style/login.css                         |   9 +-
 src/views/account-settings/profile.vue      |  20 ++-
 src/views/configuration/webConifg/index.vue | 158 +++++++++++++++++---
 src/views/login/index.vue                   |   4 +-
 src/views/login/login-form.vue              |   2 +-
 6 files changed, 166 insertions(+), 28 deletions(-)
 delete mode 100644 public/logo.svg

diff --git a/public/logo.svg b/public/logo.svg
deleted file mode 100644
index a63d2b1..0000000
--- a/public/logo.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" class="icon" viewBox="0 0 1024 1024"><path fill="#386BF3" d="M410.558.109c0 210.974-300.876 361.752-300.876 633.548 0 174.943 134.704 316.787 300.876 316.787s300.877-141.817 300.877-316.787C711.408 361.752 410.558 210.974 410.558.109"/><path fill="#C3D2FB" d="M613.469 73.665c0 211.055-300.877 361.914-300.877 633.547C312.592 882.156 447.296 1024 613.47 1024s300.876-141.817 300.876-316.788C914.29 435.58 613.469 284.72 613.469 73.665"/><path fill="#303F5B" d="M312.592 707.212c0-183.713 137.636-312.171 226.723-441.39 81.702 106.112 172.12 218.74 172.12 367.726A309.755 309.755 0 0 1 420.36 950.064a323.1 323.1 0 0 1-107.769-242.852z"/></svg>
\ No newline at end of file
diff --git a/src/style/login.css b/src/style/login.css
index 3e0a8ab..d7278bc 100644
--- a/src/style/login.css
+++ b/src/style/login.css
@@ -39,7 +39,7 @@
 }
 
 .avatar {
-  width: 350px;
+  width: 80px;
   height: 80px;
 }
 
@@ -47,10 +47,9 @@
   text-transform: uppercase;
   margin: 15px 0;
   color: #999;
-  font:
-    bold 200% Consolas,
-    Monaco,
-    monospace;
+  font: bold 200% Consolas,
+  Monaco,
+  monospace;
 }
 
 @media screen and (max-width: 1180px) {
diff --git a/src/views/account-settings/profile.vue b/src/views/account-settings/profile.vue
index 765be73..a9eb94f 100644
--- a/src/views/account-settings/profile.vue
+++ b/src/views/account-settings/profile.vue
@@ -112,14 +112,30 @@ onMounted(() => {
 
 			<!-- 用户简介 -->
 			<el-form-item :label="$t('adminUser_summary')" prop="summary">
-				<el-input v-model="userInfos.summary" :autosize="{ minRows: 3, maxRows: 6 }" :placeholder="$t('adminUser_summary')" autocomplete="off" maxlength="200" show-word-limit type="textarea" />
+				<el-input
+					v-model="userInfos.summary"
+					:autosize="{ minRows: 3, maxRows: 6 }"
+					:placeholder="$t('adminUser_summary')"
+					autocomplete="off"
+					maxlength="200"
+					show-word-limit
+					type="textarea"
+				/>
 			</el-form-item>
 
 			<!-- 更新信息 -->
 			<el-button type="primary" @click="onSubmit(userInfoFormRef)"> {{ $t('update_information') }}</el-button>
 		</el-form>
 
-		<el-dialog v-model="isShow" :before-close="handleClose" :closeOnClickModal="false" :fullscreen="deviceDetection()" destroy-on-close title="编辑头像" width="40%">
+		<el-dialog
+			v-model="isShow"
+			:before-close="handleClose"
+			:closeOnClickModal="false"
+			:fullscreen="deviceDetection()"
+			destroy-on-close
+			title="编辑头像"
+			width="40%"
+		>
 			<ReCropperPreview ref="cropRef" :imgSrc="imgBase64Src" @cropper="onCropper" />
 			<template #footer>
 				<div class="dialog-footer">
diff --git a/src/views/configuration/webConifg/index.vue b/src/views/configuration/webConifg/index.vue
index 0df5b70..3706f9f 100644
--- a/src/views/configuration/webConifg/index.vue
+++ b/src/views/configuration/webConifg/index.vue
@@ -49,28 +49,60 @@ onMounted(() => {
 			<!-- 头部是否固定 -->
 			<re-col :sm="24" :value="12" :xs="24">
 				<el-form-item :label="$t('fixedHeader')" prop="fixedHeader">
-					<el-switch v-model="form.fixedHeader" :active-text="$t('enable')" :active-value="true" :inactive-text="$t('disable')" :inactive-value="false" :style="switchStyle" inline-prompt />
+					<el-switch
+						v-model="form.fixedHeader"
+						:active-text="$t('enable')"
+						:active-value="true"
+						:inactive-text="$t('disable')"
+						:inactive-value="false"
+						:style="switchStyle"
+						inline-prompt
+					/>
 				</el-form-item>
 			</re-col>
 
 			<!-- 侧边栏是否隐藏 -->
 			<re-col :sm="24" :value="12" :xs="24">
 				<el-form-item :label="$t('hiddenSideBar')" prop="hiddenSideBar">
-					<el-switch v-model="form.hiddenSideBar" :active-text="$t('enable')" :active-value="true" :inactive-text="$t('disable')" :inactive-value="false" :style="switchStyle" inline-prompt />
+					<el-switch
+						v-model="form.hiddenSideBar"
+						:active-text="$t('enable')"
+						:active-value="true"
+						:inactive-text="$t('disable')"
+						:inactive-value="false"
+						:style="switchStyle"
+						inline-prompt
+					/>
 				</el-form-item>
 			</re-col>
 
 			<!-- 是否缓存多个标签 -->
 			<re-col :sm="24" :value="12" :xs="24">
 				<el-form-item :label="$t('multiTagsCache')" prop="multiTagsCache">
-					<el-switch v-model="form.multiTagsCache" :active-text="$t('enable')" :active-value="true" :inactive-text="$t('disable')" :inactive-value="false" :style="switchStyle" inline-prompt />
+					<el-switch
+						v-model="form.multiTagsCache"
+						:active-text="$t('enable')"
+						:active-value="true"
+						:inactive-text="$t('disable')"
+						:inactive-value="false"
+						:style="switchStyle"
+						inline-prompt
+					/>
 				</el-form-item>
 			</re-col>
 
 			<!-- 是否持久化 -->
 			<re-col :sm="24" :value="12" :xs="24">
 				<el-form-item :label="$t('keepAlive')" prop="keepAlive">
-					<el-switch v-model="form.keepAlive" :active-text="$t('enable')" :active-value="true" :inactive-text="$t('disable')" :inactive-value="false" :style="switchStyle" inline-prompt />
+					<el-switch
+						v-model="form.keepAlive"
+						:active-text="$t('enable')"
+						:active-value="true"
+						:inactive-text="$t('disable')"
+						:inactive-value="false"
+						:style="switchStyle"
+						inline-prompt
+					/>
 				</el-form-item>
 			</re-col>
 
@@ -104,7 +136,15 @@ onMounted(() => {
 			<!-- 是否启用深色模式 -->
 			<re-col :sm="24" :value="12" :xs="24">
 				<el-form-item :label="$t('darkMode')" prop="darkMode">
-					<el-switch v-model="form.darkMode" :active-text="$t('enable')" :active-value="true" :inactive-text="$t('disable')" :inactive-value="false" :style="switchStyle" inline-prompt />
+					<el-switch
+						v-model="form.darkMode"
+						:active-text="$t('enable')"
+						:active-value="true"
+						:inactive-text="$t('disable')"
+						:inactive-value="false"
+						:style="switchStyle"
+						inline-prompt
+					/>
 				</el-form-item>
 			</re-col>
 
@@ -120,56 +160,112 @@ onMounted(() => {
 			<!-- 是否启用灰色模式 -->
 			<re-col :sm="24" :value="12" :xs="24">
 				<el-form-item :label="$t('greyStyle')" prop="grey">
-					<el-switch v-model="form.grey" :active-text="$t('enable')" :active-value="true" :inactive-text="$t('disable')" :inactive-value="false" :style="switchStyle" inline-prompt />
+					<el-switch
+						v-model="form.grey"
+						:active-text="$t('enable')"
+						:active-value="true"
+						:inactive-text="$t('disable')"
+						:inactive-value="false"
+						:style="switchStyle"
+						inline-prompt
+					/>
 				</el-form-item>
 			</re-col>
 
 			<!-- 色弱模式 -->
 			<re-col :sm="24" :value="12" :xs="24">
 				<el-form-item :label="$t('weakStyle')" prop="weak">
-					<el-switch v-model="form.weak" :active-text="$t('enable')" :active-value="true" :inactive-text="$t('disable')" :inactive-value="false" :style="switchStyle" inline-prompt />
+					<el-switch
+						v-model="form.weak"
+						:active-text="$t('enable')"
+						:active-value="true"
+						:inactive-text="$t('disable')"
+						:inactive-value="false"
+						:style="switchStyle"
+						inline-prompt
+					/>
 				</el-form-item>
 			</re-col>
 
 			<!-- 是否隐藏选项卡 -->
 			<re-col :sm="24" :value="12" :xs="24">
 				<el-form-item :label="$t('hideTabs')" prop="weak">
-					<el-switch v-model="form.hideTabs" :active-text="$t('enable')" :active-value="true" :inactive-text="$t('disable')" :inactive-value="false" :style="switchStyle" inline-prompt />
+					<el-switch
+						v-model="form.hideTabs"
+						:active-text="$t('enable')"
+						:active-value="true"
+						:inactive-text="$t('disable')"
+						:inactive-value="false"
+						:style="switchStyle"
+						inline-prompt
+					/>
 				</el-form-item>
 			</re-col>
 
 			<!-- 是否隐藏页脚 -->
 			<re-col :sm="24" :value="12" :xs="24">
 				<el-form-item :label="$t('hideFooter')" prop="weak">
-					<el-switch v-model="form.hideFooter" :active-text="$t('enable')" :active-value="true" :inactive-text="$t('disable')" :inactive-value="false" :style="switchStyle" inline-prompt />
+					<el-switch
+						v-model="form.hideFooter"
+						:active-text="$t('enable')"
+						:active-value="true"
+						:inactive-text="$t('disable')"
+						:inactive-value="false"
+						:style="switchStyle"
+						inline-prompt
+					/>
 				</el-form-item>
 			</re-col>
 
 			<!-- 是否拉伸显示 -->
 			<re-col :sm="24" :value="12" :xs="24">
 				<el-form-item :label="$t('stretch')" prop="stretch">
-					<el-switch v-model="form.stretch" :active-text="$t('enable')" :active-value="true" :inactive-text="$t('disable')" :inactive-value="false" :style="switchStyle" inline-prompt />
+					<el-switch
+						v-model="form.stretch"
+						:active-text="$t('enable')"
+						:active-value="true"
+						:inactive-text="$t('disable')"
+						:inactive-value="false"
+						:style="switchStyle"
+						inline-prompt
+					/>
 				</el-form-item>
 			</re-col>
 
 			<!-- 侧边栏的状态 -->
 			<re-col :sm="24" :value="12" :xs="24">
 				<el-form-item :label="$t('sidebarStatus')" prop="sidebarStatus">
-					<el-switch v-model="form.sidebarStatus" :active-text="$t('enable')" :active-value="true" :inactive-text="$t('disable')" :inactive-value="false" :style="switchStyle" inline-prompt />
+					<el-switch
+						v-model="form.sidebarStatus"
+						:active-text="$t('enable')"
+						:active-value="true"
+						:inactive-text="$t('disable')"
+						:inactive-value="false"
+						:style="switchStyle"
+						inline-prompt
+					/>
 				</el-form-item>
 			</re-col>
 
 			<!-- 主题颜色 -->
 			<re-col :sm="24" :value="12" :xs="24">
 				<el-form-item :label="$t('epThemeColor')" prop="epThemeColor">
-					<el-color-picker v-model="form.epThemeColor" show-alpha />
+					<el-color-picker v-model="form.epThemeColor" />
 				</el-form-item>
 			</re-col>
 
 			<!-- 是否显示logo -->
 			<re-col :sm="24" :value="12" :xs="24">
 				<el-form-item :label="$t('showLogo')" prop="showLogo">
-					<el-switch v-model="form.showLogo" :active-text="$t('enable')" :active-value="true" :inactive-text="$t('disable')" :inactive-value="false" :style="switchStyle" inline-prompt />
+					<el-switch
+						v-model="form.showLogo"
+						:active-text="$t('enable')"
+						:active-value="true"
+						:inactive-text="$t('disable')"
+						:inactive-value="false"
+						:style="switchStyle"
+						inline-prompt
+					/>
 				</el-form-item>
 			</re-col>
 
@@ -183,14 +279,30 @@ onMounted(() => {
 			<!-- 菜单箭头图标是否没有过渡效果 -->
 			<re-col :sm="24" :value="12" :xs="24">
 				<el-form-item :label="$t('menuArrowIconNoTransition')" prop="menuArrowIconNoTransition">
-					<el-switch v-model="form.menuArrowIconNoTransition" :active-text="$t('enable')" :active-value="true" :inactive-text="$t('disable')" :inactive-value="false" :style="switchStyle" inline-prompt />
+					<el-switch
+						v-model="form.menuArrowIconNoTransition"
+						:active-text="$t('enable')"
+						:active-value="true"
+						:inactive-text="$t('disable')"
+						:inactive-value="false"
+						:style="switchStyle"
+						inline-prompt
+					/>
 				</el-form-item>
 			</re-col>
 
 			<!-- 是否缓存异步路由 -->
 			<re-col :sm="24" :value="12" :xs="24">
 				<el-form-item :label="$t('cachingAsyncRoutes')" prop="cachingAsyncRoutes">
-					<el-switch v-model="form.cachingAsyncRoutes" :active-text="$t('enable')" :active-value="true" :inactive-text="$t('disable')" :inactive-value="false" :style="switchStyle" inline-prompt />
+					<el-switch
+						v-model="form.cachingAsyncRoutes"
+						:active-text="$t('enable')"
+						:active-value="true"
+						:inactive-text="$t('disable')"
+						:inactive-value="false"
+						:style="switchStyle"
+						inline-prompt
+					/>
 				</el-form-item>
 			</re-col>
 
@@ -206,14 +318,26 @@ onMounted(() => {
 			<!-- 响应式存储的命名空间 -->
 			<re-col :sm="24" :value="12" :xs="24">
 				<el-form-item :label="$t('responsiveStorageNameSpace')" prop="responsiveStorageNameSpace">
-					<el-input v-model="form.responsiveStorageNameSpace" :placeholder="$t('input') + $t('responsiveStorageNameSpace')" autocomplete="off" type="text" />
+					<el-input
+						v-model="form.responsiveStorageNameSpace"
+						:placeholder="$t('input') + $t('responsiveStorageNameSpace')"
+						autocomplete="off"
+						type="text"
+					/>
 				</el-form-item>
 			</re-col>
 
 			<!-- 菜单搜索历史 -->
 			<re-col :sm="24" :value="12" :xs="24">
 				<el-form-item :label="$t('menuSearchHistory')" prop="menuSearchHistory">
-					<el-input v-model="form.menuSearchHistory" :max="99" :min="1" :placeholder="$t('input') + $t('menuSearchHistory')" autocomplete="off" type="number" />
+					<el-input
+						v-model="form.menuSearchHistory"
+						:max="99"
+						:min="1"
+						:placeholder="$t('input') + $t('menuSearchHistory')"
+						autocomplete="off"
+						type="number"
+					/>
 				</el-form-item>
 			</re-col>
 
diff --git a/src/views/login/index.vue b/src/views/login/index.vue
index fe22920..0d6c1bb 100644
--- a/src/views/login/index.vue
+++ b/src/views/login/index.vue
@@ -3,7 +3,6 @@ import Motion from './utils/motion';
 import { useNav } from '@/layout/hooks/useNav';
 import { useLayout } from '@/layout/hooks/useLayout';
 import bg from '@/assets/login/bg.png';
-import avatar from '@/assets/login/avatar.svg?component';
 import illustration from '@/assets/login/illustration.svg?component';
 import { onMounted, toRaw } from 'vue';
 import { useTranslationLang } from '@/layout/hooks/useTranslationLang';
@@ -65,7 +64,8 @@ onMounted(() => {
 			</div>
 			<div class="login-box">
 				<div class="login-form">
-					<avatar class="avatar" />
+					<!--<avatar class="avatar" />-->
+					<img alt="" class="avatar" src="/logo.png" />
 					<Motion>
 						<h2 class="outline-none">{{ title }}</h2>
 					</Motion>
diff --git a/src/views/login/login-form.vue b/src/views/login/login-form.vue
index 8adfb29..1b0ea55 100644
--- a/src/views/login/login-form.vue
+++ b/src/views/login/login-form.vue
@@ -78,7 +78,7 @@ onBeforeUnmount(() => {
 			<el-form-item prop="password">
 				<el-input v-model="ruleForm.password" :placeholder="t('login.password')" :prefix-icon="useRenderIcon(Lock)" clearable show-password />
 				<el-checkbox v-model="userStore.isRemembered">
-					<el-text size="small" type="primary">{{ userStore.readMeDay }}天免登录(邮箱验证码随便输入,后端校验验证码已注释) </el-text>
+					<el-text size="small" type="primary">{{ userStore.readMeDay }}天免登录</el-text>
 				</el-checkbox>
 			</el-form-item>
 		</Motion>