From ea38d895d5be1dd56dd024dd00f54b1ce883eceb Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E9=99=88=E6=B2=85?= <907037276@qq.com> Date: Tue, 29 Sep 2026 09:28:30 +0800 Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E5=A4=8D=E9=80=89=E6=8B=A9=E9=A2=98?= =?UTF-8?q?=E5=BC=B9=E7=AA=97=E6=96=B0=E5=A2=9E=E9=A2=98=E7=9B=AE=E6=8C=89?= =?UTF-8?q?=E9=92=AE=E6=96=87=E5=AD=97=E4=B8=8D=E5=8F=AF=E8=A7=81=EF=BC=9A?= =?UTF-8?q?intro=E6=A0=87=E7=AD=BE=E9=80=89=E6=8B=A9=E5=99=A8=E8=AF=AF?= =?UTF-8?q?=E6=9F=93el-button=E5=86=85span=E4=B8=BA=E8=93=9D=E8=89=B2(?= =?UTF-8?q?=E8=93=9D=E5=BA=95=E8=93=9D=E5=AD=97)=EF=BC=8C=E6=94=B6?= =?UTF-8?q?=E7=AA=84=E4=B8=BA=E7=9B=B4=E6=8E=A5=E5=AD=90=E7=BA=A7=E9=80=89?= =?UTF-8?q?=E6=8B=A9=E5=99=A8?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/views/components/StepOneChoiceQuestionEditor.vue | 3 ++- src/views/components/StepOneQuestionBankPicker.vue | 3 ++- 2 files changed, 4 insertions(+), 2 deletions(-) diff --git a/src/views/components/StepOneChoiceQuestionEditor.vue b/src/views/components/StepOneChoiceQuestionEditor.vue index b625bd0..fdfc127 100644 --- a/src/views/components/StepOneChoiceQuestionEditor.vue +++ b/src/views/components/StepOneChoiceQuestionEditor.vue @@ -138,7 +138,8 @@ function close(value = false) { } .choice-editor-intro { display:flex; align-items:center; justify-content:space-between; gap:20px; margin-bottom:18px; padding:15px 17px; border-left:3px solid #1e88e5; background:linear-gradient(90deg,rgba(187, 222, 251, 0.5),transparent); } .choice-editor-actions { display:flex; flex-shrink:0; gap:10px; } -.choice-editor-intro span { color:#1e88e5; font-size:12px; font-weight:800; letter-spacing:.12em; }.choice-editor-intro p { margin:5px 0 0; color:#5a7a9a; line-height:1.6; } +/* 只命中左上角的 STEP 01 标签，避免染蓝按钮内文字（el-button 文字渲染在 span 中） */ +.choice-editor-intro > div > span { color:#1e88e5; font-size:12px; font-weight:800; letter-spacing:.12em; }.choice-editor-intro p { margin:5px 0 0; color:#5a7a9a; line-height:1.6; } .choice-question-list { display:grid; gap:16px; }.choice-question-card { padding:16px; border:1px solid #cfe2f5; border-radius:10px; background:#f0f6fd; }.choice-question-card header { display:flex; align-items:center; gap:9px; margin-bottom:13px; color:#2c4a6a; }.choice-question-number { display:grid; place-items:center; width:28px; height:28px; border-radius:50%; color:#ffffff; background:#1e88e5; font-size:12px; font-weight:900; }.choice-question-remove { margin-left:auto; color:#ff92a5; cursor:pointer; border:0; background:transparent; }.choice-options { display:grid; gap:9px; margin:13px 0 7px; }.choice-option-row { display:grid; grid-template-columns:94px 28px minmax(0,1fr) 52px; align-items:center; gap:8px; }.choice-option-row .el-radio { margin-right:0; color:#2c4a6a; }.choice-option-key { display:grid; place-items:center; width:25px; height:25px; color:#1e88e5; font-weight:900; border:1px solid #cfe2f5; border-radius:5px; } @media (max-width:640px) { .choice-editor-intro { align-items:flex-start; flex-direction:column; }.choice-option-row { grid-template-columns:78px 25px minmax(0,1fr); }.choice-option-row > .el-button { grid-column:3; justify-self:end; } } diff --git a/src/views/components/StepOneQuestionBankPicker.vue b/src/views/components/StepOneQuestionBankPicker.vue index 75e80cb..d02b796 100644 --- a/src/views/components/StepOneQuestionBankPicker.vue +++ b/src/views/components/StepOneQuestionBankPicker.vue @@ -115,7 +115,8 @@ function close(value = false) { .el-dialog__footer { padding: 16px 24px; border-top: 1px solid #cfe2f5; } } .bank-picker-intro { display:flex; align-items:center; justify-content:space-between; gap:20px; margin-bottom:18px; padding:15px 17px; border-left:3px solid #1e88e5; background:linear-gradient(90deg,rgba(187,222,251,.5),transparent); } -.bank-picker-intro span { color:#1e88e5; font-size:12px; font-weight:800; letter-spacing:.12em; } +/* 只命中左上角标签，避免染蓝按钮内文字 */ +.bank-picker-intro > div > span { color:#1e88e5; font-size:12px; font-weight:800; letter-spacing:.12em; } .bank-picker-intro p { margin:5px 0 0; color:#5a7a9a; line-height:1.6; } .bank-picker-count { flex-shrink:0; padding:6px 14px; color:#1e88e5; font-size:13px; font-weight:800; border:1px solid #cfe2f5; border-radius:16px; background:#f0f6fd; } .bank-question-list { display:grid; gap:12px; min-height:120px; }