From fb6e4a0041575dfacc4da9f8fc66d9a3d1f8a6b8 Mon Sep 17 00:00:00 2001
From: 云 <2163098428@qq.com>
Date: 星期二, 19 五月 2026 15:50:40 +0800
Subject: [PATCH] feat(multiple): 为构建过程添加环境变量管理功能
---
src/assets/styles/element-ui.scss | 213 ++++++++++++++++++++++++++++++++++++++++-------------
1 files changed, 160 insertions(+), 53 deletions(-)
diff --git a/src/assets/styles/element-ui.scss b/src/assets/styles/element-ui.scss
index 8c741af..75c83ab 100644
--- a/src/assets/styles/element-ui.scss
+++ b/src/assets/styles/element-ui.scss
@@ -47,50 +47,58 @@
}
// to fixed https://github.com/ElemeFE/element/issues/2461
-.el-dialog {
- transform: none;
- left: 0;
- position: relative;
- margin: 0 auto;
- border-radius: 8px;
- padding: 0 !important;
-}
-.el-dialog__header {
- background: #f5f6f7;
- padding: 12px 16px;
- border-radius: 8px 8px 0 0;
-}
-.el-dialog__title {
- font-weight: 400;
- font-size: 16px;
- color: #2e3033;
-}
-.el-dialog__body {
- padding: 16px 40px 0 40px;
- max-height: 74vh;
- overflow-y: auto;
-}
-.el-dialog__footer {
- text-align: center;
- padding: 16px;
-}
-.el-message-box {
- padding: 0 !important;
- border-radius: 8px;
-}
-.el-message-box__header {
- background: #f5f6f7;
- padding: 12px 16px;
- border-radius: 8px 8px 0 0;
-}
-.el-message-box__title {
- font-weight: 400;
- font-size: 16px;
- color: #2e3033;
-}
-.el-message-box__content {
- padding: 16px 40px 0 40px;
-}
+.el-dialog {
+ transform: none;
+ left: 0;
+ position: relative;
+ margin: 0 auto;
+ border-radius: 16px;
+ padding: 0 !important;
+ border: 1px solid var(--surface-border);
+ box-shadow: var(--shadow-md);
+ background: rgba(255, 255, 255, 0.95);
+}
+.el-dialog__header {
+ background: linear-gradient(180deg, rgba(248, 251, 255, 1), rgba(242, 247, 255, 0.98));
+ padding: 18px 24px 14px;
+ border-bottom: 1px solid var(--surface-border);
+ border-radius: 14px 14px 0 0;
+}
+.el-dialog__title {
+ font-weight: 600;
+ font-size: 17px;
+ color: var(--text-primary);
+}
+.el-dialog__body {
+ padding: 24px 24px 0;
+ max-height: 74vh;
+ overflow-y: auto;
+}
+.el-dialog__footer {
+ text-align: center;
+ padding: 18px 24px 24px;
+}
+.el-message-box {
+ padding: 0 !important;
+ border-radius: 16px;
+ border: 1px solid var(--surface-border);
+ box-shadow: var(--shadow-md);
+ background: rgba(255, 255, 255, 0.96);
+}
+.el-message-box__header {
+ background: linear-gradient(180deg, rgba(248, 251, 255, 1), rgba(242, 247, 255, 0.98));
+ padding: 18px 24px 14px;
+ border-bottom: 1px solid var(--surface-border);
+ border-radius: 14px 14px 0 0;
+}
+.el-message-box__title {
+ font-weight: 600;
+ font-size: 17px;
+ color: var(--text-primary);
+}
+.el-message-box__content {
+ padding: 24px 24px 0;
+}
.el-message-box__container {
justify-content: center;
}
@@ -105,12 +113,12 @@
margin-right: 12px;
}
}
-.el-table__expanded-cell {
- padding: 0 !important;
- .el-table__header-wrapper {
- background-color: #f5f8ff !important;
- }
-}
+.el-table__expanded-cell {
+ padding: 0 !important;
+ .el-table__header-wrapper {
+ background-color: var(--surface-soft) !important;
+ }
+}
// refine element ui upload
.upload-container {
@@ -149,6 +157,105 @@
display: none;
}
-.el-dropdown .el-dropdown-link {
- color: var(--el-color-primary) !important;
-}
+.el-dropdown .el-dropdown-link {
+ color: var(--el-color-primary) !important;
+}
+
+.el-button {
+ border-radius: 8px;
+ font-weight: 600;
+ box-shadow: none !important;
+}
+
+.el-button--primary {
+ --el-button-bg-color: var(--el-color-primary);
+ --el-button-border-color: var(--el-color-primary);
+ --el-button-hover-bg-color: var(--el-color-primary-light-3);
+ --el-button-hover-border-color: var(--el-color-primary-light-3);
+ --el-button-active-bg-color: var(--el-color-primary-dark-2);
+ --el-button-active-border-color: var(--el-color-primary-dark-2);
+}
+
+.el-input__wrapper,
+.el-textarea__inner,
+.el-select__wrapper,
+.el-date-editor.el-input__wrapper,
+.el-date-editor .el-input__wrapper {
+ border-radius: 10px;
+ box-shadow: 0 0 0 1px rgba(148, 163, 184, 0.28) inset !important;
+ background: rgba(255, 255, 255, 0.92);
+ color: var(--text-primary);
+}
+
+.el-input__wrapper.is-focus,
+.el-select__wrapper.is-focused,
+.el-textarea__inner:focus {
+ box-shadow: 0 0 0 1px rgba(37, 99, 235, 0.56) inset !important;
+}
+
+.el-card {
+ border: 1px solid var(--surface-border);
+ box-shadow: var(--shadow-sm);
+ background: var(--panel-mask);
+}
+
+.el-table {
+ --el-table-border-color: var(--surface-border);
+ --el-table-header-bg-color: #f2f7ff;
+ --el-table-row-hover-bg-color: #f8fbff;
+ --el-table-current-row-bg-color: #edf4ff;
+ border-radius: 12px;
+ background: rgba(255, 255, 255, 0.94) !important;
+}
+
+.el-table th.el-table__cell {
+ background: #f2f7ff !important;
+ color: #3b4f6c;
+ font-weight: 600;
+}
+
+.el-table tr,
+.el-table td.el-table__cell,
+.el-table__body tr > td.el-table__cell {
+ background: rgba(255, 255, 255, 0.92) !important;
+ color: var(--text-secondary);
+}
+
+.el-table .el-table__body tr:hover > td.el-table__cell {
+ background: var(--el-table-row-hover-bg-color) !important;
+}
+
+.el-table .el-table__body tr.current-row > td.el-table__cell {
+ background: var(--el-table-current-row-bg-color) !important;
+}
+
+.el-table .el-table__footer-wrapper {
+ border-top: 1px solid var(--surface-border);
+}
+
+.el-table .el-table__footer-wrapper tbody td.el-table__cell,
+.el-table .el-table__footer-wrapper tfoot td.el-table__cell {
+ background: var(--surface-base) !important;
+ border-top: 1px solid var(--surface-border);
+ font-weight: 600;
+}
+
+.el-pagination {
+ margin-top: 18px;
+}
+
+.el-empty__description p,
+.el-form-item__label,
+.el-radio-button__inner,
+.el-checkbox__label,
+.el-tabs__item,
+.el-select-dropdown__item,
+.el-dropdown-menu__item {
+ color: var(--text-secondary);
+}
+
+.el-date-editor .el-range-input,
+.el-input__inner,
+.el-textarea__inner {
+ color: var(--text-primary);
+}
--
Gitblit v1.9.3