:root {
|
--sidebar-width: 248px;
|
--sidebar-collapsed-width: 72px;
|
--navy: #061f3d;
|
--blue: #2188f5;
|
--canvas: #eaf0f6;
|
--surface-soft: #f2f7fa;
|
--ink: #17202a;
|
--muted: #6f7b86;
|
--line: #dde7f0;
|
--line-strong: #cbd9e5;
|
--success: #23865e;
|
--warning: #b35a25;
|
}
|
|
* {
|
margin: 0;
|
padding: 0;
|
box-sizing: border-box;
|
}
|
|
html, body, #app {
|
height: 100%;
|
font-family: 'Noto Sans SC', 'PingFang SC', 'Microsoft YaHei', sans-serif;
|
-webkit-font-smoothing: antialiased;
|
-moz-osx-font-smoothing: grayscale;
|
color: var(--ink);
|
background: var(--canvas);
|
}
|
|
button, input, textarea, select { font: inherit; }
|
|
/* 弹窗底部操作规范：确认、取消等操作保持同尺寸、同间距。 */
|
.el-dialog__footer {
|
display: flex;
|
align-items: center;
|
justify-content: flex-end;
|
gap: 12px;
|
}
|
|
.el-dialog__footer > div {
|
width: 100%;
|
display: flex;
|
align-items: center;
|
justify-content: flex-end;
|
gap: 12px;
|
}
|
|
.el-dialog__footer .primary-button,
|
.el-dialog__footer .secondary-button {
|
width: 96px !important;
|
min-width: 96px !important;
|
height: 34px !important;
|
margin: 0 !important;
|
padding: 0 12px !important;
|
flex: 0 0 96px;
|
}
|
|
.el-dialog__footer .primary-button + .primary-button,
|
.el-dialog__footer .secondary-button + .primary-button,
|
.el-dialog__footer .primary-button + .secondary-button,
|
.el-dialog__footer .secondary-button + .secondary-button {
|
margin-left: 0 !important;
|
}
|
|
.el-message-box__btns {
|
gap: 12px;
|
}
|
|
.el-message-box__btns .el-button {
|
min-width: 82px;
|
height: 34px;
|
margin-left: 0 !important;
|
}
|
|
/* 滚动条样式 */
|
::-webkit-scrollbar {
|
width: 6px;
|
height: 6px;
|
}
|
::-webkit-scrollbar-thumb {
|
background: #c1c1c1;
|
border-radius: 3px;
|
}
|
::-webkit-scrollbar-track {
|
background: transparent;
|
}
|
