平台配置页改造

2026-05-14 19:05:08 +08:00
parent f7f3289d04
commit 7775525f30
15 changed files with 2351 additions and 1727 deletions
@@ -0,0 +1,105 @@
+/* ===== Element Plus Global Overrides =====
+   Single place for all Element Plus style normalization.
+   Eliminates the need for scattered :deep() overrides in components.
+*/
+
+/* ---- Buttons ---- */
+.el-button {
+  border-radius: var(--radius-md);
+  font-weight: 500;
+}
+
+.el-button--primary {
+  --el-button-bg-color: var(--color-primary);
+  --el-button-border-color: var(--color-primary);
+  --el-button-hover-bg-color: var(--color-primary-dark);
+  --el-button-hover-border-color: var(--color-primary-dark);
+}
+
+/* ---- Dialogs ---- */
+.el-dialog {
+  border-radius: var(--radius-xl);
+}
+
+.el-message-box {
+  border-radius: var(--radius-xl);
+}
+
+/* ---- Cards ---- */
+.el-card {
+  border-radius: var(--radius-lg);
+  border: 1px solid var(--border-default);
+  background: var(--bg-surface);
+  box-shadow: var(--shadow-md);
+}
+
+/* ---- Tables ---- */
+.el-table {
+  border-radius: var(--radius-lg);
+  overflow: hidden;
+}
+
+.el-table th.el-table__cell {
+  background: var(--bg-subtle);
+  color: var(--text-secondary);
+  font-size: var(--text-sm);
+  font-weight: 600;
+}
+
+/* ---- Tags ---- */
+.el-tag {
+  border-radius: var(--radius-full);
+  font-weight: 600;
+}
+
+/* ---- Menus ---- */
+.el-menu {
+  border-right: none;
+  background: transparent;
+}
+
+/* ---- Inputs & Selects ---- */
+.el-input .el-input__wrapper,
+.el-select .el-select__wrapper {
+  border-radius: var(--radius-md);
+  box-shadow: none;
+  border: 1px solid var(--border-default);
+}
+
+.el-input .el-input__wrapper:hover,
+.el-select .el-select__wrapper:hover {
+  border-color: var(--border-hover);
+}
+
+.el-input.is-focus .el-input__wrapper,
+.el-select.is-focus .el-select__wrapper {
+  border-color: var(--color-primary);
+  box-shadow: 0 0 0 1px var(--color-primary) inset;
+}
+
+/* ---- Pagination ---- */
+.el-pagination {
+  justify-content: center;
+  margin-top: var(--space-4);
+}
+
+/* ---- Tabs ---- */
+.el-tabs__header {
+  margin-bottom: var(--space-4);
+}
+
+/* ---- Switch ---- */
+.el-switch.is-checked .el-switch__core {
+  background-color: var(--color-primary);
+  border-color: var(--color-primary);
+}
+
+/* ---- Skeleton ---- */
+.el-skeleton {
+  --el-skeleton-color: var(--bg-subtle);
+}
+
+/* ---- Empty ---- */
+.el-empty__description {
+  color: var(--text-muted);
+}