feat: 更新UI主题和样式,优化页面布局和交互

- 将侧边栏主题从深色改为浅色
- 移除多个组件的背景色和金属风格样式
- 调整按钮、表格和分页组件的样式和间距
- 新增easycode扫码功能页面
- 更新基础URL配置和应用版本号
- 优化登录后跳转逻辑和登出功能
- 调整滚动条和菜单项的样式
This commit is contained in:
砂糖
2025-11-03 11:16:07 +08:00
parent a038261888
commit 30c319694c
27 changed files with 1756 additions and 836 deletions

View File

@@ -30,7 +30,7 @@ export default {
.app-main {
/* 50= navbar 50 */
min-height: calc(100vh - 50px);
background-color: #3f4449;
// background-color: #3f4449;
width: 100%;
position: relative;
overflow: hidden;

View File

@@ -104,7 +104,7 @@ export default {
overflow: hidden;
position: relative;
// 金属质感渐变背景
background: #454c51;
// background: #454c51;
border-bottom: 1px solid #8d939b;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1),
0 1px 1px rgba(255, 255, 255, 0.08) inset;
@@ -156,7 +156,7 @@ export default {
height: 100%;
font-size: 18px;
// 金属风格文字色
color: #ddd;
color: #111;
vertical-align: text-bottom;
transition: all 0.2s ease;

View File

@@ -3,12 +3,12 @@
<logo v-if="showLogo" :collapse="isCollapse" />
<el-scrollbar :class="settings.sideTheme" wrap-class="scrollbar-wrapper">
<el-menu
active-text-color="#fff"
active-text-color="#000"
:default-active="activeMenu"
:collapse="isCollapse"
:background-color="settings.sideTheme === 'theme-dark' ? variables.menuBackground : variables.menuLightBackground"
:text-color="settings.sideTheme === 'theme-dark' ? variables.menuColor : variables.menuLightColor"
:unique-opened="true"
text-color="#111"
:unique-opened="true"
:collapse-transition="false"
mode="vertical"
>

View File

@@ -242,7 +242,7 @@ export default {
height: 34px;
width: 100%;
// 金属浅色渐变背景(直接写死渐变值)
background: #454c51;
// background: #454c51;
border-bottom: 1px solid #a0a6ad;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1), 0 1px 1px rgba(255, 255, 255, 0.05) inset;
@@ -254,9 +254,9 @@ export default {
height: 26px;
line-height: 26px;
border: 1px solid #a0a6ad;
color: #fff;
// color: #fff;
// 标签金属渐变背景
background: #454c51;
// background: #454c51;
padding: 0 8px;
font-size: 12px;
margin-left: 5px;

View File

@@ -76,7 +76,6 @@ export default {
}
.drawer-bg {
background: #000;
opacity: 0.3;
width: 100%;
top: 0;