From af791f30d2acd68e711d28d7ffacc43bf6da8776 Mon Sep 17 00:00:00 2001 From: qinzhenpen Date: Thu, 24 Sep 2026 15:48:30 +0800 Subject: [PATCH] =?UTF-8?q?style:=20=E8=B0=83=E6=95=B4=E6=8C=89=E9=92=AE?= =?UTF-8?q?=E6=A0=B7=E5=BC=8F=E4=BB=A5=E7=BB=9F=E4=B8=80=E9=AB=98=E5=BA=A6?= =?UTF-8?q?=E5=92=8C=E5=86=85=E8=BE=B9=E8=B7=9D?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit 将多个页面的按钮样式统一调整为高度36px，内边距改为14px，同时将圆角半径调整为8px，以提升视觉一致性和用户体验。涉及页面包括学生培训、评估、需求分析等多个模块。 --- src/assets/styles/student-training.scss | 18 ++++---- src/views/assessment/diagnosis.vue | 16 ++++--- src/views/assessment/optimization.vue | 15 ++++--- src/views/channel/index.vue | 11 ++--- src/views/channel/supplier.vue | 7 ++-- src/views/components/TrainingTaskToolbar.vue | 2 +- src/views/demand/business-feasibility.vue | 14 ++++++- .../competitive-environment-analysis.vue | 25 +++++++---- src/views/demand/consumer-behavior.vue | 23 +++++----- src/views/demand/consumer-scenario.vue | 17 ++++++-- src/views/demand/environment.vue | 21 ++++++---- src/views/demand/feature-conversion.vue | 33 ++++++++++----- src/views/demand/index.vue | 21 ++++++---- src/views/demand/industry-demand-analysis.vue | 7 ++-- src/views/demand/people.vue | 40 +++++++++++++----- src/views/foundation/new-product-survey.vue | 20 +++++---- .../product-development-factors.vue | 22 ++++++---- .../product-development-process.vue | 37 +++++++++------- src/views/product/after-sales-service.vue | 7 ++-- .../ProductStandardTrainingPage.vue | 2 +- .../ProductStructureImageUpload.vue | 2 +- src/views/product/differentiation.vue | 42 ++++++++++++------- src/views/product/hardware-cost.vue | 42 ++++++++++++------- src/views/product/index.vue | 14 ++++--- .../product/market-opportunity-selection.vue | 19 ++++++--- src/views/product/price.vue | 21 ++++++---- src/views/product/requirements-doc.vue | 10 ++--- src/views/product/structure.vue | 7 ++-- src/views/training/GenericTrainingPage.vue | 18 +++++--- 29 files changed, 337 insertions(+), 196 deletions(-) diff --git a/src/assets/styles/student-training.scss b/src/assets/styles/student-training.scss index 27a1beb..55287f8 100644 --- a/src/assets/styles/student-training.scss +++ b/src/assets/styles/student-training.scss @@ -728,11 +728,11 @@ gap: 8px !important; min-width: 0 !important; width: auto !important; - height: 40px !important; - min-height: 40px !important; - padding: 0 18px !important; + height: 36px !important; + min-height: 36px !important; + padding: 0 14px !important; border: 1px solid rgba(31, 41, 55, 0.4) !important; - border-radius: 10px !important; + border-radius: 8px !important; color: var(--student-accent, #1f2937) !important; background: #ffffff !important; box-shadow: none !important; @@ -790,13 +790,13 @@ flex: 0 0 auto !important; min-width: 0 !important; width: auto !important; - height: 40px !important; - min-height: 40px !important; - max-height: 40px !important; + height: 36px !important; + min-height: 36px !important; + max-height: 36px !important; margin: 0 !important; - padding: 0 18px !important; + padding: 0 14px !important; border: 1px solid #e5e7eb !important; - border-radius: 10px !important; + border-radius: 8px !important; color: #1f2937 !important; background: #ffffff !important; font-size: 13px !important; diff --git a/src/views/assessment/diagnosis.vue b/src/views/assessment/diagnosis.vue index 311092e..a3e7359 100644 --- a/src/views/assessment/diagnosis.vue +++ b/src/views/assessment/diagnosis.vue @@ -550,10 +550,11 @@ onMounted(async () => { try { taskConfig.value = (await getTrainingTaskByKey(TAS align-items: center; justify-content: center; gap: 6px; - min-height: 40px; - padding: 0 18px; + min-height: 36px; + height: 36px; + padding: 0 14px; border: 1px solid rgba(31, 41, 55, 0.4); - border-radius: 10px; + border-radius: 8px; color: var(--student-text); background: #ffffff; font: inherit; @@ -783,7 +784,8 @@ button.is-disabled { .secondary-button, .submit-button { min-width: 142px; - min-height: 40px; + min-height: 36px; + height: 36px; } } @@ -902,8 +904,10 @@ button.is-disabled { } .upload-button { - min-height: 42px; - padding: 0 18px; + min-height: 36px; + height: 36px; + padding: 0 14px; + border-radius: 8px; } .chart-preview { diff --git a/src/views/assessment/optimization.vue b/src/views/assessment/optimization.vue index 7f2ff9f..48e06c1 100644 --- a/src/views/assessment/optimization.vue +++ b/src/views/assessment/optimization.vue @@ -586,10 +586,11 @@ onMounted(async () => { align-items: center; justify-content: center; gap: 7px; - min-height: 40px; - padding: 0 16px; + min-height: 36px; + height: 36px; + padding: 0 14px; border: 1px solid rgba(31, 41, 55, 0.4); - border-radius: 10px; + border-radius: 8px; color: var(--student-text); background: #ffffff; font: inherit; @@ -804,9 +805,11 @@ button:disabled { } .training-actions :deep(.training-action) { - min-width: 160px; - height: 40px; - border-radius: 10px; + min-width: 140px; + height: 36px; + min-height: 36px; + padding: 0 14px; + border-radius: 8px; border-color: var(--student-accent); color: #ffffff; background: var(--student-accent); diff --git a/src/views/channel/index.vue b/src/views/channel/index.vue index 38c9cc6..3b7732a 100644 --- a/src/views/channel/index.vue +++ b/src/views/channel/index.vue @@ -1,4 +1,4 @@ -