From e77db702781db2b32c0a4b7bb3c3a697256f3245 Mon Sep 17 00:00:00 2001 From: Zhou Weidong <502333560@qq.com> Date: Mon, 19 Oct 2026 12:32:01 +0800 Subject: [PATCH 1/2] =?UTF-8?q?fix(web):=20=E4=BF=AE=E6=AD=A3=E6=B5=85?= =?UTF-8?q?=E8=89=B2=E5=93=81=E7=89=8C=E6=96=87=E5=AD=97=E9=A2=9C=E8=89=B2?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/store/modules/app.ts | 9 +++++---- 1 file changed, 5 insertions(+), 4 deletions(-) diff --git a/src/store/modules/app.ts b/src/store/modules/app.ts index e11ca33..5533fbf 100644 --- a/src/store/modules/app.ts +++ b/src/store/modules/app.ts @@ -89,7 +89,7 @@ export const useAppStore = defineStore('app', { // 头部背景颜色 topHeaderBgColor: '#fff', // 头部字体颜色 - topHeaderTextColor: 'inherit', + topHeaderTextColor: '#303133', // 头部悬停颜色 topHeaderHoverColor: '#f6f6f6', // 头部边框颜色 @@ -299,7 +299,7 @@ export const useAppStore = defineStore('app', { // 左侧菜单选中字体颜色 leftMenuTextActiveColor: isDarkColor ? '#fff' : 'var(--el-color-primary)', // logo字体颜色 - logoTitleTextColor: isDarkColor ? '#fff' : 'inherit', + logoTitleTextColor: isDarkColor ? '#fff' : '#303133', // logo边框颜色 logoBorderColor: isDarkColor ? color : '#eee' } @@ -308,7 +308,7 @@ export const useAppStore = defineStore('app', { }, setHeaderTheme(color: string) { const isDarkColor = colorIsDark(color) - const textColor = isDarkColor ? '#fff' : 'inherit' + const textColor = isDarkColor ? '#fff' : '#303133' const textHoverColor = isDarkColor ? lighten(color!, 6) : '#f6f6f6' const topToolBorderColor = isDarkColor ? color : '#eee' setCssVar('--top-header-bg-color', color) @@ -345,8 +345,9 @@ export const useAppStore = defineStore('app', { context.store.title = import.meta.env.VITE_APP_TITLE if (context.store.theme?.elColorPrimary !== '#c4322a') { context.store.setTheme({ elColorPrimary: '#c4322a' }) - context.store.setCssVarTheme() } + context.store.setMenuTheme(context.store.theme.leftMenuBgColor) + context.store.setHeaderTheme(context.store.theme.topHeaderBgColor) } } }) From f5b399a52f95500c28f9b277821228ec7d55dfeb Mon Sep 17 00:00:00 2001 From: Zhou Weidong <502333560@qq.com> Date: Mon, 19 Oct 2026 12:32:23 +0800 Subject: [PATCH 2/2] =?UTF-8?q?fix(web):=20=E7=BB=9F=E4=B8=80=E5=8D=B1?= =?UTF-8?q?=E9=99=A9=E6=93=8D=E4=BD=9C=E6=8C=89=E9=92=AE=E6=A0=B7=E5=BC=8F?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/styles/business/drama-management.css | 17 +++++------------ src/styles/business/style.css | 11 ++++++----- src/styles/business/theme.css | 19 +++++++++++++++++++ src/views/commerce/OrderManagementView.vue | 5 +++-- .../contentManagement/DramaManagementView.vue | 1 + src/views/creator-center/DramaEditView.vue | 4 ++-- src/views/creator-center/WorkspaceView.vue | 2 +- .../composables/useCreatorWorkspace.js | 3 ++- src/views/creator/CreatorAuditView.vue | 2 +- .../creator/composables/useCreatorAudit.js | 3 ++- .../governance/ContentGovernanceView.vue | 10 +++------- src/views/permission/MenuManagementView.vue | 2 +- src/views/permission/RoleCategoriesView.vue | 4 ++-- src/views/permission/RoleManagementView.vue | 8 ++++++-- 14 files changed, 54 insertions(+), 37 deletions(-) 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) { > 退款 @@ -461,8 +462,8 @@ function onTabChange(name) {
回收 diff --git a/src/views/contentManagement/DramaManagementView.vue b/src/views/contentManagement/DramaManagementView.vue index 2dcbb1b..80e438c 100644 --- a/src/views/contentManagement/DramaManagementView.vue +++ b/src/views/contentManagement/DramaManagementView.vue @@ -561,6 +561,7 @@ onMounted(async () => { diff --git a/src/views/creator-center/DramaEditView.vue b/src/views/creator-center/DramaEditView.vue index 08384f9..74c45cf 100644 --- a/src/views/creator-center/DramaEditView.vue +++ b/src/views/creator-center/DramaEditView.vue @@ -244,8 +244,8 @@ function requestDramaCover(options) { {{ hasResumeSession ? '继续上传' : '上传视频' }} 删除 撤回 diff --git a/src/views/creator-center/WorkspaceView.vue b/src/views/creator-center/WorkspaceView.vue index c329593..0efaac7 100644 --- a/src/views/creator-center/WorkspaceView.vue +++ b/src/views/creator-center/WorkspaceView.vue @@ -229,8 +229,8 @@ function openEdit(row) { row.submissionId && ['SUBMITTED', 'REVIEWING'].includes(row.submissionStatus) " + type="danger" size="small" - class="danger-action" @click="withdraw(row)" >撤回 diff --git a/src/views/creator-center/composables/useCreatorWorkspace.js b/src/views/creator-center/composables/useCreatorWorkspace.js index 2d2405b..88f612c 100644 --- a/src/views/creator-center/composables/useCreatorWorkspace.js +++ b/src/views/creator-center/composables/useCreatorWorkspace.js @@ -156,7 +156,8 @@ export function useCreatorWorkspace() { '撤回提交', { confirmButtonText: '确认撤回', - cancelButtonText: '取消' + cancelButtonText: '取消', + confirmButtonClass: 'el-button--danger' } ) } catch { diff --git a/src/views/creator/CreatorAuditView.vue b/src/views/creator/CreatorAuditView.vue index 3cb81b7..3880050 100644 --- a/src/views/creator/CreatorAuditView.vue +++ b/src/views/creator/CreatorAuditView.vue @@ -180,8 +180,8 @@ const { > 冻结 diff --git a/src/views/creator/composables/useCreatorAudit.js b/src/views/creator/composables/useCreatorAudit.js index c3f9dc8..9c24c9c 100644 --- a/src/views/creator/composables/useCreatorAudit.js +++ b/src/views/creator/composables/useCreatorAudit.js @@ -135,7 +135,8 @@ export function useCreatorAudit() { await ElMessageBox.confirm(`冻结后「${row.name}」将无法提交内容，确认冻结？`, '冻结创作者', { confirmButtonText: '确认冻结', cancelButtonText: '取消', - type: 'warning' + type: 'warning', + confirmButtonClass: 'el-button--danger' }) } catch { return diff --git a/src/views/governance/ContentGovernanceView.vue b/src/views/governance/ContentGovernanceView.vue index 9a8e493..d49d567 100644 --- a/src/views/governance/ContentGovernanceView.vue +++ b/src/views/governance/ContentGovernanceView.vue @@ -343,7 +343,7 @@ const handleTargetText = computed(() => { show-overflow-tooltip :formatter="dateCell" /> - + - +