From 4be582eef716b2aa5fb243fbf19a9263083fa8e8 Mon Sep 17 00:00:00 2001 From: 闫增涛 <1829501689@qq.com> Date: 星期三, 19 六月 2024 10:06:28 +0800 Subject: [PATCH] 连线题优化 --- src/components/examinations/index.vue | 29 +++++++++++++++-------------- 1 files changed, 15 insertions(+), 14 deletions(-) diff --git a/src/components/examinations/index.vue b/src/components/examinations/index.vue index 5986ef3..68fef34 100644 --- a/src/components/examinations/index.vue +++ b/src/components/examinations/index.vue @@ -73,12 +73,13 @@ v-html="itemText" ></span> <!-- --> - <el-input + <input v-else type="text" class="input" v-model.trim="value.userAnswer[itemText.num]" :disabled="value.isComplete" + :style="{backgroundColor:inputBc}" /> <!-- --> </span> @@ -91,7 +92,7 @@ v-cloak ></p> </div> - <img :src="value.isCollect ? isHeart : heart" alt="" class="collect-png" @click="handleCollect(nindex,index)" > + <img :src="value.isCollect ? isHeart : heart" alt="" class="collect-png" @click="handleCollect(nindex,index)" v-if="!(hideCollect && value.questionType == 'shortAnswer')" > <!-- 鏀惰棌 --> </div> <div class="questionContent"> @@ -495,6 +496,14 @@ type: Boolean, default: true, }, + inputBc: { + type: String, + default: "#fff", + }, + hideCollect:{ + type:Boolean, + default:false + } }, data() { return { @@ -824,23 +833,15 @@ font-weight: 400; margin-top: 6px; } - .el-input { + input { width: 140px; height: 24px; - border-top: 0; + border: 0; + outline: none; + border-bottom: 1px solid #15c0f2; } /deep/ .el-textarea.is-disabled .el-textarea__inner { background-color: #fff; - } - /deep/.el-input__wrapper { - border-top: 0 !important; - } - /deep/ .el-input__inner { - border-top: 0 !important; - border-left: 0 !important ; - border-right: 0 !important ; - border-bottom: 1px solid #15c0f2 !important; - border-radius: 0 !important; } /deep/ .el-input.is-disabled .el-input__inner { background-color: #fff; -- Gitblit v1.9.1