|
@@ -1,11 +1,7 @@
|
|
|
<template>
|
|
|
<view class="threeExam">
|
|
|
<view class="topad">
|
|
|
- <ad
|
|
|
- class="wxad"
|
|
|
- :ad-intervals="100"
|
|
|
- unit-id="adunit-f9ac1a546be5b3f0"
|
|
|
- ></ad>
|
|
|
+ <ad class="wxad" :ad-intervals="100" unit-id="adunit-f9ac1a546be5b3f0"></ad>
|
|
|
</view>
|
|
|
<view class="problem">
|
|
|
<!-- <text class="problem-type"> 判断题 </text> -->
|
|
@@ -14,43 +10,28 @@
|
|
|
problemList[problemListIndex].question
|
|
|
}}</text
|
|
|
> -->
|
|
|
- <rich-text
|
|
|
- style="font-size: 42rpx; vertical-align: top"
|
|
|
- :nodes="
|
|
|
- createProblemTypeHtml(problemList[problemListIndex].type) +
|
|
|
- (problemListIndex + 1) +
|
|
|
- '、' +
|
|
|
- problemList[problemListIndex].question
|
|
|
- "
|
|
|
- ></rich-text>
|
|
|
+ <rich-text style="font-size: 42rpx; vertical-align: top" :nodes="createProblemTypeHtml(problemList[problemListIndex].type) +
|
|
|
+ (problemListIndex + 1) +
|
|
|
+ '、' +
|
|
|
+ problemList[problemListIndex].question
|
|
|
+ "></rich-text>
|
|
|
<view class="problem-radio">
|
|
|
- <van-radio-group
|
|
|
- v-if="!problemList[problemListIndex].isComplete"
|
|
|
- @change="changeUserAnswer"
|
|
|
- :value="problemList[problemListIndex].userAnswer"
|
|
|
- >
|
|
|
+ <van-radio-group v-if="!problemList[problemListIndex].isComplete" @change="changeUserAnswer"
|
|
|
+ :value="problemList[problemListIndex].userAnswer">
|
|
|
<view :key="index" v-for="(item, index) in anLength">
|
|
|
- <van-radio
|
|
|
- v-if="problemList[problemListIndex]['an' + (index + 1)]"
|
|
|
- label-class="pl0"
|
|
|
- custom-class="mt40"
|
|
|
- use-icon-slot
|
|
|
- :name="index + 1"
|
|
|
- >
|
|
|
+ <van-radio v-if="problemList[problemListIndex]['an' + (index + 1)]" label-class="pl0" custom-class="mt40"
|
|
|
+ use-icon-slot :name="index + 1">
|
|
|
<view class="problem-radio-flex">
|
|
|
<view class="problem-radio-icon">
|
|
|
<view class="problem-radio-letter">{{
|
|
|
numberToLetter(index)
|
|
|
}}</view>
|
|
|
</view>
|
|
|
- <text
|
|
|
- style="
|
|
|
+ <text style="
|
|
|
font-size: 42rpx;
|
|
|
font-weight: bold;
|
|
|
margin-left: 20rpx;
|
|
|
- "
|
|
|
- >{{ problemList[problemListIndex]["an" + (index + 1)] }}</text
|
|
|
- >
|
|
|
+ ">{{ problemList[problemListIndex]["an" + (index + 1)] }}</text>
|
|
|
</view>
|
|
|
</van-radio>
|
|
|
</view>
|
|
@@ -170,74 +151,42 @@
|
|
|
</view>
|
|
|
</van-radio> -->
|
|
|
</van-radio-group>
|
|
|
- <van-radio-group
|
|
|
- v-if="problemList[problemListIndex].isComplete"
|
|
|
- :value="problemList[problemListIndex].userAnswer"
|
|
|
- >
|
|
|
+ <van-radio-group v-if="problemList[problemListIndex].isComplete"
|
|
|
+ :value="problemList[problemListIndex].userAnswer">
|
|
|
<view :key="index" v-for="(item, index) in anLength">
|
|
|
- <van-radio
|
|
|
- v-if="problemList[problemListIndex]['an' + (index + 1)]"
|
|
|
- label-class="pl0"
|
|
|
- custom-class="mt40"
|
|
|
- use-icon-slot
|
|
|
- :name="index + 1"
|
|
|
- >
|
|
|
+ <van-radio v-if="problemList[problemListIndex]['an' + (index + 1)]" label-class="pl0" custom-class="mt40"
|
|
|
+ use-icon-slot :name="index + 1">
|
|
|
<view class="problem-radio-flex">
|
|
|
<view class="problem-radio-icon">
|
|
|
- <icon
|
|
|
- type="clear"
|
|
|
- v-if="
|
|
|
- index + 1 ==
|
|
|
- problemList[problemListIndex].userAnswerIndex &&
|
|
|
- problemList[problemListIndex].userAnswerIndex !=
|
|
|
- problemList[problemListIndex].answertrue
|
|
|
- "
|
|
|
- class="problem-radio-letter"
|
|
|
- color="red"
|
|
|
- size="60rpx"
|
|
|
- ></icon>
|
|
|
- <icon
|
|
|
- type="success"
|
|
|
- v-else-if="
|
|
|
- index + 1 ==
|
|
|
- problemList[problemListIndex].userAnswerIndex &&
|
|
|
- problemList[problemListIndex].userAnswerIndex ==
|
|
|
- problemList[problemListIndex].answertrue
|
|
|
- "
|
|
|
- class="problem-radio-letter"
|
|
|
- color="#33CDA4"
|
|
|
- size="60rpx"
|
|
|
- ></icon>
|
|
|
+ <icon type="clear" v-if="index + 1 ==
|
|
|
+ problemList[problemListIndex].userAnswerIndex &&
|
|
|
+ problemList[problemListIndex].userAnswerIndex !=
|
|
|
+ problemList[problemListIndex].answertrue
|
|
|
+ " class="problem-radio-letter" color="red" size="60rpx"></icon>
|
|
|
+ <icon type="success" v-else-if="index + 1 ==
|
|
|
+ problemList[problemListIndex].userAnswerIndex &&
|
|
|
+ problemList[problemListIndex].userAnswerIndex ==
|
|
|
+ problemList[problemListIndex].answertrue
|
|
|
+ " class="problem-radio-letter" color="#33CDA4" size="60rpx"></icon>
|
|
|
<view v-else class="problem-radio-letter">{{
|
|
|
numberToLetter(index)
|
|
|
}}</view>
|
|
|
</view>
|
|
|
- <text
|
|
|
- style="
|
|
|
+ <text style="
|
|
|
font-size: 42rpx;
|
|
|
font-weight: bold;
|
|
|
margin-left: 20rpx;
|
|
|
- "
|
|
|
- >{{ problemList[problemListIndex]["an" + (index + 1)] }}</text
|
|
|
- >
|
|
|
+ ">{{ problemList[problemListIndex]["an" + (index + 1)] }}</text>
|
|
|
</view>
|
|
|
</van-radio>
|
|
|
</view>
|
|
|
</van-radio-group>
|
|
|
</view>
|
|
|
<view class="problem-media">
|
|
|
- <image
|
|
|
- mode="widthFix"
|
|
|
- v-if="getFileType(problemList[problemListIndex].mediaUrl) == 'image'"
|
|
|
- :src="problemList[problemListIndex].mediaUrl"
|
|
|
- ></image>
|
|
|
- <video
|
|
|
- :controls="false"
|
|
|
- autoplay
|
|
|
- loop
|
|
|
- v-if="getFileType(problemList[problemListIndex].mediaUrl) == 'video'"
|
|
|
- :src="problemList[problemListIndex].mediaUrl"
|
|
|
- ></video>
|
|
|
+ <image mode="widthFix" v-if="getFileType(problemList[problemListIndex].mediaUrl) == 'image'"
|
|
|
+ :src="problemList[problemListIndex].mediaUrl"></image>
|
|
|
+ <video :controls="false" autoplay loop v-if="getFileType(problemList[problemListIndex].mediaUrl) == 'video'"
|
|
|
+ :src="problemList[problemListIndex].mediaUrl"></video>
|
|
|
</view>
|
|
|
</view>
|
|
|
<view class="bottom">
|
|
@@ -247,21 +196,11 @@
|
|
|
</view>
|
|
|
<view class="submit">
|
|
|
<view>
|
|
|
- <view
|
|
|
- v-if="query.showSubmit == '1'"
|
|
|
- @click="
|
|
|
- () => {
|
|
|
- submitExamVisible = true;
|
|
|
- }
|
|
|
- "
|
|
|
- class="submit-button"
|
|
|
- ><text>交卷</text
|
|
|
- ><countDown
|
|
|
- @change="getThreeExamTime"
|
|
|
- @end="submitExam"
|
|
|
- background=""
|
|
|
- :time="examTime"
|
|
|
- ></countDown>
|
|
|
+ <view v-if="query.showSubmit == '1'" @click="() => {
|
|
|
+ submitExamVisible = true;
|
|
|
+ }
|
|
|
+ " class="submit-button"><text>交卷</text>
|
|
|
+ <countDown @change="getThreeExamTime" @end="submitExam" background="" :time="examTime"></countDown>
|
|
|
</view>
|
|
|
</view>
|
|
|
|
|
@@ -278,11 +217,12 @@
|
|
|
falseNum
|
|
|
}}</text>
|
|
|
</view>
|
|
|
- <view class="col">
|
|
|
+ <view @click="() => {
|
|
|
+ selectQuestionVisible = true
|
|
|
+ }" class="col">
|
|
|
<van-icon name="description" />
|
|
|
- <text style="font-size: 24rpx; color: #8a9099; margin-left: 8rpx"
|
|
|
- >{{ problemListIndex + 1 }}/{{ problemList.length }}</text
|
|
|
- >
|
|
|
+ <text style="font-size: 24rpx; color: #8a9099; margin-left: 8rpx">{{ problemListIndex + 1 }}/{{
|
|
|
+ problemList.length }}</text>
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
@@ -293,105 +233,116 @@
|
|
|
<view class="score">
|
|
|
<view class="score-list">
|
|
|
<view class="score-dont">
|
|
|
- {{ problemList.length - trueNum - falseNum }}</view
|
|
|
- >
|
|
|
+ {{ problemList.length - trueNum - falseNum }}</view>
|
|
|
<view style="font-size: 28rpx; color: #8a9099">未答题数</view>
|
|
|
</view>
|
|
|
- <view class="score-list"
|
|
|
- ><view class="score-rest" style="margin: 0 auto">
|
|
|
- {{ restTime }}</view
|
|
|
- >
|
|
|
- <view style="font-size: 28rpx; color: #8a9099">剩余时间</view></view
|
|
|
- >
|
|
|
- <view class="score-list"
|
|
|
- ><view class="score-exam"> {{ score }}</view>
|
|
|
- <view style="font-size: 28rpx; color: #8a9099">考试得分</view></view
|
|
|
- >
|
|
|
+ <view class="score-list">
|
|
|
+ <view class="score-rest" style="margin: 0 auto">
|
|
|
+ {{ restTime }}</view>
|
|
|
+ <view style="font-size: 28rpx; color: #8a9099">剩余时间</view>
|
|
|
+ </view>
|
|
|
+ <view class="score-list">
|
|
|
+ <view class="score-exam"> {{ score }}</view>
|
|
|
+ <view style="font-size: 28rpx; color: #8a9099">考试得分</view>
|
|
|
+ </view>
|
|
|
</view>
|
|
|
<view class="bottom">
|
|
|
- <view
|
|
|
- @click="
|
|
|
- () => {
|
|
|
- submitExamVisible = false;
|
|
|
- }
|
|
|
- "
|
|
|
- class="left"
|
|
|
- >继续答题</view
|
|
|
- >
|
|
|
- <view
|
|
|
- @click="
|
|
|
- () => {
|
|
|
- resultExamVisible = true;
|
|
|
- submitExamVisible = false;
|
|
|
- }
|
|
|
- "
|
|
|
- class="right"
|
|
|
- >现在交卷</view
|
|
|
- >
|
|
|
+ <view @click="() => {
|
|
|
+ submitExamVisible = false;
|
|
|
+ }
|
|
|
+ " class="left">继续答题</view>
|
|
|
+ <view @click="() => {
|
|
|
+ resultExamVisible = true;
|
|
|
+ submitExamVisible = false;
|
|
|
+ }
|
|
|
+ " class="right">现在交卷</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
</van-popup>
|
|
|
<van-popup :zIndex="1006" round :show="resultExamVisible">
|
|
|
<view class="tip2">
|
|
|
<view style="position: relative">
|
|
|
- <image
|
|
|
- mode="widthFix"
|
|
|
- style="width: 628rpx"
|
|
|
- src="https://ndata.zzxcx.net/ctjk/mp-wx/threeExam/bg_dialog.png"
|
|
|
- ></image>
|
|
|
- <image
|
|
|
- mode="widthFix"
|
|
|
- v-if="score < 90"
|
|
|
- class="tip2-cry"
|
|
|
- style="width: 187rpx"
|
|
|
- src="https://ndata.zzxcx.net/ctjk/mp-wx/threeExam/cry.png"
|
|
|
- ></image>
|
|
|
- <image
|
|
|
- mode="widthFix"
|
|
|
- v-if="score >= 90"
|
|
|
- class="tip2-cry"
|
|
|
- style="width: 187rpx"
|
|
|
- src="https://ndata.zzxcx.net/ctjk/mp-wx/threeExam/laugh.png"
|
|
|
- ></image>
|
|
|
+ <image mode="widthFix" style="width: 628rpx" src="https://ndata.zzxcx.net/ctjk/mp-wx/threeExam/bg_dialog.png">
|
|
|
+ </image>
|
|
|
+ <image mode="widthFix" v-if="score < 90" class="tip2-cry" style="width: 187rpx"
|
|
|
+ src="https://ndata.zzxcx.net/ctjk/mp-wx/threeExam/cry.png"></image>
|
|
|
+ <image mode="widthFix" v-if="score >= 90" class="tip2-cry" style="width: 187rpx"
|
|
|
+ src="https://ndata.zzxcx.net/ctjk/mp-wx/threeExam/laugh.png"></image>
|
|
|
<view class="tip2-text">
|
|
|
<view>恭喜您</view>
|
|
|
- <view
|
|
|
- >您的成绩<text style="color: #01c18d" v-if="score >= 90"
|
|
|
- >合格</text
|
|
|
- ><text style="color: #ff4d53" v-if="score < 90"
|
|
|
- >不合格</text
|
|
|
- ></view
|
|
|
- >
|
|
|
- <view class="tip2-text-line3"
|
|
|
- >当前已答错<text style="color: #ff4d53; padding: 0 8rpx">{{
|
|
|
- falseNum
|
|
|
- }}</text>
|
|
|
- 题</view
|
|
|
- >
|
|
|
+ <view>您的成绩<text style="color: #01c18d" v-if="score >= 90">合格</text><text style="color: #ff4d53"
|
|
|
+ v-if="score < 90">不合格</text></view>
|
|
|
+ <view class="tip2-text-line3">当前已答错<text style="color: #ff4d53; padding: 0 8rpx">{{
|
|
|
+ falseNum
|
|
|
+ }}</text>
|
|
|
+ 题</view>
|
|
|
<view class="tip2-bottom">
|
|
|
<!-- <view class="tip2-bottom-1">试试答题技巧,提分更快</view> -->
|
|
|
- <view
|
|
|
- @click="
|
|
|
- goPath('/otherPages/threeExamScore/index?score=' + score)
|
|
|
- "
|
|
|
- class="tip2-bottom-2"
|
|
|
- >现在交卷</view
|
|
|
- >
|
|
|
- <view
|
|
|
- @click="
|
|
|
- () => {
|
|
|
- resultExamVisible = false;
|
|
|
- submitExamVisible = false;
|
|
|
- }
|
|
|
- "
|
|
|
- class="tip2-bottom-3"
|
|
|
- >继续答题</view
|
|
|
- >
|
|
|
+ <view @click="
|
|
|
+ goPath('/otherPages/threeExamScore/index?score=' + score)
|
|
|
+ " class="tip2-bottom-2">现在交卷</view>
|
|
|
+ <view @click="() => {
|
|
|
+ resultExamVisible = false;
|
|
|
+ submitExamVisible = false;
|
|
|
+ }
|
|
|
+ " class="tip2-bottom-3">继续答题</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
</van-popup>
|
|
|
+ <van-overlay :zIndex="1007" round :show="selectQuestionVisible">
|
|
|
+ <view class="select-problem">
|
|
|
+ <view class="problem-index">
|
|
|
+ <view class="problem-header">
|
|
|
+ <view class="problem-header-left">
|
|
|
+ <view class="problem-dui">
|
|
|
+ <icon class="icon-box-img" color="#06c05f" type="success" size="18"></icon>
|
|
|
+ <text style="color: #06c05f; font-size: 14px; margin-left: 8rpx">{{ trueNum }}</text>
|
|
|
+ </view>
|
|
|
+ <view class="problem-cuo" style="margin-left: 16rpx">
|
|
|
+ <icon class="icon-box-img" type="cancel" size="18"></icon>
|
|
|
+ <text style="color: red; font-size: 14px; margin-left: 8rpx">{{ falseNum }}</text>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="problem-header-right">
|
|
|
+ <van-icon size="18px" name="description" />
|
|
|
+ <view style="font-size: 14px; display: flex; align-items: center">{{ problemListIndex + 1 }}/{{
|
|
|
+ problemList.length }}</view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="problem-body">
|
|
|
+ <view class="problem-listBody">
|
|
|
+ <view class="problem-listItem" :key="index" @click="() => {
|
|
|
+ problemListIndex=index
|
|
|
+ }
|
|
|
+ " v-for="(item, index) in problemList" :class="{
|
|
|
+ 'problem-listItem_current': problemListIndex == index,
|
|
|
+ 'problem-listItem_dui':
|
|
|
+ item.userAnswer.length && item.userAnswer == item.answer,
|
|
|
+ 'problem-listItem_cuo':
|
|
|
+ item.userAnswer.length && item.userAnswer !== item.answer,
|
|
|
+ }">
|
|
|
+ {{ index + 1 }}
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="problem-bottom">
|
|
|
+ <!-- <view @click="
|
|
|
+ () => {
|
|
|
+ selectProblemListVisible = false;
|
|
|
+ }
|
|
|
+ " class="problem-bottom-sure">确定
|
|
|
+ </view> -->
|
|
|
+ <view @click="() => {
|
|
|
+ selectQuestionVisible = false;
|
|
|
+ }
|
|
|
+ " class="problem-bottom-close">
|
|
|
+ 关闭</view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </van-overlay>
|
|
|
</view>
|
|
|
</template>
|
|
|
|
|
@@ -482,6 +433,7 @@ export default {
|
|
|
problemListIndex: 0,
|
|
|
submitExamVisible: false,
|
|
|
resultExamVisible: false,
|
|
|
+ selectQuestionVisible: false,
|
|
|
examTime: 1000 * 60 * 20,
|
|
|
restTime: "",
|
|
|
useTime: "",
|
|
@@ -594,7 +546,7 @@ export default {
|
|
|
|
|
|
this.problemList[this.problemListIndex].isComplete = true;
|
|
|
this.problemList[this.problemListIndex].userAnswerIndex ==
|
|
|
- this.problemList[this.problemListIndex].answertrue
|
|
|
+ this.problemList[this.problemListIndex].answertrue
|
|
|
? this.trueNum++
|
|
|
: this.falseNum++;
|
|
|
},
|
|
@@ -640,6 +592,7 @@ export default {
|
|
|
.topad {
|
|
|
padding: 0 30rpx;
|
|
|
}
|
|
|
+
|
|
|
.threeExam {
|
|
|
background: #fff;
|
|
|
width: 100%;
|
|
@@ -647,9 +600,126 @@ export default {
|
|
|
display: flex;
|
|
|
flex-direction: column;
|
|
|
}
|
|
|
+
|
|
|
.wxad {
|
|
|
border: none;
|
|
|
}
|
|
|
+.select-problem {
|
|
|
+ display: flex;
|
|
|
+ width: 100vw;
|
|
|
+ height: 100vh;
|
|
|
+ align-content: flex-end;
|
|
|
+ align-items: flex-end;
|
|
|
+
|
|
|
+ .problem-index {
|
|
|
+ width: 100vw;
|
|
|
+ height: 650rpx;
|
|
|
+ background: #fff;
|
|
|
+ border-top-right-radius: 16rpx;
|
|
|
+ border-top-left-radius: 16rpx;
|
|
|
+ padding-top: 50rpx;
|
|
|
+ -webkit-overflow-scrolling: touch;
|
|
|
+ }
|
|
|
+
|
|
|
+ .problem-bottom {
|
|
|
+ width: 100%;
|
|
|
+ display: flex;
|
|
|
+ height: 80rpx;
|
|
|
+
|
|
|
+ .problem-bottom-sure {
|
|
|
+ width: 50%;
|
|
|
+ height: 100%;
|
|
|
+ border-right: 2rpx solid #d8d8d8;
|
|
|
+ border-top: 2rpx solid #d8d8d8;
|
|
|
+ text-align: center;
|
|
|
+ color: #498ef5;
|
|
|
+ line-height: 80rpx;
|
|
|
+ }
|
|
|
+
|
|
|
+ .problem-bottom-close {
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+ color: red;
|
|
|
+ text-align: center;
|
|
|
+ border-top: 2rpx solid #d8d8d8;
|
|
|
+ line-height: 80rpx;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .problem-header {
|
|
|
+ display: flex;
|
|
|
+ justify-content: space-between;
|
|
|
+ align-content: center;
|
|
|
+ align-items: center;
|
|
|
+ padding: 0rpx 30rpx;
|
|
|
+
|
|
|
+ .problem-header-left {
|
|
|
+ display: flex;
|
|
|
+
|
|
|
+ .problem-dui {
|
|
|
+ display: flex;
|
|
|
+ align-content: center;
|
|
|
+ align-items: center;
|
|
|
+ }
|
|
|
+
|
|
|
+ .problem-cuo {
|
|
|
+ display: flex;
|
|
|
+ align-content: center;
|
|
|
+ align-items: center;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .problem-header-right {
|
|
|
+ display: flex;
|
|
|
+ align-content: center;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .problem-body {
|
|
|
+ height: 480rpx;
|
|
|
+ padding-top: 30rpx;
|
|
|
+ overflow-y: scroll;
|
|
|
+ -webkit-overflow-scrolling: touch;
|
|
|
+
|
|
|
+ .problem-listBody {
|
|
|
+ display: inline-block;
|
|
|
+ overflow-y: scroll;
|
|
|
+ -webkit-overflow-scrolling: touch;
|
|
|
+
|
|
|
+ .problem-listItem {
|
|
|
+ display: inline-block;
|
|
|
+ width: 99rpx;
|
|
|
+ height: 99rpx;
|
|
|
+ line-height: 100rpx;
|
|
|
+ text-align: center;
|
|
|
+ border-radius: 50%;
|
|
|
+ border: 2rpx #d8d8d8 solid;
|
|
|
+ margin-bottom: 15rpx;
|
|
|
+ margin-left: 13rpx;
|
|
|
+ margin-right: 13rpx;
|
|
|
+ font-size: 40rpx;
|
|
|
+ }
|
|
|
+
|
|
|
+ .problem-listItem_current {
|
|
|
+ background: rgba(138, 144, 153, 0.15);
|
|
|
+ border-color: #bfbfbf;
|
|
|
+ color: #5c6066;
|
|
|
+ }
|
|
|
+
|
|
|
+ .problem-listItem_dui {
|
|
|
+ background: #c1e6db;
|
|
|
+ color: #4eb79a;
|
|
|
+ border-color: #4eb79a;
|
|
|
+ }
|
|
|
+
|
|
|
+ .problem-listItem_cuo {
|
|
|
+ background: #ffbcbe;
|
|
|
+ color: #e65055;
|
|
|
+ border-color: #e65055;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+}
|
|
|
.problem {
|
|
|
padding: 0 30rpx;
|
|
|
height: 500rpx;
|
|
@@ -667,12 +737,14 @@ export default {
|
|
|
margin-right: 10rpx;
|
|
|
vertical-align: middle;
|
|
|
}
|
|
|
+
|
|
|
.problem-issue {
|
|
|
font-size: 42rpx;
|
|
|
vertical-align: middle;
|
|
|
font-weight: bold;
|
|
|
color: #0a1a33;
|
|
|
}
|
|
|
+
|
|
|
.problem-radio {
|
|
|
.problem-radio-flex {
|
|
|
display: flex;
|
|
@@ -680,6 +752,7 @@ export default {
|
|
|
flex-wrap: wrap;
|
|
|
align-items: center;
|
|
|
}
|
|
|
+
|
|
|
.problem-radio-icon {
|
|
|
width: 70rpx;
|
|
|
height: 70rpx;
|
|
@@ -700,28 +773,33 @@ export default {
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
+
|
|
|
.problem-media {
|
|
|
width: 100%;
|
|
|
display: flex;
|
|
|
justify-content: center;
|
|
|
padding-top: 15rpx;
|
|
|
- > image {
|
|
|
+
|
|
|
+ >image {
|
|
|
width: 100%;
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
+
|
|
|
.bottom {
|
|
|
// position: absolute;
|
|
|
// bottom: 0;
|
|
|
width: 100%;
|
|
|
padding-bottom: constant(safe-area-inset-bottom);
|
|
|
padding-bottom: env(safe-area-inset-bottom);
|
|
|
+
|
|
|
.switch {
|
|
|
bottom: 48rpx;
|
|
|
padding: 0 30rpx;
|
|
|
display: flex;
|
|
|
justify-content: space-between;
|
|
|
width: 100%;
|
|
|
+
|
|
|
.pre {
|
|
|
width: 156rpx;
|
|
|
height: 76rpx;
|
|
@@ -733,6 +811,7 @@ export default {
|
|
|
border: 2rpx solid #707070;
|
|
|
text-align: center;
|
|
|
}
|
|
|
+
|
|
|
.next {
|
|
|
width: 156rpx;
|
|
|
height: 76rpx;
|
|
@@ -745,6 +824,7 @@ export default {
|
|
|
text-align: center;
|
|
|
}
|
|
|
}
|
|
|
+
|
|
|
.submit {
|
|
|
margin-top: 50rpx;
|
|
|
width: 100%;
|
|
@@ -755,6 +835,7 @@ export default {
|
|
|
align-content: center;
|
|
|
align-items: center;
|
|
|
padding: 0 30rpx;
|
|
|
+
|
|
|
.submit-button {
|
|
|
width: 180rpx;
|
|
|
line-height: 68rpx;
|
|
@@ -769,19 +850,23 @@ export default {
|
|
|
justify-content: space-evenly;
|
|
|
}
|
|
|
}
|
|
|
+
|
|
|
.count {
|
|
|
width: 390rpx;
|
|
|
display: flex;
|
|
|
justify-content: space-between;
|
|
|
+
|
|
|
.col {
|
|
|
display: flex;
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
+
|
|
|
.tip1 {
|
|
|
width: 580rpx;
|
|
|
height: 402rpx;
|
|
|
padding: 0 30rpx;
|
|
|
+
|
|
|
.title {
|
|
|
color: #0a1a33;
|
|
|
width: 100%;
|
|
@@ -790,11 +875,13 @@ export default {
|
|
|
margin-top: 48rpx;
|
|
|
text-align: center;
|
|
|
}
|
|
|
+
|
|
|
.score {
|
|
|
display: flex;
|
|
|
justify-content: space-between;
|
|
|
font-size: 0;
|
|
|
width: 100%;
|
|
|
+
|
|
|
.score-list {
|
|
|
text-align: center;
|
|
|
color: #ff4d53;
|
|
@@ -802,27 +889,32 @@ export default {
|
|
|
display: inline-block;
|
|
|
margin-top: 64rpx;
|
|
|
}
|
|
|
+
|
|
|
.score-dont {
|
|
|
font-size: 42rpx;
|
|
|
|
|
|
text-align: center;
|
|
|
}
|
|
|
+
|
|
|
.score-rest {
|
|
|
text-align: center;
|
|
|
font-size: 42rpx;
|
|
|
color: #0a1a33;
|
|
|
}
|
|
|
+
|
|
|
.score-exam {
|
|
|
text-align: center;
|
|
|
font-size: 42rpx;
|
|
|
color: #0a1a33;
|
|
|
}
|
|
|
}
|
|
|
+
|
|
|
.bottom {
|
|
|
width: 100%;
|
|
|
display: flex;
|
|
|
justify-content: space-between;
|
|
|
margin-top: 48rpx;
|
|
|
+
|
|
|
.left {
|
|
|
width: 250rpx;
|
|
|
line-height: 80rpx;
|
|
@@ -833,6 +925,7 @@ export default {
|
|
|
|
|
|
font-size: 30rpx;
|
|
|
}
|
|
|
+
|
|
|
.right {
|
|
|
width: 250rpx;
|
|
|
line-height: 80rpx;
|
|
@@ -845,6 +938,7 @@ export default {
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
+
|
|
|
.tip2 {
|
|
|
.tip2-cry {
|
|
|
position: absolute;
|
|
@@ -853,6 +947,7 @@ export default {
|
|
|
top: 48rpx;
|
|
|
transform: translate(-50%, 0);
|
|
|
}
|
|
|
+
|
|
|
.tip2-text {
|
|
|
position: absolute;
|
|
|
top: 284rpx;
|
|
@@ -863,13 +958,16 @@ export default {
|
|
|
font-weight: bold;
|
|
|
line-height: 1.5;
|
|
|
}
|
|
|
+
|
|
|
.tip2-text-line3 {
|
|
|
color: #0a1a33;
|
|
|
font-size: 30rpx;
|
|
|
margin-top: 25rpx;
|
|
|
}
|
|
|
+
|
|
|
.tip2-bottom {
|
|
|
width: 100%;
|
|
|
+
|
|
|
.tip2-bottom-1 {
|
|
|
width: 480rpx;
|
|
|
line-height: 80rpx;
|
|
@@ -881,6 +979,7 @@ export default {
|
|
|
color: #ffffff;
|
|
|
margin-top: 60rpx;
|
|
|
}
|
|
|
+
|
|
|
.tip2-bottom-2 {
|
|
|
width: 480rpx;
|
|
|
line-height: 80rpx;
|
|
@@ -891,6 +990,7 @@ export default {
|
|
|
font-size: 30rpx;
|
|
|
margin-top: 30rpx;
|
|
|
}
|
|
|
+
|
|
|
.tip2-bottom-3 {
|
|
|
margin-top: 30rpx;
|
|
|
color: #5c6066;
|