chenyuan1
/
dianshang-qianduan
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

style: 移除全局通用的material-button样式，统一使用业务自定义按钮类

Browse Source 
本次提交删除了多个页面中重复定义的.material-button专属样式，将按钮样式统一交由业务侧的task-toolbar-button、outline-action等自定义类管理，同时调整了channel页面的按钮选择器，排除.material-button的样式污染，减少冗余代码并统一组件样式规则。
fix/exam-question-access-material-excel-delete-draft
qinzhenpen 3 weeks ago
parent 29b2a35661
commit b67cc2d61f
19 changed files with 40 additions and 364 deletions
Show Stats Download Patch File Download Diff File

3
src/views/assessment/diagnosis.vue
Unescape Escape View File

@ -1213,8 +1213,7 @@ button.is-disabled {
/* ===== 顶部任务工具栏换肤 ===== */ /* ===== 顶部任务工具栏换肤 ===== */
.diagnosis-page .training-task-toolbar { gap: 8px; } .diagnosis-page .training-task-toolbar { gap: 8px; }
.diagnosis-page .task-toolbar-button.el-button, .diagnosis-page .task-toolbar-button.el-button {
.diagnosis-page .material-button.el-button {
display: inline-flex; display: inline-flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;

38
src/views/assessment/optimization.vue
Unescape Escape View File

@ -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;
}
</style> </style>

4
src/views/channel/index.vue
Unescape Escape View File

@ -921,13 +921,13 @@ onMounted(async () => {
box-shadow: 0 0 0 3px rgba(31, 41, 55, 0.08) !important; 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; border-color: var(--student-accent) !important;
color: #ffffff !important; color: #ffffff !important;
background: var(--student-accent) !important; background: var(--student-accent) !important;
} }
:deep(.el-button:hover) { :deep(.el-button:not(.material-button):hover) {
border-color: var(--student-accent-light) !important; border-color: var(--student-accent-light) !important;
color: #ffffff !important; color: #ffffff !important;
background: var(--student-accent-light) !important; background: var(--student-accent-light) !important;

33
src/views/channel/supplier.vue
Unescape Escape View File

@ -1079,37 +1079,4 @@ onMounted(async () => {
max-width: none !important; 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);
}
</style> </style>

10
src/views/demand/competitive-environment-analysis.vue
Unescape Escape View File

@ -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 .training-task-toolbar { gap: 8px; }
.competitive-analysis-page .task-toolbar-button.el-button, .competitive-analysis-page .task-toolbar-button.el-button {
.competitive-analysis-page .material-button.el-button {
display: inline-flex; display: inline-flex;
align-items: center; align-items: center;
justify-content: 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; 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 .task-toolbar-button.el-button .el-icon {
.competitive-analysis-page .material-button.el-button .el-icon {
font-size: 14px; font-size: 14px;
color: inherit; color: inherit;
} }
.competitive-analysis-page .task-toolbar-button.el-button:hover, .competitive-analysis-page .task-toolbar-button.el-button:hover,
.competitive-analysis-page .task-toolbar-button.el-button:focus, .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 {
border-color: #1f2937; border-color: #1f2937;
color: #1f2937; color: #1f2937;
background: #f9fafb; background: #f9fafb;

10
src/views/demand/consumer-scenario.vue
Unescape Escape View File

@ -1799,8 +1799,7 @@ function exportOutcome() {
} }
/* ===== 顶部任务工具栏换肤 ===== */ /* ===== 顶部任务工具栏换肤 ===== */
.consumer-scenario-page .task-toolbar-button.el-button, .consumer-scenario-page .task-toolbar-button.el-button {
.consumer-scenario-page .material-button.el-button {
display: inline-flex; display: inline-flex;
align-items: center; align-items: center;
justify-content: 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; 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 .task-toolbar-button.el-button .el-icon {
.consumer-scenario-page .material-button.el-button .el-icon {
font-size: 14px; font-size: 14px;
color: inherit; color: inherit;
} }
.consumer-scenario-page .task-toolbar-button.el-button:hover, .consumer-scenario-page .task-toolbar-button.el-button:hover,
.consumer-scenario-page .task-toolbar-button.el-button:focus, .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 {
border-color: #1f2937; border-color: #1f2937;
color: #1f2937; color: #1f2937;
background: #f9fafb; background: #f9fafb;

10
src/views/demand/feature-conversion.vue
Unescape Escape View File

@ -1505,8 +1505,7 @@ function exportOutcome() {
} }
/* ===== 顶部任务工具栏换肤 ===== */ /* ===== 顶部任务工具栏换肤 ===== */
.feature-conversion-page .task-toolbar-button.el-button, .feature-conversion-page .task-toolbar-button.el-button {
.feature-conversion-page .material-button.el-button {
display: inline-flex; display: inline-flex;
align-items: center; align-items: center;
justify-content: 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; 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 .task-toolbar-button.el-button .el-icon {
.feature-conversion-page .material-button.el-button .el-icon {
font-size: 14px; font-size: 14px;
color: inherit; color: inherit;
} }
.feature-conversion-page .task-toolbar-button.el-button:hover, .feature-conversion-page .task-toolbar-button.el-button:hover,
.feature-conversion-page .task-toolbar-button.el-button:focus, .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 {
border-color: #1f2937; border-color: #1f2937;
color: #1f2937; color: #1f2937;
background: #f9fafb; background: #f9fafb;

10
src/views/demand/industry-demand-analysis.vue
Unescape Escape View File

@ -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 .training-task-toolbar { gap: 8px; }
.industry-pest-page .task-toolbar-button.el-button, .industry-pest-page .task-toolbar-button.el-button {
.industry-pest-page .material-button.el-button {
display: inline-flex; display: inline-flex;
align-items: center; align-items: center;
justify-content: 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; 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 .task-toolbar-button.el-button .el-icon {
.industry-pest-page .material-button.el-button .el-icon {
font-size: 14px; font-size: 14px;
color: inherit; color: inherit;
} }
.industry-pest-page .task-toolbar-button.el-button:hover, .industry-pest-page .task-toolbar-button.el-button:hover,
.industry-pest-page .task-toolbar-button.el-button:focus, .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 {
border-color: #1f2937; border-color: #1f2937;
color: #1f2937; color: #1f2937;
background: #f9fafb; background: #f9fafb;

22
src/views/foundation/new-product-survey.vue
Unescape Escape View File

@ -2100,8 +2100,7 @@ function exportOutcome() {
} }
/* 次按钮基类：白底 + 中性灰描边 + 深灰字 */ /* 次按钮基类：白底 + 中性灰描边 + 深灰字 */
.new-product-value-page .task-toolbar-button.el-button, .new-product-value-page .task-toolbar-button.el-button {
.new-product-value-page .material-button.el-button {
display: inline-flex; display: inline-flex;
align-items: center; align-items: center;
justify-content: 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; 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 .task-toolbar-button.el-button .el-icon {
.new-product-value-page .material-button.el-button .el-icon {
font-size: 14px; font-size: 14px;
color: inherit; color: inherit;
} }
.new-product-value-page .task-toolbar-button.el-button:hover, .new-product-value-page .task-toolbar-button.el-button:hover,
.new-product-value-page .task-toolbar-button.el-button:focus, .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 {
border-color: #1f2937; border-color: #1f2937;
color: #1f2937; color: #1f2937;
background: #f9fafb; background: #f9fafb;
@ -2158,16 +2154,4 @@ function exportOutcome() {
color: #374151; color: #374151;
background: #ffffff; 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;
}
</style> </style>

51
src/views/foundation/product-development-factors.vue
Unescape Escape View File

@ -1070,56 +1070,6 @@ function exportOutcome() {
* 这里用 id 锚点（特异性含 #app）+ !important 稳定覆盖。 * 这里用 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 浅蓝胶囊 */ /* 顶部"导出实训成果"原生按钮：全局 L592 锁为 34px 浅蓝胶囊 */
#app .studentLayout section.app-main:has(.product-factors) .workbench-actions > button.outline-action { #app .studentLayout section.app-main:has(.product-factors) .workbench-actions > button.outline-action {
display: inline-flex !important; display: inline-flex !important;
@ -1228,7 +1178,6 @@ function exportOutcome() {
width: 100% !important; 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) .workbench-actions > button.outline-action,
#app .studentLayout section.app-main:has(.product-factors) .task-actions > button { #app .studentLayout section.app-main:has(.product-factors) .task-actions > button {
width: 100% !important; width: 100% !important;

51
src/views/foundation/product-development-process.vue
Unescape Escape View File

@ -1495,56 +1495,6 @@ tr.is-incorrect .classification-feedback {
* 这里用 id 锚点（特异性含 #app）+ !important 稳定覆盖。 * 这里用 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 浅蓝胶囊 */ /* 顶部"导出实训成果"原生按钮：全局 L592 锁为 34px 浅蓝胶囊 */
#app .studentLayout section.app-main:has(.product-process) .workbench-actions > button.outline-action { #app .studentLayout section.app-main:has(.product-process) .workbench-actions > button.outline-action {
display: inline-flex !important; display: inline-flex !important;
@ -1687,7 +1637,6 @@ tr.is-incorrect .classification-feedback {
width: 100% !important; 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) .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) .step-title-actions button.outline-action,
#app .studentLayout section.app-main:has(.product-process) .task-actions > button { #app .studentLayout section.app-main:has(.product-process) .task-actions > button {

38
src/views/product/after-sales-service.vue
Unescape Escape View File

@ -1289,42 +1289,4 @@ button:disabled {
/* ===== 顶部工具栏 el-button 换肤 ===== */ /* ===== 顶部工具栏 el-button 换肤 ===== */
.after-sales-page .training-task-toolbar, .after-sales-page .training-task-toolbar,
.after-sales-page .after-sales-toolbar { gap: 8px; } .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;
}
</style> </style>

10
src/views/product/differentiation.vue
Unescape Escape View File

@ -1562,8 +1562,7 @@ async function handleValueCanvasUpload(event) {
} }
/* ===== 顶部任务工具栏换肤 ===== */ /* ===== 顶部任务工具栏换肤 ===== */
.product-positioning-page .task-toolbar-button.el-button, .product-positioning-page .task-toolbar-button.el-button {
.product-positioning-page .material-button.el-button {
display: inline-flex; display: inline-flex;
align-items: center; align-items: center;
justify-content: 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; 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 .task-toolbar-button.el-button .el-icon {
.product-positioning-page .material-button.el-button .el-icon {
font-size: 14px; font-size: 14px;
color: inherit; color: inherit;
} }
.product-positioning-page .task-toolbar-button.el-button:hover, .product-positioning-page .task-toolbar-button.el-button:hover,
.product-positioning-page .task-toolbar-button.el-button:focus, .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 {
border-color: #1f2937; border-color: #1f2937;
color: #1f2937; color: #1f2937;
background: #f9fafb; background: #f9fafb;

10
src/views/product/market-opportunity-selection.vue
Unescape Escape View File

@ -933,8 +933,7 @@ function exportOutcome() { const blob = new Blob([JSON.stringify({ taskName: tas
/* ===== 顶部任务工具栏换肤 ===== */ /* ===== 顶部任务工具栏换肤 ===== */
.opportunity-page .training-task-toolbar { gap: 8px; } .opportunity-page .training-task-toolbar { gap: 8px; }
.opportunity-page .task-toolbar-button.el-button, .opportunity-page .task-toolbar-button.el-button {
.opportunity-page .material-button.el-button {
display: inline-flex; display: inline-flex;
align-items: center; align-items: center;
justify-content: 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; 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 .task-toolbar-button.el-button .el-icon {
.opportunity-page .material-button.el-button .el-icon {
font-size: 14px; font-size: 14px;
color: inherit; color: inherit;
} }
.opportunity-page .task-toolbar-button.el-button:hover, .opportunity-page .task-toolbar-button.el-button:hover,
.opportunity-page .task-toolbar-button.el-button:focus, .opportunity-page .task-toolbar-button.el-button:focus {
.opportunity-page .material-button.el-button:hover,
.opportunity-page .material-button.el-button:focus {
border-color: #1f2937; border-color: #1f2937;
color: #1f2937; color: #1f2937;
background: #f9fafb; background: #f9fafb;

16
src/views/product/price.vue
Unescape Escape View File

@ -2459,7 +2459,6 @@ onMounted(async () => {
} }
/* ===== 工具栏换肤 ===== */ /* ===== 工具栏换肤 ===== */
.price-page .material-button.el-button,
.price-page .outline-action { .price-page .outline-action {
display: inline-flex; display: inline-flex;
align-items: center; 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; 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 { .price-page .outline-action .el-icon {
font-size: 14px; font-size: 14px;
color: inherit; 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;
}
</style> </style>

10
src/views/product/requirements-doc.vue
Unescape Escape View File

@ -1524,8 +1524,7 @@ function exportOutcome() { if (currentStep.value === 2) { exportStepTwoTable();
} }
/* ===== 顶部工具栏 el-button 换肤 ===== */ /* ===== 顶部工具栏 el-button 换肤 ===== */
.requirements-doc-page .training-material-button.el-button, .requirements-doc-page .training-material-button.el-button {
.requirements-doc-page .material-button.el-button {
display: inline-flex; display: inline-flex;
align-items: center; align-items: center;
justify-content: 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; 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 .training-material-button.el-button .el-icon {
.requirements-doc-page .material-button.el-button .el-icon {
font-size: 14px; font-size: 14px;
color: inherit; color: inherit;
} }
.requirements-doc-page .training-material-button.el-button:hover, .requirements-doc-page .training-material-button.el-button:hover,
.requirements-doc-page .training-material-button.el-button:focus, .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 {
border-color: #1f2937; border-color: #1f2937;
color: #1f2937; color: #1f2937;
background: #f9fafb; background: #f9fafb;

10
src/views/product/structure.vue
Unescape Escape View File

@ -1275,7 +1275,6 @@ button:disabled {
} }
/* ===== 顶部工具栏按钮换肤 ===== */ /* ===== 顶部工具栏按钮换肤 ===== */
.architecture-page .material-button.el-button,
.architecture-page .outline-action { .architecture-page .outline-action {
display: inline-flex; display: inline-flex;
align-items: center; 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; 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 { .architecture-page .outline-action .el-icon {
font-size: 14px; font-size: 14px;
color: inherit; 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:hover:not(:disabled),
.architecture-page .outline-action:focus:not(:disabled) { .architecture-page .outline-action:focus:not(:disabled) {
border-color: #1f2937; border-color: #1f2937;
@ -1310,10 +1306,4 @@ button:disabled {
background: #f9fafb; background: #f9fafb;
box-shadow: 0 2px 6px rgba(17, 24, 39, 0.1); 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;
}
</style> </style>

58
src/views/test/index.vue
Unescape Escape View File

@ -403,19 +403,17 @@ onMounted(async () => { try { const result = await getTrainingTaskByKey(TASK_KEY
p { margin: 0; } p { margin: 0; }
} }
.release-channel-toolbar { /* ===== 工具栏：一行不换行 ===== */
.task-header :deep(.material-actions) {
flex: 0 0 auto; flex: 0 0 auto;
width: 320px; display: flex;
flex-wrap: nowrap;
:deep(.material-actions) { gap: 6px;
display: grid; }
grid-template-columns: 1fr 1fr;
gap: 8px;
}
:deep(.material-button) { .task-header :deep(.material-button) {
width: 100%; flex: 0 0 auto;
} white-space: nowrap;
} }
/* ===== task-card：透明容器 ===== */ /* ===== task-card：透明容器 ===== */
@ -674,7 +672,7 @@ onMounted(async () => { try { const result = await getTrainingTaskByKey(TASK_KEY
/* ===== 响应式 ===== */ /* ===== 响应式 ===== */
@media (max-width: 720px) { @media (max-width: 720px) {
.task-header { flex-direction: column; align-items: flex-start; } .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; } .workbench-head { flex-direction: column; }
.table-actions, .table-actions,
.footer-actions { align-items: stretch; flex-direction: column; } .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 .table-actions .el-button,
.release-channel-page .footer-actions .el-button { .release-channel-page .footer-actions .el-button {

10
src/views/test/promotion.vue
Unescape Escape View File

@ -846,8 +846,7 @@ onMounted(async () => { try { const result = await getTrainingTaskByKey(TASK_KEY
/* ===== 顶部任务工具栏换肤 ===== */ /* ===== 顶部任务工具栏换肤 ===== */
.promotion-page .training-task-toolbar { gap: 8px; } .promotion-page .training-task-toolbar { gap: 8px; }
.promotion-page .task-toolbar-button.el-button, .promotion-page .task-toolbar-button.el-button {
.promotion-page .material-button.el-button {
display: inline-flex; display: inline-flex;
align-items: center; align-items: center;
justify-content: 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; 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 .task-toolbar-button.el-button .el-icon {
.promotion-page .material-button.el-button .el-icon {
font-size: 14px; font-size: 14px;
color: inherit; color: inherit;
} }
.promotion-page .task-toolbar-button.el-button:hover, .promotion-page .task-toolbar-button.el-button:hover,
.promotion-page .task-toolbar-button.el-button:focus, .promotion-page .task-toolbar-button.el-button:focus {
.promotion-page .material-button.el-button:hover,
.promotion-page .material-button.el-button:focus {
border-color: #1f2937; border-color: #1f2937;
color: #1f2937; color: #1f2937;
background: #f9fafb; background: #f9fafb;

Write Preview
Loading…
Cancel
Save