立项配置页初步优化

2026-02-24 16:53:22 +08:00
parent 0693f09b1d
commit 8f3f717e48
124 changed files with 12519 additions and 2954 deletions
@@ -0,0 +1,181 @@
+:root {
+  --unified-shell-bg: #ffffff;
+  --unified-shell-border: #d8e2ef;
+  --unified-shell-divider: #eaf0f8;
+  --unified-shell-radius: 16px;
+  --unified-shell-padding-x: 20px;
+  --unified-shell-padding-y: 14px;
+  --unified-title-color: #0f2345;
+  --unified-muted-color: #6f84a8;
+}
+
+.unified-shell {
+  background: var(--unified-shell-bg);
+  border: 0;
+  border-radius: var(--unified-shell-radius);
+  overflow: hidden;
+  box-shadow: none;
+}
+
+.el-card.unified-shell {
+  margin-bottom: 0;
+  border: 0 !important;
+  box-shadow: none !important;
+}
+
+.main-content-card.unified-shell {
+  border: 0 !important;
+  box-shadow: none !important;
+}
+
+.el-card.unified-shell > .el-card__body {
+  padding: 0 !important;
+}
+
+.unified-action-bar {
+  padding: var(--unified-shell-padding-y) var(--unified-shell-padding-x);
+  border-bottom: 1px solid var(--unified-shell-divider);
+  margin-bottom: 0 !important;
+}
+
+.ctms-page > .ctms-page-header.unified-action-bar,
+.page > .page-header.unified-action-bar {
+  border: 0;
+  border-radius: var(--unified-shell-radius);
+  background: #ffffff;
+  box-shadow: none;
+}
+
+.unified-section {
+  padding: var(--unified-shell-padding-y) var(--unified-shell-padding-x);
+  border-bottom: 1px solid var(--unified-shell-divider);
+}
+
+.unified-section:last-child {
+  border-bottom: 0;
+}
+
+.unified-section-header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 12px;
+  margin-bottom: 10px;
+}
+
+.unified-shell .ctms-section-actions {
+  margin-left: auto;
+}
+
+.unified-action-bar .ctms-page-actions,
+.unified-action-bar .actions {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  margin-left: auto;
+}
+
+.unified-action-bar .ctms-page-title,
+.unified-action-bar .page-title {
+  margin: 0;
+  font-size: 20px;
+  font-weight: 700;
+  color: var(--unified-title-color);
+}
+
+.unified-action-bar .ctms-page-subtitle,
+.unified-action-bar .page-subtitle {
+  margin: 4px 0 0;
+  font-size: 13px;
+  color: var(--unified-muted-color);
+}
+
+.filter-container.unified-action-bar .filter-form,
+.filter-container.unified-action-bar .ctms-filter-row {
+  align-items: center;
+}
+
+.unified-shell .el-table th.el-table__cell {
+  background-color: #f8fbff;
+  color: #35527d;
+  font-weight: 600;
+  height: 42px;
+  font-size: 13px;
+}
+
+.unified-shell .el-table td.el-table__cell {
+  border-bottom-color: #edf2f8;
+  padding: 8px 0;
+}
+
+.unified-shell .el-button,
+.unified-action-bar .el-button {
+  border-radius: 10px;
+  height: 32px;
+  padding: 0 12px;
+  font-size: 13px;
+  font-weight: 600;
+}
+
+.unified-shell .el-tabs__nav-wrap::after {
+  background-color: #edf2f8;
+}
+
+.unified-shell .el-tabs__item {
+  font-weight: 600;
+}
+
+.unified-shell .el-form-item {
+  margin-bottom: 12px;
+}
+
+.unified-shell .el-form-item__label {
+  font-size: 13px;
+  font-weight: 600;
+  color: var(--unified-muted-color);
+}
+
+.unified-shell .filter-form,
+.unified-shell .ctms-filter-row {
+  margin: 0;
+}
+
+.unified-shell .ctms-table-card,
+.unified-shell .ctms-section-card,
+.unified-shell .detail-card,
+.unified-shell .section-card,
+.unified-shell .form-card {
+  margin-bottom: 0;
+  border: 0;
+  border-radius: 0;
+  box-shadow: none !important;
+}
+
+.unified-shell .ctms-table-card + .ctms-table-card,
+.unified-shell .ctms-section-card + .ctms-section-card,
+.unified-shell .detail-card + .section-card,
+.unified-shell .section-card + .section-card,
+.unified-shell .form-card + .form-card {
+  border-top: 1px solid var(--unified-shell-divider);
+}
+
+.unified-shell .ctms-section-title,
+.unified-shell .section-title,
+.unified-shell .header-title {
+  font-size: 15px;
+  font-weight: 700;
+  color: var(--unified-title-color);
+}
+
+.unified-shell .text-secondary,
+.unified-shell .info-label {
+  color: var(--unified-muted-color);
+}
+
+@media (max-width: 960px) {
+  .unified-action-bar,
+  .unified-section {
+    padding-left: 14px;
+    padding-right: 14px;
+  }
+}