修复路由和主题
This commit is contained in:
@@ -1,79 +1,8 @@
|
||||
// Element Plus 主题变量覆盖
|
||||
// Element Plus Message z-index
|
||||
:root {
|
||||
// 基础颜色
|
||||
--el-color-primary: #409eff;
|
||||
--el-color-success: #67c23a;
|
||||
--el-color-warning: #e6a23c;
|
||||
--el-color-danger: #f56c6c;
|
||||
--el-color-info: #909399;
|
||||
|
||||
// 背景颜色
|
||||
--el-bg-color: #ffffff;
|
||||
--el-bg-color-page: #f2f3f5;
|
||||
--el-bg-color-overlay: #ffffff;
|
||||
|
||||
// 文字颜色
|
||||
--el-text-color-primary: #303133;
|
||||
--el-text-color-regular: #606266;
|
||||
--el-text-color-secondary: #909399;
|
||||
--el-text-color-placeholder: #a8abb2;
|
||||
--el-text-color-disabled: #c0c4cc;
|
||||
|
||||
// 边框颜色
|
||||
--el-border-color: #dcdfe6;
|
||||
--el-border-color-light: #e4e7ed;
|
||||
--el-border-color-lighter: #ebeef5;
|
||||
--el-border-color-extra-light: #f2f6fc;
|
||||
--el-border-color-dark: #d4d7de;
|
||||
--el-border-color-darker: #cdd0d6;
|
||||
|
||||
// 填充颜色
|
||||
--el-fill-color: #f0f2f5;
|
||||
--el-fill-color-light: #f5f7fa;
|
||||
--el-fill-color-lighter: #fafafa;
|
||||
--el-fill-color-extra-light: #fafcff;
|
||||
--el-fill-color-dark: #ebedf0;
|
||||
--el-fill-color-darker: #e6e8eb;
|
||||
--el-fill-color-blank: #ffffff;
|
||||
|
||||
// Message z-index
|
||||
--el-message-z-index: 9999;
|
||||
}
|
||||
|
||||
// 暗色主题
|
||||
[data-theme="dark"] {
|
||||
--el-color-primary: #409eff;
|
||||
--el-color-success: #67c23a;
|
||||
--el-color-warning: #e6a23c;
|
||||
--el-color-danger: #f56c6c;
|
||||
--el-color-info: #909399;
|
||||
|
||||
--el-bg-color: #1d1e1f;
|
||||
--el-bg-color-page: #141414;
|
||||
--el-bg-color-overlay: #1d1e1f;
|
||||
|
||||
--el-text-color-primary: #e5eaf3;
|
||||
--el-text-color-regular: #cfd3dc;
|
||||
--el-text-color-secondary: #a3a6ad;
|
||||
--el-text-color-placeholder: #6c6e72;
|
||||
--el-text-color-disabled: #6c6e72;
|
||||
|
||||
--el-border-color: #4c4d4f;
|
||||
--el-border-color-light: #414243;
|
||||
--el-border-color-lighter: #363637;
|
||||
--el-border-color-extra-light: #2b2b2c;
|
||||
--el-border-color-dark: #58585b;
|
||||
--el-border-color-darker: #636466;
|
||||
|
||||
--el-fill-color: #2b2b2c;
|
||||
--el-fill-color-light: #262727;
|
||||
--el-fill-color-lighter: #1d1e1f;
|
||||
--el-fill-color-extra-light: #191919;
|
||||
--el-fill-color-dark: #39393a;
|
||||
--el-fill-color-darker: #424243;
|
||||
--el-fill-color-blank: transparent;
|
||||
}
|
||||
|
||||
// body 样式
|
||||
body {
|
||||
background-color: var(--el-bg-color-page);
|
||||
@@ -91,9 +20,6 @@ body {
|
||||
transition: background-color 0.3s, border-color 0.3s, box-shadow 0.3s;
|
||||
}
|
||||
|
||||
[data-theme="dark"] .container-box {
|
||||
box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.09);
|
||||
}
|
||||
|
||||
.header-bar {
|
||||
display: flex;
|
||||
@@ -106,3 +32,12 @@ body {
|
||||
justify-content: flex-end;
|
||||
margin: 14px 0 0 0;
|
||||
}
|
||||
|
||||
// 修复 ElMessage 显示问题
|
||||
// 只修复定位,保持 Element Plus 官方样式
|
||||
.el-message {
|
||||
// 确保消息固定在页面顶部中央,不受父容器影响
|
||||
position: fixed !important;
|
||||
z-index: var(--el-message-z-index, 9999) !important;
|
||||
pointer-events: auto !important;
|
||||
}
|
||||
Reference in New Issue
Block a user