auth/financial-web
auth
/
financial-web
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix: 🧩 修改图标

This commit is contained in:
Bunny 2024-12-29 17:15:46 +08:00
parent c75f12a2b1
commit 6daf157200
6 changed files with 166 additions and 28 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
public/logo.svg
View File

@ -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>
Side by Side

Before

Width:  |  Height:  |  Size: 706 B

9
src/style/login.css
View File

@ -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) {

20
src/views/account-settings/profile.vue
View File

@ -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">

158
src/views/configuration/webConifg/index.vue
View File

@ -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>

4
src/views/login/index.vue
View File

@ -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>

2
src/views/login/login-form.vue
View File

@ -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>