feat: 更新UI主题和样式,优化页面布局和交互
- 将侧边栏主题从深色改为浅色 - 移除多个组件的背景色和金属风格样式 - 调整按钮、表格和分页组件的样式和间距 - 新增easycode扫码功能页面 - 更新基础URL配置和应用版本号 - 优化登录后跳转逻辑和登出功能 - 调整滚动条和菜单项的样式
This commit is contained in:
@@ -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;
|
||||
|
||||
@@ -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;
|
||||
|
||||
|
||||
@@ -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"
|
||||
>
|
||||
|
||||
@@ -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;
|
||||
|
||||
@@ -76,7 +76,6 @@ export default {
|
||||
}
|
||||
|
||||
.drawer-bg {
|
||||
background: #000;
|
||||
opacity: 0.3;
|
||||
width: 100%;
|
||||
top: 0;
|
||||
|
||||
Reference in New Issue
Block a user