dmg/learn-xiaole-mini-program
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: 去掉答题卡模式

Browse Source
This commit is contained in:
李梦 2026-02-16 19:17:05 +08:00
parent bc6e74dc9f
commit aa61e61e23
1 changed files with 1 additions and 128 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

129
src/pages/doWork/components/Question.vue
View File

@ -166,33 +166,7 @@
</view> </view>
</template> </template>
<!-- 阅读理解 / 完形填空：答题卡 --> <!-- 其他题型（上传图片 - 支持多图，含阅读理解/完形填空） -->
<template v-else-if="questionType === 'yuedu' || questionType === 'wanxing'">
<view class="yuedu-answer-card">
<view class="yuedu-card-title">
<text>答题卡</text>
</view>
<view v-for="(subQ, sIdx) in yueDuList" :key="sIdx" class="yuedu-card-row">
<text class="yuedu-card-num">{{ sIdx + 1 }}</text>
<view class="yuedu-card-btns">
<view
v-for="(opt, oIdx) in subQ.options"
:key="oIdx"
:class="['yuedu-card-btn', {
active: getYueDuAnswer(sIdx) === opt.label,
correct: showYueDuCorrect(sIdx, opt.label),
wrong: showYueDuWrong(sIdx, opt.label)
}]"
@click="selectYueDuOption(sIdx, opt.label)"
>
<text>{{ opt.label }}</text>
</view>
</view>
</view>
</view>
</template>
<!-- 其他题型（上传图片 - 支持多图） -->
<template v-else> <template v-else>
<view class="upload-area"> <view class="upload-area">
<!-- 提示文字 --> <!-- 提示文字 -->
@ -1829,107 +1803,6 @@ onUnmounted(() => {
} }
} }
// 阅读理解 / 完形填空：右侧答题卡
.yuedu-answer-card {
.yuedu-card-title {
text-align: center;
margin-bottom: 12rpx;
padding-bottom: 8rpx;
border-bottom: 2rpx solid #e8ecf4;
text {
font-family: $font-special;
font-size: 13rpx;
font-weight: 700;
color: #8f9df7;
letter-spacing: 2rpx;
}
}
.yuedu-card-row {
display: flex;
align-items: center;
margin-bottom: 10rpx;
gap: 8rpx;
&:last-child {
margin-bottom: 0;
}
}
.yuedu-card-num {
width: 22rpx;
height: 22rpx;
display: flex;
align-items: center;
justify-content: center;
border-radius: 6rpx;
background: #f0f4ff;
font-family: $font-special;
font-size: 11rpx;
font-weight: 700;
color: #4F8EF7;
flex-shrink: 0;
}
.yuedu-card-btns {
display: flex;
gap: 8rpx;
flex: 1;
flex-wrap: wrap;
}
.yuedu-card-btn {
width: 32rpx;
height: 32rpx;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
background: #f5f7fa;
border: 2rpx solid #e0e4ea;
transition: all 0.2s ease;
box-shadow: 0 1rpx 4rpx rgba(0, 0, 0, 0.05);
text {
font-family: $font-special;
font-size: 13rpx;
font-weight: 600;
color: #666;
}
&.active {
background: linear-gradient(135deg, #7eacfe 0%, #5b8def 100%);
border-color: #5b8def;
box-shadow: 0 2rpx 8rpx rgba(91, 141, 239, 0.35);
text {
color: #fff;
}
}
&.correct {
background: linear-gradient(135deg, #6dd5a0 0%, #4cd964 100%);
border-color: #4cd964;
box-shadow: 0 2rpx 8rpx rgba(76, 217, 100, 0.35);
text {
color: #fff;
}
}
&.wrong {
background: linear-gradient(135deg, #ff7875 0%, #ff4d4f 100%);
border-color: #ff4d4f;
box-shadow: 0 2rpx 8rpx rgba(255, 77, 79, 0.35);
text {
color: #fff;
}
}
}
}
.judgment-list { .judgment-list {
display: flex; display: flex;
justify-content: center; justify-content: center;