From 1453ff2ca9930c8f1d0f9eb7d4c59e1d528649b9 Mon Sep 17 00:00:00 2001 From: zhongshujie <2862698242@qq.com> Date: 星期四, 13 二月 2025 10:52:42 +0800 Subject: [PATCH] 0~3岁婴幼儿抚育与教育样章 --- src/components/choice/choice.vue | 21 ++++++++++++++++----- 1 files changed, 16 insertions(+), 5 deletions(-) diff --git a/src/components/choice/choice.vue b/src/components/choice/choice.vue index 1f36508..63e5726 100644 --- a/src/components/choice/choice.vue +++ b/src/components/choice/choice.vue @@ -3,8 +3,8 @@ <!-- 棰樼洰鍐呭鍙婇�夐」閮ㄥ垎 --> <div style="display: flex; flex-direction: column;"> <div class="question-t"> - <span style="display: flex; "><span class="hs1">鈼�</span>璇烽�夊嚭浣犺涓烘纭殑绛旀銆�</span> - <span>绗瑊{ currentQuestion.id }}棰� (鍏眥{ questions.length}}棰�)</span> + <p style="display: flex;"><span class="hs1">鈼�</span>璇烽�夊嚭浣犺涓烘纭殑绛旀銆�</p> + <p>绗瑊{ currentQuestion.id }}棰� (鍏眥{ questions.length}}棰�)</p> </div> <div class="question-content"> <p>{{ currentQuestion.stem.stemTxt }}</p> @@ -47,7 +47,9 @@ </svg> </span> <!-- 閫夐」 --> - <span class="option-text" + <span class="option-text" @click="(e)=>{ + e.preventDefault() + }" :style="{ color: formatAnswer(getSelectedOptions()).indexOf(option.value) > -1 ? '#fff' : '#000' }"> {{ option.value }}銆亄{ option.txt }} </span> @@ -427,6 +429,10 @@ justify-content: space-between; width: 100%; margin-top: 10px; + + p{ + text-indent: 0em + } } .all-options { @@ -453,6 +459,12 @@ flex-wrap: wrap; height: min-content; } + + .question-t { + display: block; + width: 100%; + margin-top: 10px; +} } .option { @@ -573,7 +585,7 @@ .smiling-face{ position: absolute; z-index: 1; - bottom: 2% ; + bottom: -2% ; right: 4%; } .face { @@ -582,7 +594,6 @@ } .face-text { - text-wrap: nowrap; } </style> -- Gitblit v1.9.1