diff --git a/src/views/assessment/diagnosis.vue b/src/views/assessment/diagnosis.vue index 3fc0745..311092e 100644 --- a/src/views/assessment/diagnosis.vue +++ b/src/views/assessment/diagnosis.vue @@ -1213,8 +1213,7 @@ button.is-disabled { /* ===== 顶部任务工具栏换肤 ===== */ .diagnosis-page .training-task-toolbar { gap: 8px; } -.diagnosis-page .task-toolbar-button.el-button, -.diagnosis-page .material-button.el-button { +.diagnosis-page .task-toolbar-button.el-button { display: inline-flex; align-items: center; justify-content: center; diff --git a/src/views/assessment/optimization.vue b/src/views/assessment/optimization.vue index f4dcaac..7f2ff9f 100644 --- a/src/views/assessment/optimization.vue +++ b/src/views/assessment/optimization.vue @@ -1216,42 +1216,4 @@ button:disabled { } } -/* ===== 顶部工具栏 el-button 换肤 ===== */ -.optimization-page .material-button.el-button { - display: inline-flex; - align-items: center; - justify-content: center; - gap: 6px; - min-height: 36px; - height: 36px; - padding: 0 14px; - border: 1px solid #d1d5db; - border-radius: 8px; - color: #374151; - background: #ffffff; - box-shadow: none; - text-shadow: none; - font-size: 13px; - font-weight: 600; - transition: border-color 0.16s ease, background 0.16s ease, color 0.16s ease, box-shadow 0.16s ease; -} - -.optimization-page .material-button.el-button .el-icon { - font-size: 14px; - color: inherit; -} - -.optimization-page .material-button.el-button:hover, -.optimization-page .material-button.el-button:focus { - border-color: #1f2937; - color: #1f2937; - background: #f9fafb; - box-shadow: 0 2px 6px rgba(17, 24, 39, 0.1); -} - -.optimization-page .material-button.el-button.is-loading { - border-color: #d1d5db; - color: #374151; - background: #ffffff; -} diff --git a/src/views/channel/index.vue b/src/views/channel/index.vue index 02f804f..574d1b8 100644 --- a/src/views/channel/index.vue +++ b/src/views/channel/index.vue @@ -921,13 +921,13 @@ onMounted(async () => { box-shadow: 0 0 0 3px rgba(31, 41, 55, 0.08) !important; } - :deep(.el-button) { + :deep(.el-button:not(.material-button)) { border-color: var(--student-accent) !important; color: #ffffff !important; background: var(--student-accent) !important; } - :deep(.el-button:hover) { + :deep(.el-button:not(.material-button):hover) { border-color: var(--student-accent-light) !important; color: #ffffff !important; background: var(--student-accent-light) !important; diff --git a/src/views/channel/supplier.vue b/src/views/channel/supplier.vue index a2be457..b863469 100644 --- a/src/views/channel/supplier.vue +++ b/src/views/channel/supplier.vue @@ -1079,37 +1079,4 @@ onMounted(async () => { max-width: none !important; } } - -/* ===== 顶部工具栏 el-button 换肤 ===== */ -.supplier-page .material-button.el-button { - display: inline-flex; - align-items: center; - justify-content: center; - gap: 6px; - min-height: 36px; - height: 36px; - padding: 0 14px; - border: 1px solid #d1d5db; - border-radius: 8px; - color: #374151; - background: #ffffff; - box-shadow: none; - text-shadow: none; - font-size: 13px; - font-weight: 600; - transition: border-color 0.16s ease, background 0.16s ease, color 0.16s ease, box-shadow 0.16s ease; -} - -.supplier-page .material-button.el-button .el-icon { - font-size: 14px; - color: inherit; -} - -.supplier-page .material-button.el-button:hover, -.supplier-page .material-button.el-button:focus { - border-color: #1f2937; - color: #1f2937; - background: #f9fafb; - box-shadow: 0 2px 6px rgba(17, 24, 39, 0.1); -} diff --git a/src/views/demand/competitive-environment-analysis.vue b/src/views/demand/competitive-environment-analysis.vue index d5a97ce..b27e53f 100644 --- a/src/views/demand/competitive-environment-analysis.vue +++ b/src/views/demand/competitive-environment-analysis.vue @@ -788,8 +788,7 @@ function exportOutcome() { const blob = new Blob([JSON.stringify(buildDraft(), n /* ===== 顶部任务工具栏换肤 ===== */ .competitive-analysis-page .training-task-toolbar { gap: 8px; } -.competitive-analysis-page .task-toolbar-button.el-button, -.competitive-analysis-page .material-button.el-button { +.competitive-analysis-page .task-toolbar-button.el-button { display: inline-flex; align-items: center; justify-content: center; @@ -808,16 +807,13 @@ function exportOutcome() { const blob = new Blob([JSON.stringify(buildDraft(), n transition: border-color 0.16s ease, background 0.16s ease, color 0.16s ease, box-shadow 0.16s ease; } -.competitive-analysis-page .task-toolbar-button.el-button .el-icon, -.competitive-analysis-page .material-button.el-button .el-icon { +.competitive-analysis-page .task-toolbar-button.el-button .el-icon { font-size: 14px; color: inherit; } .competitive-analysis-page .task-toolbar-button.el-button:hover, -.competitive-analysis-page .task-toolbar-button.el-button:focus, -.competitive-analysis-page .material-button.el-button:hover, -.competitive-analysis-page .material-button.el-button:focus { +.competitive-analysis-page .task-toolbar-button.el-button:focus { border-color: #1f2937; color: #1f2937; background: #f9fafb; diff --git a/src/views/demand/consumer-scenario.vue b/src/views/demand/consumer-scenario.vue index d7f7f42..dec6996 100644 --- a/src/views/demand/consumer-scenario.vue +++ b/src/views/demand/consumer-scenario.vue @@ -1799,8 +1799,7 @@ function exportOutcome() { } /* ===== 顶部任务工具栏换肤 ===== */ -.consumer-scenario-page .task-toolbar-button.el-button, -.consumer-scenario-page .material-button.el-button { +.consumer-scenario-page .task-toolbar-button.el-button { display: inline-flex; align-items: center; justify-content: center; @@ -1819,16 +1818,13 @@ function exportOutcome() { transition: border-color 0.16s ease, background 0.16s ease, color 0.16s ease, box-shadow 0.16s ease; } -.consumer-scenario-page .task-toolbar-button.el-button .el-icon, -.consumer-scenario-page .material-button.el-button .el-icon { +.consumer-scenario-page .task-toolbar-button.el-button .el-icon { font-size: 14px; color: inherit; } .consumer-scenario-page .task-toolbar-button.el-button:hover, -.consumer-scenario-page .task-toolbar-button.el-button:focus, -.consumer-scenario-page .material-button.el-button:hover, -.consumer-scenario-page .material-button.el-button:focus { +.consumer-scenario-page .task-toolbar-button.el-button:focus { border-color: #1f2937; color: #1f2937; background: #f9fafb; diff --git a/src/views/demand/feature-conversion.vue b/src/views/demand/feature-conversion.vue index f32c014..8f54bd0 100644 --- a/src/views/demand/feature-conversion.vue +++ b/src/views/demand/feature-conversion.vue @@ -1505,8 +1505,7 @@ function exportOutcome() { } /* ===== 顶部任务工具栏换肤 ===== */ -.feature-conversion-page .task-toolbar-button.el-button, -.feature-conversion-page .material-button.el-button { +.feature-conversion-page .task-toolbar-button.el-button { display: inline-flex; align-items: center; justify-content: center; @@ -1525,16 +1524,13 @@ function exportOutcome() { transition: border-color 0.16s ease, background 0.16s ease, color 0.16s ease, box-shadow 0.16s ease; } -.feature-conversion-page .task-toolbar-button.el-button .el-icon, -.feature-conversion-page .material-button.el-button .el-icon { +.feature-conversion-page .task-toolbar-button.el-button .el-icon { font-size: 14px; color: inherit; } .feature-conversion-page .task-toolbar-button.el-button:hover, -.feature-conversion-page .task-toolbar-button.el-button:focus, -.feature-conversion-page .material-button.el-button:hover, -.feature-conversion-page .material-button.el-button:focus { +.feature-conversion-page .task-toolbar-button.el-button:focus { border-color: #1f2937; color: #1f2937; background: #f9fafb; diff --git a/src/views/demand/industry-demand-analysis.vue b/src/views/demand/industry-demand-analysis.vue index 032cd49..8b7df43 100644 --- a/src/views/demand/industry-demand-analysis.vue +++ b/src/views/demand/industry-demand-analysis.vue @@ -799,8 +799,7 @@ function exportOutcome() { const blob = new Blob([JSON.stringify(buildDraft(), n /* ===== 顶部任务工具栏换肤 ===== */ .industry-pest-page .training-task-toolbar { gap: 8px; } -.industry-pest-page .task-toolbar-button.el-button, -.industry-pest-page .material-button.el-button { +.industry-pest-page .task-toolbar-button.el-button { display: inline-flex; align-items: center; justify-content: center; @@ -819,16 +818,13 @@ function exportOutcome() { const blob = new Blob([JSON.stringify(buildDraft(), n transition: border-color 0.16s ease, background 0.16s ease, color 0.16s ease, box-shadow 0.16s ease; } -.industry-pest-page .task-toolbar-button.el-button .el-icon, -.industry-pest-page .material-button.el-button .el-icon { +.industry-pest-page .task-toolbar-button.el-button .el-icon { font-size: 14px; color: inherit; } .industry-pest-page .task-toolbar-button.el-button:hover, -.industry-pest-page .task-toolbar-button.el-button:focus, -.industry-pest-page .material-button.el-button:hover, -.industry-pest-page .material-button.el-button:focus { +.industry-pest-page .task-toolbar-button.el-button:focus { border-color: #1f2937; color: #1f2937; background: #f9fafb; diff --git a/src/views/foundation/new-product-survey.vue b/src/views/foundation/new-product-survey.vue index f075662..ab5da91 100644 --- a/src/views/foundation/new-product-survey.vue +++ b/src/views/foundation/new-product-survey.vue @@ -2100,8 +2100,7 @@ function exportOutcome() { } /* 次按钮基类:白底 + 中性灰描边 + 深灰字 */ -.new-product-value-page .task-toolbar-button.el-button, -.new-product-value-page .material-button.el-button { +.new-product-value-page .task-toolbar-button.el-button { display: inline-flex; align-items: center; justify-content: center; @@ -2120,16 +2119,13 @@ function exportOutcome() { transition: border-color 0.16s ease, background 0.16s ease, color 0.16s ease, box-shadow 0.16s ease; } -.new-product-value-page .task-toolbar-button.el-button .el-icon, -.new-product-value-page .material-button.el-button .el-icon { +.new-product-value-page .task-toolbar-button.el-button .el-icon { font-size: 14px; color: inherit; } .new-product-value-page .task-toolbar-button.el-button:hover, -.new-product-value-page .task-toolbar-button.el-button:focus, -.new-product-value-page .material-button.el-button:hover, -.new-product-value-page .material-button.el-button:focus { +.new-product-value-page .task-toolbar-button.el-button:focus { border-color: #1f2937; color: #1f2937; background: #f9fafb; @@ -2158,16 +2154,4 @@ function exportOutcome() { color: #374151; background: #ffffff; } - -/* 无案例资料时的 plain 禁用提示态:浅灰底虚线感弱化 */ -.new-product-value-page .material-button.el-button.is-plain { - color: #9ca3af; - background: #ffffff; -} - -.new-product-value-page .material-button.el-button.is-plain:hover { - border-color: #d1d5db; - color: #6b7280; - background: #f9fafb; -} diff --git a/src/views/foundation/product-development-factors.vue b/src/views/foundation/product-development-factors.vue index 8b3d020..b39e781 100644 --- a/src/views/foundation/product-development-factors.vue +++ b/src/views/foundation/product-development-factors.vue @@ -1070,56 +1070,6 @@ function exportOutcome() { * 这里用 id 锚点(特异性含 #app)+ !important 稳定覆盖。 * ============================================================ */ -/* --- 顶部工具栏:36px 白底灰描边小按钮(位置 B) --- */ -#app .studentLayout section.app-main:has(.product-factors) .workbench-actions .material-button.el-button { - display: inline-flex !important; - align-items: center !important; - justify-content: center !important; - gap: 6px !important; - width: auto !important; - height: 36px !important; - min-height: 36px !important; - max-height: none !important; - padding: 0 14px !important; - border: 1px solid #d1d5db !important; - border-radius: 8px !important; - color: #374151 !important; - background: #ffffff !important; - box-shadow: none !important; - text-shadow: none !important; - font-size: 13px !important; - font-weight: 600 !important; - line-height: 1 !important; - transition: border-color 0.16s ease, background 0.16s ease, color 0.16s ease, box-shadow 0.16s ease !important; -} - -#app .studentLayout section.app-main:has(.product-factors) .workbench-actions .material-button.el-button .el-icon { - color: inherit !important; - font-size: 14px !important; -} - -#app .studentLayout section.app-main:has(.product-factors) .workbench-actions .material-button.el-button:hover, -#app .studentLayout section.app-main:has(.product-factors) .workbench-actions .material-button.el-button:focus { - border-color: #1f2937 !important; - color: #1f2937 !important; - background: #f9fafb !important; - box-shadow: 0 2px 6px rgba(17, 24, 39, 0.1) !important; -} - -/* 无案例资料时的 plain 态 */ -#app .studentLayout section.app-main:has(.product-factors) .workbench-actions .material-button.el-button.is-plain { - border-color: #e5e7eb !important; - color: #9ca3af !important; - background: #ffffff !important; -} - -#app .studentLayout section.app-main:has(.product-factors) .workbench-actions .material-button.el-button.is-plain:hover { - border-color: #d1d5db !important; - color: #6b7280 !important; - background: #f9fafb !important; - box-shadow: none !important; -} - /* 顶部"导出实训成果"原生按钮:全局 L592 锁为 34px 浅蓝胶囊 */ #app .studentLayout section.app-main:has(.product-factors) .workbench-actions > button.outline-action { display: inline-flex !important; @@ -1228,7 +1178,6 @@ function exportOutcome() { width: 100% !important; } - #app .studentLayout section.app-main:has(.product-factors) .workbench-actions .material-button.el-button, #app .studentLayout section.app-main:has(.product-factors) .workbench-actions > button.outline-action, #app .studentLayout section.app-main:has(.product-factors) .task-actions > button { width: 100% !important; diff --git a/src/views/foundation/product-development-process.vue b/src/views/foundation/product-development-process.vue index e74cee9..b448268 100644 --- a/src/views/foundation/product-development-process.vue +++ b/src/views/foundation/product-development-process.vue @@ -1495,56 +1495,6 @@ tr.is-incorrect .classification-feedback { * 这里用 id 锚点(特异性含 #app)+ !important 稳定覆盖。 * ============================================================ */ -/* --- 顶部工具栏:36px 白底灰描边小按钮(位置 B) --- */ -#app .studentLayout section.app-main:has(.product-process) .workbench-actions .material-button.el-button { - display: inline-flex !important; - align-items: center !important; - justify-content: center !important; - gap: 6px !important; - width: auto !important; - height: 36px !important; - min-height: 36px !important; - max-height: none !important; - padding: 0 14px !important; - border: 1px solid #d1d5db !important; - border-radius: 8px !important; - color: #374151 !important; - background: #ffffff !important; - box-shadow: none !important; - text-shadow: none !important; - font-size: 13px !important; - font-weight: 600 !important; - line-height: 1 !important; - transition: border-color 0.16s ease, background 0.16s ease, color 0.16s ease, box-shadow 0.16s ease !important; -} - -#app .studentLayout section.app-main:has(.product-process) .workbench-actions .material-button.el-button .el-icon { - color: inherit !important; - font-size: 14px !important; -} - -#app .studentLayout section.app-main:has(.product-process) .workbench-actions .material-button.el-button:hover, -#app .studentLayout section.app-main:has(.product-process) .workbench-actions .material-button.el-button:focus { - border-color: #1f2937 !important; - color: #1f2937 !important; - background: #f9fafb !important; - box-shadow: 0 2px 6px rgba(17, 24, 39, 0.1) !important; -} - -/* 无案例资料时的 plain 态 */ -#app .studentLayout section.app-main:has(.product-process) .workbench-actions .material-button.el-button.is-plain { - border-color: #e5e7eb !important; - color: #9ca3af !important; - background: #ffffff !important; -} - -#app .studentLayout section.app-main:has(.product-process) .workbench-actions .material-button.el-button.is-plain:hover { - border-color: #d1d5db !important; - color: #6b7280 !important; - background: #f9fafb !important; - box-shadow: none !important; -} - /* 顶部"导出实训成果"原生按钮:全局 L592 锁为 34px 浅蓝胶囊 */ #app .studentLayout section.app-main:has(.product-process) .workbench-actions > button.outline-action { display: inline-flex !important; @@ -1687,7 +1637,6 @@ tr.is-incorrect .classification-feedback { width: 100% !important; } - #app .studentLayout section.app-main:has(.product-process) .workbench-actions .material-button.el-button, #app .studentLayout section.app-main:has(.product-process) .workbench-actions > button.outline-action, #app .studentLayout section.app-main:has(.product-process) .step-title-actions button.outline-action, #app .studentLayout section.app-main:has(.product-process) .task-actions > button { diff --git a/src/views/product/after-sales-service.vue b/src/views/product/after-sales-service.vue index 61ca2db..91a1b95 100644 --- a/src/views/product/after-sales-service.vue +++ b/src/views/product/after-sales-service.vue @@ -1289,42 +1289,4 @@ button:disabled { /* ===== 顶部工具栏 el-button 换肤 ===== */ .after-sales-page .training-task-toolbar, .after-sales-page .after-sales-toolbar { gap: 8px; } - -.after-sales-page .material-button.el-button { - display: inline-flex; - align-items: center; - justify-content: center; - gap: 6px; - min-height: 36px; - height: 36px; - padding: 0 14px; - border: 1px solid #d1d5db; - border-radius: 8px; - color: #374151; - background: #ffffff; - box-shadow: none; - text-shadow: none; - font-size: 13px; - font-weight: 600; - transition: border-color 0.16s ease, background 0.16s ease, color 0.16s ease, box-shadow 0.16s ease; -} - -.after-sales-page .material-button.el-button .el-icon { - font-size: 14px; - color: inherit; -} - -.after-sales-page .material-button.el-button:hover, -.after-sales-page .material-button.el-button:focus { - border-color: #1f2937; - color: #1f2937; - background: #f9fafb; - box-shadow: 0 2px 6px rgba(17, 24, 39, 0.1); -} - -.after-sales-page .material-button.el-button.is-loading { - border-color: #d1d5db; - color: #374151; - background: #ffffff; -} diff --git a/src/views/product/differentiation.vue b/src/views/product/differentiation.vue index a6c4bf2..cd61f76 100644 --- a/src/views/product/differentiation.vue +++ b/src/views/product/differentiation.vue @@ -1562,8 +1562,7 @@ async function handleValueCanvasUpload(event) { } /* ===== 顶部任务工具栏换肤 ===== */ -.product-positioning-page .task-toolbar-button.el-button, -.product-positioning-page .material-button.el-button { +.product-positioning-page .task-toolbar-button.el-button { display: inline-flex; align-items: center; justify-content: center; @@ -1582,16 +1581,13 @@ async function handleValueCanvasUpload(event) { transition: border-color 0.16s ease, background 0.16s ease, color 0.16s ease, box-shadow 0.16s ease; } -.product-positioning-page .task-toolbar-button.el-button .el-icon, -.product-positioning-page .material-button.el-button .el-icon { +.product-positioning-page .task-toolbar-button.el-button .el-icon { font-size: 14px; color: inherit; } .product-positioning-page .task-toolbar-button.el-button:hover, -.product-positioning-page .task-toolbar-button.el-button:focus, -.product-positioning-page .material-button.el-button:hover, -.product-positioning-page .material-button.el-button:focus { +.product-positioning-page .task-toolbar-button.el-button:focus { border-color: #1f2937; color: #1f2937; background: #f9fafb; diff --git a/src/views/product/market-opportunity-selection.vue b/src/views/product/market-opportunity-selection.vue index bd85045..90a84b6 100644 --- a/src/views/product/market-opportunity-selection.vue +++ b/src/views/product/market-opportunity-selection.vue @@ -933,8 +933,7 @@ function exportOutcome() { const blob = new Blob([JSON.stringify({ taskName: tas /* ===== 顶部任务工具栏换肤 ===== */ .opportunity-page .training-task-toolbar { gap: 8px; } -.opportunity-page .task-toolbar-button.el-button, -.opportunity-page .material-button.el-button { +.opportunity-page .task-toolbar-button.el-button { display: inline-flex; align-items: center; justify-content: center; @@ -953,16 +952,13 @@ function exportOutcome() { const blob = new Blob([JSON.stringify({ taskName: tas transition: border-color 0.16s ease, background 0.16s ease, color 0.16s ease, box-shadow 0.16s ease; } -.opportunity-page .task-toolbar-button.el-button .el-icon, -.opportunity-page .material-button.el-button .el-icon { +.opportunity-page .task-toolbar-button.el-button .el-icon { font-size: 14px; color: inherit; } .opportunity-page .task-toolbar-button.el-button:hover, -.opportunity-page .task-toolbar-button.el-button:focus, -.opportunity-page .material-button.el-button:hover, -.opportunity-page .material-button.el-button:focus { +.opportunity-page .task-toolbar-button.el-button:focus { border-color: #1f2937; color: #1f2937; background: #f9fafb; diff --git a/src/views/product/price.vue b/src/views/product/price.vue index 1a91d95..3e40094 100644 --- a/src/views/product/price.vue +++ b/src/views/product/price.vue @@ -2459,7 +2459,6 @@ onMounted(async () => { } /* ===== 工具栏换肤 ===== */ -.price-page .material-button.el-button, .price-page .outline-action { display: inline-flex; align-items: center; @@ -2479,23 +2478,8 @@ onMounted(async () => { transition: border-color 0.16s ease, background 0.16s ease, color 0.16s ease, box-shadow 0.16s ease; } -.price-page .material-button.el-button .el-icon, .price-page .outline-action .el-icon { font-size: 14px; color: inherit; } - -.price-page .material-button.el-button:hover, -.price-page .material-button.el-button:focus { - border-color: #1f2937; - color: #1f2937; - background: #f9fafb; - box-shadow: 0 2px 6px rgba(17, 24, 39, 0.1); -} - -.price-page .material-button.el-button.is-loading { - border-color: #d1d5db; - color: #374151; - background: #ffffff; -} diff --git a/src/views/product/requirements-doc.vue b/src/views/product/requirements-doc.vue index ce904e2..aae29dd 100644 --- a/src/views/product/requirements-doc.vue +++ b/src/views/product/requirements-doc.vue @@ -1524,8 +1524,7 @@ function exportOutcome() { if (currentStep.value === 2) { exportStepTwoTable(); } /* ===== 顶部工具栏 el-button 换肤 ===== */ -.requirements-doc-page .training-material-button.el-button, -.requirements-doc-page .material-button.el-button { +.requirements-doc-page .training-material-button.el-button { display: inline-flex; align-items: center; justify-content: center; @@ -1544,16 +1543,13 @@ function exportOutcome() { if (currentStep.value === 2) { exportStepTwoTable(); transition: border-color 0.16s ease, background 0.16s ease, color 0.16s ease, box-shadow 0.16s ease; } -.requirements-doc-page .training-material-button.el-button .el-icon, -.requirements-doc-page .material-button.el-button .el-icon { +.requirements-doc-page .training-material-button.el-button .el-icon { font-size: 14px; color: inherit; } .requirements-doc-page .training-material-button.el-button:hover, -.requirements-doc-page .training-material-button.el-button:focus, -.requirements-doc-page .material-button.el-button:hover, -.requirements-doc-page .material-button.el-button:focus { +.requirements-doc-page .training-material-button.el-button:focus { border-color: #1f2937; color: #1f2937; background: #f9fafb; diff --git a/src/views/product/structure.vue b/src/views/product/structure.vue index 7e68eaf..085b0c1 100644 --- a/src/views/product/structure.vue +++ b/src/views/product/structure.vue @@ -1275,7 +1275,6 @@ button:disabled { } /* ===== 顶部工具栏按钮换肤 ===== */ -.architecture-page .material-button.el-button, .architecture-page .outline-action { display: inline-flex; align-items: center; @@ -1295,14 +1294,11 @@ button:disabled { transition: border-color 0.16s ease, background 0.16s ease, color 0.16s ease, box-shadow 0.16s ease; } -.architecture-page .material-button.el-button .el-icon, .architecture-page .outline-action .el-icon { font-size: 14px; color: inherit; } -.architecture-page .material-button.el-button:hover, -.architecture-page .material-button.el-button:focus, .architecture-page .outline-action:hover:not(:disabled), .architecture-page .outline-action:focus:not(:disabled) { border-color: #1f2937; @@ -1310,10 +1306,4 @@ button:disabled { background: #f9fafb; box-shadow: 0 2px 6px rgba(17, 24, 39, 0.1); } - -.architecture-page .material-button.el-button.is-loading { - border-color: #d1d5db; - color: #374151; - background: #ffffff; -} diff --git a/src/views/test/index.vue b/src/views/test/index.vue index 9ed4b55..bc13f8f 100644 --- a/src/views/test/index.vue +++ b/src/views/test/index.vue @@ -403,19 +403,17 @@ onMounted(async () => { try { const result = await getTrainingTaskByKey(TASK_KEY p { margin: 0; } } -.release-channel-toolbar { +/* ===== 工具栏:一行不换行 ===== */ +.task-header :deep(.material-actions) { flex: 0 0 auto; - width: 320px; - - :deep(.material-actions) { - display: grid; - grid-template-columns: 1fr 1fr; - gap: 8px; - } + display: flex; + flex-wrap: nowrap; + gap: 6px; +} - :deep(.material-button) { - width: 100%; - } +.task-header :deep(.material-button) { + flex: 0 0 auto; + white-space: nowrap; } /* ===== task-card:透明容器 ===== */ @@ -674,7 +672,7 @@ onMounted(async () => { try { const result = await getTrainingTaskByKey(TASK_KEY /* ===== 响应式 ===== */ @media (max-width: 720px) { .task-header { flex-direction: column; align-items: flex-start; } - .release-channel-toolbar { width: 100%; justify-content: flex-start; } + .task-header :deep(.material-actions) { width: 100%; } .workbench-head { flex-direction: column; } .table-actions, .footer-actions { align-items: stretch; flex-direction: column; } @@ -813,42 +811,6 @@ onMounted(async () => { try { const result = await getTrainingTaskByKey(TASK_KEY } } -/* ===== 工具栏 el-button 换肤 ===== */ -.release-channel-page .release-channel-toolbar .material-button.el-button { - display: inline-flex; - align-items: center; - justify-content: center; - gap: 6px; - min-height: 36px; - height: 36px; - padding: 0 14px; - border: 1px solid #d1d5db; - border-radius: 8px; - color: #374151; - background: #ffffff; - box-shadow: none; - text-shadow: none; - font-size: 13px; - font-weight: 600; - transition: border-color 0.16s ease, background 0.16s ease, color 0.16s ease, box-shadow 0.16s ease; -} -.release-channel-page .release-channel-toolbar .material-button.el-button .el-icon { - font-size: 14px; - color: inherit; -} -.release-channel-page .release-channel-toolbar .material-button.el-button:hover, -.release-channel-page .release-channel-toolbar .material-button.el-button:focus { - border-color: #1f2937; - color: #1f2937; - background: #f9fafb; - box-shadow: 0 2px 6px rgba(17, 24, 39, 0.1); -} -.release-channel-page .release-channel-toolbar .material-button.el-button.is-loading { - border-color: #d1d5db; - color: #374151; - background: #ffffff; -} - /* ===== 表格操作按钮换肤 ===== */ .release-channel-page .table-actions .el-button, .release-channel-page .footer-actions .el-button { diff --git a/src/views/test/promotion.vue b/src/views/test/promotion.vue index bcb0b31..d8239a1 100644 --- a/src/views/test/promotion.vue +++ b/src/views/test/promotion.vue @@ -846,8 +846,7 @@ onMounted(async () => { try { const result = await getTrainingTaskByKey(TASK_KEY /* ===== 顶部任务工具栏换肤 ===== */ .promotion-page .training-task-toolbar { gap: 8px; } -.promotion-page .task-toolbar-button.el-button, -.promotion-page .material-button.el-button { +.promotion-page .task-toolbar-button.el-button { display: inline-flex; align-items: center; justify-content: center; @@ -866,16 +865,13 @@ onMounted(async () => { try { const result = await getTrainingTaskByKey(TASK_KEY transition: border-color 0.16s ease, background 0.16s ease, color 0.16s ease, box-shadow 0.16s ease; } -.promotion-page .task-toolbar-button.el-button .el-icon, -.promotion-page .material-button.el-button .el-icon { +.promotion-page .task-toolbar-button.el-button .el-icon { font-size: 14px; color: inherit; } .promotion-page .task-toolbar-button.el-button:hover, -.promotion-page .task-toolbar-button.el-button:focus, -.promotion-page .material-button.el-button:hover, -.promotion-page .material-button.el-button:focus { +.promotion-page .task-toolbar-button.el-button:focus { border-color: #1f2937; color: #1f2937; background: #f9fafb;