diff --git a/src/styles/business/drama-management.css b/src/styles/business/drama-management.css
index 8fcd3ff..aa498c4 100644
--- a/src/styles/business/drama-management.css
+++ b/src/styles/business/drama-management.css
@@ -37,7 +37,7 @@
align-items: center;
gap: 8px;
white-space: nowrap;
- flex-wrap: wrap;
+ flex-wrap: nowrap;
}
.table-actions .el-button {
/* 统一尺寸:高度固定、水平内边距,靠行高垂直居中,避免文字被压扁 */
@@ -53,12 +53,6 @@
.table-actions .el-button + .el-button {
margin-left: 0 !important;
}
-.table-actions .danger-action {
- color: #a66a6a !important;
-}
-.table-actions .danger-action:hover {
- color: #b54848 !important;
-}
.drama-cell .drama-cover,
.drama-cell .drama-cover-image {
width: 44px;
@@ -271,7 +265,6 @@
.editor-grid--two {
grid-template-columns: 1fr;
}
-
}
html.dark .cover-preview-card,
@@ -406,10 +399,10 @@ html.dark .cover-preview-empty {
--el-button-hover-border-color: #3c7358;
}
.table-actions .el-button--danger {
- --el-button-bg-color: #bd5b5b;
- --el-button-border-color: #bd5b5b;
- --el-button-hover-bg-color: #a94b4b;
- --el-button-hover-border-color: #a94b4b;
+ --el-button-bg-color: var(--el-color-danger);
+ --el-button-border-color: var(--el-color-danger);
+ --el-button-hover-bg-color: var(--el-color-danger-dark-2);
+ --el-button-hover-border-color: var(--el-color-danger-dark-2);
}
.pagination {
display: flex;
diff --git a/src/styles/business/style.css b/src/styles/business/style.css
index 9418b25..d883473 100644
--- a/src/styles/business/style.css
+++ b/src/styles/business/style.css
@@ -6,7 +6,7 @@ body {
min-width: 0;
min-height: 100vh;
}
- .page-heading {
+.page-heading {
display: flex;
justify-content: space-between;
align-items: center;
@@ -396,7 +396,11 @@ body {
background: linear-gradient(145deg, #f8d6d7, #ffece4);
}
.purple {
- background: linear-gradient(145deg, var(--el-color-primary-light-8), var(--el-color-primary-light-9));
+ background: linear-gradient(
+ 145deg,
+ var(--el-color-primary-light-8),
+ var(--el-color-primary-light-9)
+ );
}
.peach {
background: linear-gradient(145deg, #ffd6bd, #fff0d7);
@@ -615,9 +619,6 @@ body {
padding: 5px;
color: #9997a7;
}
-.episode-actions .danger-action:hover {
- color: #e77680;
-}
.episode-footer {
display: flex;
justify-content: space-between;
diff --git a/src/styles/business/theme.css b/src/styles/business/theme.css
index 6831643..54ef210 100644
--- a/src/styles/business/theme.css
+++ b/src/styles/business/theme.css
@@ -38,6 +38,25 @@ body {
--el-button-active-bg-color: var(--el-color-primary-dark-2);
--el-button-active-border-color: var(--el-color-primary-dark-2);
}
+.el-button--danger {
+ --el-button-text-color: #fff;
+ --el-button-bg-color: var(--el-color-danger);
+ --el-button-border-color: var(--el-color-danger);
+ --el-button-hover-bg-color: var(--el-color-danger-dark-2);
+ --el-button-hover-border-color: var(--el-color-danger-dark-2);
+ color: #fff !important;
+ background: var(--el-color-danger) !important;
+ border-color: var(--el-color-danger) !important;
+}
+.el-button--danger:hover {
+ background: var(--el-color-danger-dark-2) !important;
+ border-color: var(--el-color-danger-dark-2) !important;
+}
+.el-message-box__btns .el-button--danger {
+ color: #fff !important;
+ background: var(--el-color-danger) !important;
+ border-color: var(--el-color-danger) !important;
+}
.eyebrow {
letter-spacing: 0.7px;
color: #9298a1;
diff --git a/src/views/commerce/OrderManagementView.vue b/src/views/commerce/OrderManagementView.vue
index d2f2656..0959915 100644
--- a/src/views/commerce/OrderManagementView.vue
+++ b/src/views/commerce/OrderManagementView.vue
@@ -102,6 +102,7 @@ async function refund(row) {
{
confirmButtonText: '确认退款',
cancelButtonText: '取消',
+ confirmButtonClass: 'el-button--danger',
inputValidator: (val) => (val && val.trim() ? true : '退款原因不能为空')
}
)
@@ -375,8 +376,8 @@ function onTabChange(name) {
>