Commit d636ab64 authored by zhengke's avatar zhengke

修改

parent 95dc6497
...@@ -24,7 +24,7 @@ ...@@ -24,7 +24,7 @@
> >
<swiper-item v-if="sortIndex != 1"></swiper-item> <swiper-item v-if="sortIndex != 1"></swiper-item>
<swiper-item v-for="(item1, index1) in data.DetailsList" :key="index1"> <swiper-item v-for="(item1, index1) in data.DetailsList" :key="index1">
<view class="item1"> <view class="item1" :style="{height: `calc(100vh - 390rpx - ${statusBarHeight}px)`}">
<view class="flex"> <view class="flex">
<view>{{ index1 + 1 }}</view> <view>{{ index1 + 1 }}</view>
<view class="num" v-html="item1.Title"></view><text class="Exam_Score">{{item1.Score}}</text> <view class="num" v-html="item1.Title"></view><text class="Exam_Score">{{item1.Score}}</text>
...@@ -47,31 +47,35 @@ ...@@ -47,31 +47,35 @@
item1.Answer item1.Answer
}}</view> }}</view>
</template> </template>
</view> <view
<view class="AnswerContent"
class="AnswerContent" v-if="!isOperate"
v-if="!isOperate" style="margin-top: 30rpx"
style="margin-top: 30rpx" >
> <view>
<view> 您的答案:
您的答案: <view class="viewAnswerContent" style="margin-top: 10px">
<view class="viewAnswerContent" style="margin-top: 10px"> {{ item1.StundetAnswer }}
{{ item1.StundetAnswer }} </view>
</view> </view>
</view> <view style="margin:20rpx 0;" v-if="item1.StudentScore!=''||item1.StudentScore===0">
<view style="margin:20rpx 0;" v-if="item1.StudentScore!=''||item1.StudentScore===0"> <text style="color:#8c8a94">您的得分:</text>
<text style="color:#8c8a94">您的得分:</text> <text class="isTrueAnswer" v-if="item1.StudentScore>0">{{item1.StudentScore}}</text>
<text class="isTrueAnswer" v-if="item1.StudentScore>0">{{item1.StudentScore}}</text> <text class="isNotAnswer" v-else>{{item1.StudentScore}}</text>
<text class="isNotAnswer" v-else>{{item1.StudentScore}}</text> </view>
<view style="word-wrap: break-word" v-if="item1.AnswerParse">
<text style="color: #8c8a94">解析:</text>
<view
style="color: #000; display: inline-block"
v-html="item1.AnswerParse"
></view>
</view>
</view> </view>
<view style="word-wrap: break-word" v-if="item1.AnswerParse">
<text style="color: #8c8a94">解析:</text>
<view
style="color: #000; display: inline-block"
v-html="item1.AnswerParse"
></view>
</view>
</view> </view>
<view class="AnswerBtn clear">
<view class="AnswerBtnFirst" @click="getBeforeExam()" v-if="ExamIndex!=1||sortIndex!=1">上一题</view>
<view class="AnswerBtnSecond" v-if="sortIndex != sortTotal" @click="getNextExam()">下一题</view>
</view>
</swiper-item> </swiper-item>
<swiper-item v-if="sortIndex != sortTotal"></swiper-item> <swiper-item v-if="sortIndex != sortTotal"></swiper-item>
</swiper> </swiper>
...@@ -162,6 +166,14 @@ export default { ...@@ -162,6 +166,14 @@ export default {
} }
context.emit("answerChange", data.data); context.emit("answerChange", data.data);
}, },
//点击上一题
getBeforeExam(){
data.current = data.current-1;
},
//点击下一题
getNextExam(){
data.current = data.current+1;
}
}; };
onMounted(() => { onMounted(() => {
if (props.isLast) { if (props.isLast) {
...@@ -182,6 +194,30 @@ export default { ...@@ -182,6 +194,30 @@ export default {
}; };
</script> </script>
<style scoped> <style scoped>
.AnswerBtn{
margin-top: 20rpx;
}
.clear{ clear:both}
.AnswerBtnFirst{
width:250rpx;
height:60rpx;
text-align: center;
line-height: 60rpx;
border-radius: 10rpx;
border:1px solid #00ACF9;
color:#00ACF9;
float:left;
}
.AnswerBtnSecond{
width:250rpx;
height:60rpx;
text-align: center;
line-height: 60rpx;
border-radius: 10rpx;
background-color: #00ACF9;
color:#fff;
float:right;
}
.name { .name {
height: 90rpx; height: 90rpx;
font-size: 30rpx; font-size: 30rpx;
...@@ -226,7 +262,7 @@ export default { ...@@ -226,7 +262,7 @@ export default {
} }
.Single_Before { .Single_Before {
font-size: 28rpx; font-size: 30rpx;
font-weight: bold; font-weight: bold;
color: #da7878; color: #da7878;
} }
......
...@@ -17,7 +17,7 @@ ...@@ -17,7 +17,7 @@
}" :autoplay="autoplay" :current="current" @change="onchange"> }" :autoplay="autoplay" :current="current" @change="onchange">
<swiper-item v-if="sortIndex != 1"></swiper-item> <swiper-item v-if="sortIndex != 1"></swiper-item>
<swiper-item v-for="(item1, index1) in data.DetailsList" :key="index1"> <swiper-item v-for="(item1, index1) in data.DetailsList" :key="index1">
<view class="item1"> <view class="item1" :style="{height: `calc(100vh - 390rpx - ${statusBarHeight}px)`}">
<view class="flex"> <view class="flex">
<view>{{ index1 + 1 }}</view> <view>{{ index1 + 1 }}</view>
<view class="num" v-html="item1.Title"></view><text class="Exam_Score">{{item1.Score}}</text> <view class="num" v-html="item1.Title"></view><text class="Exam_Score">{{item1.Score}}</text>
...@@ -69,13 +69,17 @@ ...@@ -69,13 +69,17 @@
</view> </view>
</template> </template>
</view> </view>
</view> <view class="AnswerContent" v-if="!isOperate&&item1.AnswerParse" style="margin-top:20px;">
<view class="AnswerContent" v-if="!isOperate&&item1.AnswerParse" style="margin-top:20px;"> <view style="word-wrap: break-word;display: flex;align-items: center;" >
<view style="margin-top: 20rpx; word-wrap: break-word"> <text style="color: #8c8a94">解析:</text>
<text style="color: #8c8a94">解析:</text> <view style="color: #000" v-html="item1.AnswerParse"></view>
<text style="color: #000">{{ item1.AnswerParse }}</text> </view>
</view> </view>
</view> </view>
<view class="AnswerBtn clear">
<view class="AnswerBtnFirst" @click="getBeforeExam()" v-if="ExamIndex!=1||sortIndex!=1">上一题</view>
<view class="AnswerBtnSecond" v-if="sortIndex != sortTotal" @click="getNextExam()">下一题</view>
</view>
</swiper-item> </swiper-item>
<swiper-item v-if="sortIndex != sortTotal"></swiper-item> <swiper-item v-if="sortIndex != sortTotal"></swiper-item>
</swiper> </swiper>
...@@ -174,6 +178,14 @@ ...@@ -174,6 +178,14 @@
} }
}); });
}); });
},
//点击上一题
getBeforeExam(){
data.current = data.current-1;
},
//点击下一题
getNextExam(){
data.current = data.current+1;
} }
}; };
onMounted(() => { onMounted(() => {
...@@ -195,6 +207,31 @@ ...@@ -195,6 +207,31 @@
}; };
</script> </script>
<style scoped> <style scoped>
.AnswerBtn{
margin-top: 20rpx;
}
.clear{ clear:both}
.AnswerBtnFirst{
width:250rpx;
height:60rpx;
text-align: center;
line-height: 60rpx;
border-radius: 10rpx;
border:1px solid #00ACF9;
color:#00ACF9;
float:left;
}
.AnswerBtnSecond{
width:250rpx;
height:60rpx;
text-align: center;
line-height: 60rpx;
border-radius: 10rpx;
background-color: #00ACF9;
color:#fff;
float:right;
}
.name { .name {
height: 90rpx; height: 90rpx;
font-size: 30rpx; font-size: 30rpx;
...@@ -265,6 +302,7 @@ ...@@ -265,6 +302,7 @@
.item1 { .item1 {
align-items: center; align-items: center;
overflow: auto;
} }
.item2 { .item2 {
......
...@@ -24,7 +24,7 @@ ...@@ -24,7 +24,7 @@
> >
<swiper-item v-if="sortIndex != 1"></swiper-item> <swiper-item v-if="sortIndex != 1"></swiper-item>
<swiper-item v-for="(item1, index1) in data.DetailsList" :key="index1"> <swiper-item v-for="(item1, index1) in data.DetailsList" :key="index1">
<view class="item1"> <view class="item1" :style="{height: `calc(100vh - 390rpx - ${statusBarHeight}px)`}">
<view class="flex"> <view class="flex">
<view>{{ index1 + 1 }}</view> <view>{{ index1 + 1 }}</view>
<view class="num" v-html="item1.Title"></view><text class="Exam_Score">{{item1.Score}}</text> <view class="num" v-html="item1.Title"></view><text class="Exam_Score">{{item1.Score}}</text>
...@@ -51,36 +51,40 @@ ...@@ -51,36 +51,40 @@
<view class="viewAnswerContent" v-html="item2.Content"></view> <view class="viewAnswerContent" v-html="item2.Content"></view>
</template> </template>
</view> </view>
</view> <view class="AnswerContent" v-if="!isOperate">
<view class="AnswerContent" v-if="!isOperate"> <view>
<view> 您的答案:
您的答案: <template v-if="item1.AnswerList && item1.AnswerList.length > 0">
<template v-if="item1.AnswerList && item1.AnswerList.length > 0"> <view
<view v-for="(cItem, cIndex) in item1.AnswerList"
v-for="(cItem, cIndex) in item1.AnswerList" class="flex"
class="flex" style="margin-top: 20rpx"
style="margin-top: 20rpx" >
> <view class="chooseNum">{{ cIndex + 1 }}</view>
<view class="chooseNum">{{ cIndex + 1 }}</view> <view class="viewAnswerContent">
<view class="viewAnswerContent"> {{ cItem == "" ? "未作答" : cItem }}
{{ cItem == "" ? "未作答" : cItem }} </view>
</view> </view>
</view> </template>
</template> </view>
</view> <view style="margin:20rpx 0;" v-if="item1.StudentScore!=''||item1.StudentScore===0">
<view style="margin:20rpx 0;" v-if="item1.StudentScore!=''||item1.StudentScore===0"> <text style="color:#8c8a94">您的得分:</text>
<text style="color:#8c8a94">您的得分:</text> <text class="isTrueAnswer" v-if="item1.StudentScore>0">{{item1.StudentScore}}</text>
<text class="isTrueAnswer" v-if="item1.StudentScore>0">{{item1.StudentScore}}</text> <text class="isNotAnswer" v-else>{{item1.StudentScore}}</text>
<text class="isNotAnswer" v-else>{{item1.StudentScore}}</text> </view>
<view style="word-wrap: break-word" v-if="item1.AnswerParse">
<text style="color: #8c8a94">解析:</text>
<view
style="color: #000; display: inline-block"
v-html="item1.AnswerParse"
></view>
</view>
</view> </view>
<view style="word-wrap: break-word" v-if="item1.AnswerParse">
<text style="color: #8c8a94">解析:</text>
<view
style="color: #000; display: inline-block"
v-html="item1.AnswerParse"
></view>
</view>
</view> </view>
<view class="AnswerBtn clear">
<view class="AnswerBtnFirst" @click="getBeforeExam()" v-if="ExamIndex!=1||sortIndex!=1">上一题</view>
<view class="AnswerBtnSecond" v-if="sortIndex != sortTotal" @click="getNextExam()">下一题</view>
</view>
</swiper-item> </swiper-item>
<swiper-item v-if="sortIndex != sortTotal"></swiper-item> <swiper-item v-if="sortIndex != sortTotal"></swiper-item>
</swiper> </swiper>
...@@ -169,6 +173,14 @@ export default { ...@@ -169,6 +173,14 @@ export default {
}); });
context.emit("answerChange", data.data); context.emit("answerChange", data.data);
}, },
//点击上一题
getBeforeExam(){
data.current = data.current-1;
},
//点击下一题
getNextExam(){
data.current = data.current+1;
}
}; };
onMounted(() => { onMounted(() => {
if (props.isLast) { if (props.isLast) {
...@@ -189,6 +201,30 @@ export default { ...@@ -189,6 +201,30 @@ export default {
}; };
</script> </script>
<style scoped> <style scoped>
.AnswerBtn{
margin-top: 20rpx;
}
.clear{ clear:both}
.AnswerBtnFirst{
width:250rpx;
height:60rpx;
text-align: center;
line-height: 60rpx;
border-radius: 10rpx;
border:1px solid #00ACF9;
color:#00ACF9;
float:left;
}
.AnswerBtnSecond{
width:250rpx;
height:60rpx;
text-align: center;
line-height: 60rpx;
border-radius: 10rpx;
background-color: #00ACF9;
color:#fff;
float:right;
}
.name { .name {
height: 90rpx; height: 90rpx;
font-size: 30rpx; font-size: 30rpx;
...@@ -255,6 +291,7 @@ export default { ...@@ -255,6 +291,7 @@ export default {
.item1 { .item1 {
align-items: center; align-items: center;
overflow-y: auto;
} }
.item2 { .item2 {
...@@ -276,7 +313,7 @@ export default { ...@@ -276,7 +313,7 @@ export default {
} }
.chooseName { .chooseName {
font-size: 28rpx; font-size: 30rpx;
font-family: PingFang SC; font-family: PingFang SC;
font-weight: 500; font-weight: 500;
color: #111111; color: #111111;
......
...@@ -24,7 +24,7 @@ ...@@ -24,7 +24,7 @@
> >
<swiper-item v-if="sortIndex != 1"></swiper-item> <swiper-item v-if="sortIndex != 1"></swiper-item>
<swiper-item v-for="(item1, index1) in data.DetailsList" :key="index1"> <swiper-item v-for="(item1, index1) in data.DetailsList" :key="index1">
<view class="item1"> <view class="item1" :style="{height: `calc(100vh - 390rpx - ${statusBarHeight}px)`}">
<view class="flex"> <view class="flex">
<view>{{ index1 + 1 }}</view> <view>{{ index1 + 1 }}</view>
<view class="num" v-html="item1.Title"></view><text class="Exam_Score">{{item1.Score}}</text> <view class="num" v-html="item1.Title"></view><text class="Exam_Score">{{item1.Score}}</text>
...@@ -51,36 +51,40 @@ ...@@ -51,36 +51,40 @@
<view class="viewAnswerContent" v-html="item2.Content"></view> <view class="viewAnswerContent" v-html="item2.Content"></view>
</template> </template>
</view> </view>
</view> <view class="AnswerContent" v-if="!isOperate">
<view class="AnswerContent" v-if="!isOperate"> <view>
<view> 您的答案:
您的答案: <template v-if="item1.AnswerList && item1.AnswerList.length > 0">
<template v-if="item1.AnswerList && item1.AnswerList.length > 0"> <view
<view v-for="(cItem, cIndex) in item1.AnswerList"
v-for="(cItem, cIndex) in item1.AnswerList" class="flex"
class="flex" style="margin-top: 20rpx"
style="margin-top: 20rpx" >
> <view class="chooseNum">{{ cIndex + 1 }}</view>
<view class="chooseNum">{{ cIndex + 1 }}</view> <view class="viewAnswerContent">
<view class="viewAnswerContent"> {{ cItem == "" ? "未作答" : cItem }}
{{ cItem == "" ? "未作答" : cItem }} </view>
</view> </view>
</view> </template>
</template> </view>
</view> <view style="margin:20rpx 0;" v-if="item1.StudentScore!=''||item1.StudentScore===0">
<view style="margin:20rpx 0;" v-if="item1.StudentScore!=''||item1.StudentScore===0"> <text style="color:#8c8a94">您的得分:</text>
<text style="color:#8c8a94">您的得分:</text> <text class="isTrueAnswer" v-if="item1.StudentScore>0">{{item1.StudentScore}}</text>
<text class="isTrueAnswer" v-if="item1.StudentScore>0">{{item1.StudentScore}}</text> <text class="isNotAnswer" v-else>{{item1.StudentScore}}</text>
<text class="isNotAnswer" v-else>{{item1.StudentScore}}</text> </view>
<view style="word-wrap: break-word;" class="flex" v-if="item1.AnswerParse">
<text style="color: #8c8a94;flex-shrink: 0;">解析:</text>
<view
style="color: #000; display: inline-block"
v-html="item1.AnswerParse"
></view>
</view>
</view> </view>
<view style="word-wrap: break-word;" class="flex" v-if="item1.AnswerParse">
<text style="color: #8c8a94;flex-shrink: 0;">解析:</text>
<view
style="color: #000; display: inline-block"
v-html="item1.AnswerParse"
></view>
</view>
</view> </view>
<view class="AnswerBtn clear">
<view class="AnswerBtnFirst" @click="getBeforeExam()" v-if="ExamIndex!=1||sortIndex!=1">上一题</view>
<view class="AnswerBtnSecond" v-if="sortIndex != sortTotal" @click="getNextExam()">下一题</view>
</view>
</swiper-item> </swiper-item>
<swiper-item v-if="sortIndex != sortTotal"></swiper-item> <swiper-item v-if="sortIndex != sortTotal"></swiper-item>
</swiper> </swiper>
...@@ -174,6 +178,14 @@ export default { ...@@ -174,6 +178,14 @@ export default {
}); });
context.emit("answerChange", data.data); context.emit("answerChange", data.data);
}, },
//点击上一题
getBeforeExam(){
data.current = data.current-1;
},
//点击下一题
getNextExam(){
data.current = data.current+1;
}
}; };
onMounted(() => { onMounted(() => {
if (props.isLast) { if (props.isLast) {
...@@ -194,6 +206,30 @@ export default { ...@@ -194,6 +206,30 @@ export default {
}; };
</script> </script>
<style scoped> <style scoped>
.AnswerBtn{
margin-top: 20rpx;
}
.clear{ clear:both}
.AnswerBtnFirst{
width:250rpx;
height:60rpx;
text-align: center;
line-height: 60rpx;
border-radius: 10rpx;
border:1px solid #00ACF9;
color:#00ACF9;
float:left;
}
.AnswerBtnSecond{
width:250rpx;
height:60rpx;
text-align: center;
line-height: 60rpx;
border-radius: 10rpx;
background-color: #00ACF9;
color:#fff;
float:right;
}
.name { .name {
height: 90rpx; height: 90rpx;
font-size: 30rpx; font-size: 30rpx;
...@@ -236,7 +272,7 @@ export default { ...@@ -236,7 +272,7 @@ export default {
} }
.Single_Before { .Single_Before {
font-size: 28rpx; font-size: 30rpx;
font-weight: bold; font-weight: bold;
color: #da7878; color: #da7878;
} }
...@@ -258,6 +294,7 @@ export default { ...@@ -258,6 +294,7 @@ export default {
.item1 { .item1 {
align-items: center; align-items: center;
overflow-y: auto;
} }
.item2 { .item2 {
......
...@@ -20,7 +20,7 @@ ...@@ -20,7 +20,7 @@
> >
<swiper-item v-if="sortIndex != 1"></swiper-item> <swiper-item v-if="sortIndex != 1"></swiper-item>
<swiper-item v-for="(item1, index1) in data.DetailsList" :key="index1"> <swiper-item v-for="(item1, index1) in data.DetailsList" :key="index1">
<view class="item1"> <view class="item1" :style="{height: `calc(100vh - 390rpx - ${statusBarHeight}px)`}">
<view class="flex"> <view class="flex">
<view>{{ index1 + 1 }}</view> <view>{{ index1 + 1 }}</view>
<view class="num" v-html="item1.Title"></view><text class="Exam_Score">{{item1.Score}}</text> <view class="num" v-html="item1.Title"></view><text class="Exam_Score">{{item1.Score}}</text>
...@@ -47,36 +47,40 @@ ...@@ -47,36 +47,40 @@
<view class="viewAnswerContent" v-html="item2.Content"></view> <view class="viewAnswerContent" v-html="item2.Content"></view>
</template> </template>
</view> </view>
</view> <view class="AnswerContent" v-if="!isOperate">
<view class="AnswerContent" v-if="!isOperate"> <view>
<view> 您的答案:
您的答案: <template v-if="item1.AnswerList && item1.AnswerList.length > 0">
<template v-if="item1.AnswerList && item1.AnswerList.length > 0"> <view
<view v-for="(cItem, cIndex) in item1.AnswerList"
v-for="(cItem, cIndex) in item1.AnswerList" class="flex"
class="flex" style="margin-top: 20rpx"
style="margin-top: 20rpx" >
> <view class="chooseNum">{{ cIndex + 1 }}</view>
<view class="chooseNum">{{ cIndex + 1 }}</view> <view class="viewAnswerContent">
<view class="viewAnswerContent"> {{ cItem == "" ? "未作答" : cItem }}
{{ cItem == "" ? "未作答" : cItem }} </view>
</view> </view>
</view> </template>
</template> </view>
</view> <view style="margin:25rpx 0;" v-if="item1.StudentScore!=''||item1.StudentScore===0">
<view style="margin:25rpx 0;" v-if="item1.StudentScore!=''||item1.StudentScore===0"> <text style="color:#8c8a94">您的得分:</text>
<text style="color:#8c8a94">您的得分:</text> <text class="isTrueAnswer" v-if="item1.StudentScore>0">{{item1.StudentScore}}</text>
<text class="isTrueAnswer" v-if="item1.StudentScore>0">{{item1.StudentScore}}</text> <text class="isNotAnswer" v-else>{{item1.StudentScore}}</text>
<text class="isNotAnswer" v-else>{{item1.StudentScore}}</text> </view>
<view style="word-wrap: break-word" v-if="item1.AnswerParse">
<text style="color: #8c8a94">解析:</text>
<view
style="color: #000; display: inline-block"
v-html="item1.AnswerParse"
></view>
</view>
</view> </view>
<view style="word-wrap: break-word" v-if="item1.AnswerParse">
<text style="color: #8c8a94">解析:</text>
<view
style="color: #000; display: inline-block"
v-html="item1.AnswerParse"
></view>
</view>
</view> </view>
<view class="AnswerBtn clear">
<view class="AnswerBtnFirst" @click="getBeforeExam()" v-if="ExamIndex!=1||sortIndex!=1">上一题</view>
<view class="AnswerBtnSecond" v-if="sortIndex != sortTotal" @click="getNextExam()">下一题</view>
</view>
</swiper-item> </swiper-item>
<swiper-item v-if="sortIndex != sortTotal"></swiper-item> <swiper-item v-if="sortIndex != sortTotal"></swiper-item>
</swiper> </swiper>
...@@ -162,6 +166,14 @@ export default { ...@@ -162,6 +166,14 @@ export default {
return e.Content != "" && e.Content; return e.Content != "" && e.Content;
}); });
}, },
//点击上一题
getBeforeExam(){
data.current = data.current-1;
},
//点击下一题
getNextExam(){
data.current = data.current+1;
}
}; };
onMounted(() => { onMounted(() => {
if (props.isLast) { if (props.isLast) {
...@@ -181,6 +193,30 @@ export default { ...@@ -181,6 +193,30 @@ export default {
}; };
</script> </script>
<style scoped> <style scoped>
.AnswerBtn{
margin-top: 20rpx;
}
.clear{ clear:both}
.AnswerBtnFirst{
width:250rpx;
height:60rpx;
text-align: center;
line-height: 60rpx;
border-radius: 10rpx;
border:1px solid #00ACF9;
color:#00ACF9;
float:left;
}
.AnswerBtnSecond{
width:250rpx;
height:60rpx;
text-align: center;
line-height: 60rpx;
border-radius: 10rpx;
background-color: #00ACF9;
color:#fff;
float:right;
}
.name { .name {
height: 90rpx; height: 90rpx;
font-size: 30rpx; font-size: 30rpx;
...@@ -243,6 +279,7 @@ export default { ...@@ -243,6 +279,7 @@ export default {
.item1 { .item1 {
align-items: center; align-items: center;
overflow: auto;
} }
.item2 { .item2 {
......
This diff is collapsed.
...@@ -25,7 +25,7 @@ ...@@ -25,7 +25,7 @@
> >
<swiper-item v-if="sortIndex != 1"></swiper-item> <swiper-item v-if="sortIndex != 1"></swiper-item>
<swiper-item v-for="(item1, index1) in data.DetailsList" :key="index1"> <swiper-item v-for="(item1, index1) in data.DetailsList" :key="index1">
<view class="item1"> <view class="item1" :style="{height: `calc(100vh - 390rpx - ${statusBarHeight}px)`}">
<view class="flex"> <view class="flex">
<view class="num" v-html="item1.Title"></view><text class="Exam_Score">{{item1.Score}}</text> <view class="num" v-html="item1.Title"></view><text class="Exam_Score">{{item1.Score}}</text>
</view> </view>
...@@ -61,45 +61,49 @@ ...@@ -61,45 +61,49 @@
</view> </view>
</template> </template>
</view> </view>
<view class="AnswerContent" v-if="!isOperate">
<view>
<text style="color: #8c8a94">正确答案:</text>
<text class="isTrueAnswer">{{ item1.Answer }}</text
>
<text>
您的答案:
<template v-if="item1.StundetAnswer != ''">
<text
v-if="item1.Answer == item1.StundetAnswer"
class="isTrueAnswer"
>
{{ item1.StundetAnswer }},回答正确
</text>
<text v-else class="isNotAnswer"
>{{ item1.StundetAnswer }},回答错误</text
>
</template>
<template v-else>
<text>未作答</text>
</template>
</text>
</view>
<view style="margin: 20rpx 0" v-if="item1.StudentScore!=''||item1.StudentScore===0">
<text style="color: #8c8a94">您的得分:</text>
<text class="isTrueAnswer" v-if="item1.StudentScore > 0">{{
item1.StudentScore
}}</text>
<text class="isNotAnswer" v-else>{{ item1.StudentScore }}</text>
</view>
<view style="word-wrap: break-word" v-if="item1.AnswerParse">
<text style="color: #8c8a94">解析:</text>
<view
style="color: #000; display: inline-block"
v-html="item1.AnswerParse"
></view>
</view>
</view>
</view> </view>
<view class="AnswerContent" v-if="!isOperate"> <view class="AnswerBtn clear">
<view> <view class="AnswerBtnFirst" @click="getBeforeExam()" v-if="ExamIndex!=1||sortIndex!=1">上一题</view>
<text style="color: #8c8a94">正确答案:</text> <view class="AnswerBtnSecond" v-if="sortIndex != sortTotal" @click="getNextExam()">下一题</view>
<text class="isTrueAnswer">{{ item1.Answer }}</text </view>
>
<text>
您的答案:
<template v-if="item1.StundetAnswer != ''">
<text
v-if="item1.Answer == item1.StundetAnswer"
class="isTrueAnswer"
>
{{ item1.StundetAnswer }},回答正确
</text>
<text v-else class="isNotAnswer"
>{{ item1.StundetAnswer }},回答错误</text
>
</template>
<template v-else>
<text>未作答</text>
</template>
</text>
</view>
<view style="margin: 20rpx 0" v-if="item1.StudentScore!=''||item1.StudentScore===0">
<text style="color: #8c8a94">您的得分:</text>
<text class="isTrueAnswer" v-if="item1.StudentScore > 0">{{
item1.StudentScore
}}</text>
<text class="isNotAnswer" v-else>{{ item1.StudentScore }}</text>
</view>
<view style="word-wrap: break-word" v-if="item1.AnswerParse">
<text style="color: #8c8a94">解析:</text>
<view
style="color: #000; display: inline-block"
v-html="item1.AnswerParse"
></view>
</view>
</view>
</swiper-item> </swiper-item>
<swiper-item v-if="sortIndex != sortTotal"></swiper-item> <swiper-item v-if="sortIndex != sortTotal"></swiper-item>
</swiper> </swiper>
...@@ -188,6 +192,14 @@ export default { ...@@ -188,6 +192,14 @@ export default {
this.$emit("getBeforeTopic"); this.$emit("getBeforeTopic");
} }
}, },
//点击上一题
getBeforeExam(){
data.current = data.current-1;
},
//点击下一题
getNextExam(){
data.current = data.current+1;
}
}; };
onMounted(() => { onMounted(() => {
if (props.isLast) { if (props.isLast) {
...@@ -209,6 +221,30 @@ export default { ...@@ -209,6 +221,30 @@ export default {
}; };
</script> </script>
<style scoped> <style scoped>
.AnswerBtn{
margin-top: 20rpx;
}
.clear{ clear:both}
.AnswerBtnFirst{
width:250rpx;
height:60rpx;
text-align: center;
line-height: 60rpx;
border-radius: 10rpx;
border:1px solid #00ACF9;
color:#00ACF9;
float:left;
}
.AnswerBtnSecond{
width:250rpx;
height:60rpx;
text-align: center;
line-height: 60rpx;
border-radius: 10rpx;
background-color: #00ACF9;
color:#fff;
float:right;
}
.name { .name {
height: 90rpx; height: 90rpx;
font-size: 30rpx; font-size: 30rpx;
......
...@@ -17,7 +17,7 @@ ...@@ -17,7 +17,7 @@
}" :autoplay="autoplay" :current="current" @change="onchange"> }" :autoplay="autoplay" :current="current" @change="onchange">
<swiper-item v-if="sortIndex != 1"></swiper-item> <swiper-item v-if="sortIndex != 1"></swiper-item>
<swiper-item v-for="(item1, index1) in data.DetailsList" :key="index1"> <swiper-item v-for="(item1, index1) in data.DetailsList" :key="index1">
<view class="item1"> <view class="item1" :style="{height: `calc(100vh - 390rpx - ${statusBarHeight}px)`}">
<view class="flex"> <view class="flex">
<view>{{ index1 + 1 }}</view> <view>{{ index1 + 1 }}</view>
<view class="num" v-html="item1.Title"></view><text class="Exam_Score">{{item1.Score}}</text> <view class="num" v-html="item1.Title"></view><text class="Exam_Score">{{item1.Score}}</text>
...@@ -29,35 +29,39 @@ ...@@ -29,35 +29,39 @@
</view> </view>
</template> </template>
<template v-else> <template v-else>
<view class="viewAnswerContent" style="margin-top:20px;" v-html="item1.Answer"></view> <view class="viewAnswerContent" style="margin:20px 0;" v-html="item1.Answer"></view>
</template> </template>
<view class="AnswerContent" v-if="!isOperate">
<view>
<text style="color: #8c8a94">正确答案:</text>
<text class="isTrueAnswer">{{ item1.Answer }}</text>
<text>
您的答案:
<template v-if="item1.StundetAnswer != ''">
<text v-if="item1.Answer == item1.StundetAnswer" class="isTrueAnswer">
{{ item1.StundetAnswer }}
</text>
<text v-else class="isNotAnswer">{{ item1.StundetAnswer }},回答错误</text>
</template>
<template v-else>
<text>未作答</text>
</template>
</text>
</view>
<view style="margin:20rpx 0;" v-if="item1.StudentScore!=''||item1.StudentScore===0">
<text style="color:#8c8a94">您的得分:</text>
<text class="isTrueAnswer" v-if="item1.StudentScore>0">{{item1.StudentScore}}</text>
<text class="isNotAnswer" v-else>{{item1.StudentScore}}</text>
</view>
<view style="word-wrap: break-word" v-if="item1.AnswerParse">
<text style="color: #8c8a94">解析:</text>
<view style="color: #000; display: inline-block" v-html="item1.AnswerParse"></view>
</view>
</view>
</view> </view>
<view class="AnswerContent" v-if="!isOperate"> <view class="AnswerBtn clear">
<view> <view class="AnswerBtnFirst" @click="getBeforeExam()" v-if="ExamIndex!=1||sortIndex!=1">上一题</view>
<text style="color: #8c8a94">正确答案:</text> <view class="AnswerBtnSecond" v-if="sortIndex != sortTotal" @click="getNextExam()">下一题</view>
<text class="isTrueAnswer">{{ item1.Answer }}</text>
<text>
您的答案:
<template v-if="item1.StundetAnswer != ''">
<text v-if="item1.Answer == item1.StundetAnswer" class="isTrueAnswer">
{{ item1.StundetAnswer }}
</text>
<text v-else class="isNotAnswer">{{ item1.StundetAnswer }},回答错误</text>
</template>
<template v-else>
<text>未作答</text>
</template>
</text>
</view>
<view style="margin:20rpx 0;" v-if="item1.StudentScore!=''||item1.StudentScore===0">
<text style="color:#8c8a94">您的得分:</text>
<text class="isTrueAnswer" v-if="item1.StudentScore>0">{{item1.StudentScore}}</text>
<text class="isNotAnswer" v-else>{{item1.StudentScore}}</text>
</view>
<view style="word-wrap: break-word" v-if="item1.AnswerParse">
<text style="color: #8c8a94">解析:</text>
<view style="color: #000; display: inline-block" v-html="item1.AnswerParse"></view>
</view>
</view> </view>
</swiper-item> </swiper-item>
<swiper-item v-if="sortIndex != sortTotal"></swiper-item> <swiper-item v-if="sortIndex != sortTotal"></swiper-item>
...@@ -150,6 +154,14 @@ ...@@ -150,6 +154,14 @@
} }
context.emit("answerChange", data.data); context.emit("answerChange", data.data);
}, },
//点击上一题
getBeforeExam(){
data.current = data.current-1;
},
//点击下一题
getNextExam(){
data.current = data.current+1;
}
}; };
onMounted(() => { onMounted(() => {
if (props.isLast) { if (props.isLast) {
...@@ -170,6 +182,31 @@ ...@@ -170,6 +182,31 @@
}; };
</script> </script>
<style scoped> <style scoped>
.AnswerBtn{
margin-top: 20rpx;
padding:0 20px;
}
.clear{ clear:both}
.AnswerBtnFirst{
width:250rpx;
height:60rpx;
text-align: center;
line-height: 60rpx;
border-radius: 10rpx;
border:1px solid #00ACF9;
color:#00ACF9;
float:left;
}
.AnswerBtnSecond{
width:250rpx;
height:60rpx;
text-align: center;
line-height: 60rpx;
border-radius: 10rpx;
background-color: #00ACF9;
color:#fff;
float:right;
}
.name { .name {
height: 90rpx; height: 90rpx;
font-size: 30rpx; font-size: 30rpx;
...@@ -212,7 +249,7 @@ ...@@ -212,7 +249,7 @@
} }
.Single_Before { .Single_Before {
font-size: 28rpx; font-size: 30rpx;
font-weight: bold; font-weight: bold;
color: #da7878; color: #da7878;
} }
......
...@@ -17,7 +17,7 @@ ...@@ -17,7 +17,7 @@
}" :autoplay="autoplay" :current="current" @change="onchange"> }" :autoplay="autoplay" :current="current" @change="onchange">
<swiper-item v-if="sortIndex != 1"></swiper-item> <swiper-item v-if="sortIndex != 1"></swiper-item>
<swiper-item v-for="(item1, index1) in data.DetailsList" :key="index1"> <swiper-item v-for="(item1, index1) in data.DetailsList" :key="index1">
<view class="item1" style="padding: 0 20px"> <view class="item1" style="padding: 0 20px" :style="{height: `calc(100vh - 390rpx - ${statusBarHeight}px)`}">
<view class="flex"> <view class="flex">
<template v-if="item1.QuestionContentObj[1] && item1.QuestionContentObj[1].length > 0"> <template v-if="item1.QuestionContentObj[1] && item1.QuestionContentObj[1].length > 0">
<view class="num">(1)</view> <view class="num">(1)</view>
...@@ -78,6 +78,10 @@ ...@@ -78,6 +78,10 @@
</view> </view>
</template> </template>
</view> </view>
<view class="AnswerBtn clear">
<view class="AnswerBtnFirst" @click="getBeforeExam()" v-if="ExamIndex!=1||sortIndex!=1">上一题</view>
<view class="AnswerBtnSecond" v-if="sortIndex != sortTotal" @click="getNextExam()">下一题</view>
</view>
</swiper-item> </swiper-item>
<swiper-item v-if="sortIndex != sortTotal"></swiper-item> <swiper-item v-if="sortIndex != sortTotal"></swiper-item>
</swiper> </swiper>
...@@ -203,6 +207,14 @@ ...@@ -203,6 +207,14 @@
} }
return Array; return Array;
}, },
//点击上一题
getBeforeExam(){
data.current = data.current-1;
},
//点击下一题
getNextExam(){
data.current = data.current+1;
}
}; };
onMounted(() => { onMounted(() => {
if (props.isLast) { if (props.isLast) {
...@@ -223,6 +235,32 @@ ...@@ -223,6 +235,32 @@
}; };
</script> </script>
<style scoped> <style scoped>
.AnswerBtn{
margin-top: 20rpx;
padding:0 20px;
}
.clear{ clear:both}
.AnswerBtnFirst{
width:250rpx;
height:60rpx;
text-align: center;
line-height: 60rpx;
border-radius: 10rpx;
border:1px solid #00ACF9;
color:#00ACF9;
float:left;
}
.AnswerBtnSecond{
width:250rpx;
height:60rpx;
text-align: center;
line-height: 60rpx;
border-radius: 10rpx;
background-color: #00ACF9;
color:#fff;
float:right;
}
.name { .name {
height: 90rpx; height: 90rpx;
font-size: 30rpx; font-size: 30rpx;
...@@ -266,7 +304,7 @@ ...@@ -266,7 +304,7 @@
} }
.Single_Before { .Single_Before {
font-size: 28rpx; font-size: 30rpx;
font-weight: bold; font-weight: bold;
color: #da7878; color: #da7878;
} }
......
...@@ -12,13 +12,11 @@ ...@@ -12,13 +12,11 @@
class="Exam_Total">{{ data.DetailsList.length }}</text> class="Exam_Total">{{ data.DetailsList.length }}</text>
</view> </view>
</view> </view>
<swiper class="swiper-box" :style="{ <swiper class="swiper-box" :style="{height: `calc(100vh - 300rpx - ${statusBarHeight}px)`}" :autoplay="autoplay" :current="current" @change="onchange" :skip-hidden-item-layout="true"
height: `calc(100vh - 300rpx - ${statusBarHeight}px)`,
}" :autoplay="autoplay" :current="current" @change="onchange" :skip-hidden-item-layout="true"
:disable-programmatic-animation="true"> :disable-programmatic-animation="true">
<swiper-item v-if="sortIndex != 1"></swiper-item> <swiper-item v-if="sortIndex != 1"></swiper-item>
<swiper-item v-for="(item1, index1) in data.DetailsList" :key="index1"> <swiper-item v-for="(item1, index1) in data.DetailsList" :key="index1">
<view class="item1"> <view class="item1" :style="{height: `calc(100vh - 390rpx - ${statusBarHeight}px)`}">
<view class="flex flex_start_center"> <view class="flex flex_start_center">
<view class="num" v-html="item1.Title"></view><text class="Exam_Score">{{item1.Score}}</text> <view class="num" v-html="item1.Title"></view><text class="Exam_Score">{{item1.Score}}</text>
</view> </view>
...@@ -38,33 +36,37 @@ ...@@ -38,33 +36,37 @@
</view> </view>
</template> </template>
</view> </view>
</view> <view class="AnswerContent" v-if="!isOperate">
<view class="AnswerContent" v-if="!isOperate"> <view>
<view> <text style="color: #8c8a94">正确答案:</text>
<text style="color: #8c8a94">正确答案:</text> <text class="isTrueAnswer">{{ item1.Answer }}</text>
<text class="isTrueAnswer">{{ item1.Answer }}</text> <text>您的答案是:
<text>您的答案是: <template v-if="item1.StundetAnswer != ''">
<template v-if="item1.StundetAnswer != ''"> <text v-if="item1.Answer == item1.StundetAnswer" class="isTrueAnswer">
<text v-if="item1.Answer == item1.StundetAnswer" class="isTrueAnswer"> {{ item1.StundetAnswer }},回答正确
{{ item1.StundetAnswer }},回答正确 </text>
</text> <text v-else class="isNotAnswer">{{ item1.StundetAnswer }},回答错误</text>
<text v-else class="isNotAnswer">{{ item1.StundetAnswer }},回答错误</text> </template>
</template> <template v-else>
<template v-else> <text>未作答</text>
<text>未作答</text> </template>
</template> </text>
</text> </view>
</view> <view style="margin:20rpx 0;" v-if="item1.StudentScore!=''||item1.StudentScore===0">
<view style="margin:20rpx 0;" v-if="item1.StudentScore!=''||item1.StudentScore===0"> <text style="color:#8c8a94">您的得分:</text>
<text style="color:#8c8a94">您的得分:</text> <text class="isTrueAnswer" v-if="item1.StudentScore>0">{{item1.StudentScore}}</text>
<text class="isTrueAnswer" v-if="item1.StudentScore>0">{{item1.StudentScore}}</text> <text class="isNotAnswer" v-else>{{item1.StudentScore}}</text>
<text class="isNotAnswer" v-else>{{item1.StudentScore}}</text> </view>
</view> <view style="margin-top: 20rpx; word-wrap: break-word" class="flex" v-if="item1.AnswerParse">
<view style="margin-top: 20rpx; word-wrap: break-word" class="flex" v-if="item1.AnswerParse"> <text style="color: #8c8a94;flex-shrink: 0;">解析:</text>
<text style="color: #8c8a94;flex-shrink: 0;">解析:</text> <view style="color: #000" v-html="item1.AnswerParse"></view>
<view style="color: #000" v-html="item1.AnswerParse"></view> </view>
</view> </view>
</view> </view>
<view class="AnswerBtn clear">
<view class="AnswerBtnFirst" @click="getBeforeExam()" v-if="ExamIndex!=1||sortIndex!=1">上一题</view>
<view class="AnswerBtnSecond" v-if="sortIndex != sortTotal" @click="getNextExam()">下一题</view>
</view>
</swiper-item> </swiper-item>
<swiper-item v-if="sortIndex != sortTotal"> <swiper-item v-if="sortIndex != sortTotal">
<!-- 最后一页 --> <!-- 最后一页 -->
...@@ -159,7 +161,7 @@ ...@@ -159,7 +161,7 @@
if (data.sortIndex == 1) { if (data.sortIndex == 1) {
data.ExamIndex = e.detail.current + 1; data.ExamIndex = e.detail.current + 1;
} }
if (data.ExamIndex === data.data.DetailsList.length + 1) { if (data.ExamIndex === data.data.DetailsList.length + 1) {
this.$emit("getAfterTopic"); this.$emit("getAfterTopic");
} }
...@@ -172,6 +174,14 @@ ...@@ -172,6 +174,14 @@
url: "/pages/exam/answerSheet", url: "/pages/exam/answerSheet",
}); });
}, },
//点击上一题
getBeforeExam(){
data.current = data.current-1;
},
//点击下一题
getNextExam(){
data.current = data.current+1;
}
}; };
onMounted(() => { onMounted(() => {
if (props.isLast) { if (props.isLast) {
...@@ -192,6 +202,30 @@ ...@@ -192,6 +202,30 @@
}; };
</script> </script>
<style scoped> <style scoped>
.AnswerBtn{
margin-top: 20rpx;
}
.clear{ clear:both}
.AnswerBtnFirst{
width:250rpx;
height:60rpx;
text-align: center;
line-height: 60rpx;
border-radius: 10rpx;
border:1px solid #00ACF9;
color:#00ACF9;
float:left;
}
.AnswerBtnSecond{
width:250rpx;
height:60rpx;
text-align: center;
line-height: 60rpx;
border-radius: 10rpx;
background-color: #00ACF9;
color:#fff;
float:right;
}
.name { .name {
height: 90rpx; height: 90rpx;
font-size: 30rpx; font-size: 30rpx;
...@@ -206,7 +240,7 @@ ...@@ -206,7 +240,7 @@
.isTrueAnswer { .isTrueAnswer {
color: green !important; color: green !important;
} }
.isNotAnswer { .isNotAnswer {
color: red !important; color: red !important;
} }
...@@ -219,7 +253,7 @@ ...@@ -219,7 +253,7 @@
} }
.Single_Before { .Single_Before {
font-size: 28rpx; font-size: 30rpx;
font-weight: bold; font-weight: bold;
color: #da7878; color: #da7878;
} }
......
...@@ -25,7 +25,7 @@ ...@@ -25,7 +25,7 @@
> >
<swiper-item v-if="sortIndex != 1"></swiper-item> <swiper-item v-if="sortIndex != 1"></swiper-item>
<swiper-item v-for="(item1, index1) in data.DetailsList" :key="index1"> <swiper-item v-for="(item1, index1) in data.DetailsList" :key="index1">
<view class="item1"> <view class="item1" :style="{height: `calc(100vh - 390rpx - ${statusBarHeight}px)`}">
<view class="flex flex_start_center"> <view class="flex flex_start_center">
<view class="num" v-html="item1.Title"></view><text class="Exam_Score">{{item1.Score}}</text> <view class="num" v-html="item1.Title"></view><text class="Exam_Score">{{item1.Score}}</text>
</view> </view>
...@@ -62,43 +62,47 @@ ...@@ -62,43 +62,47 @@
</view> </view>
</template> </template>
</view> </view>
</view> <view class="AnswerContent" v-if="!isOperate">
<view class="AnswerContent" v-if="!isOperate"> <view>
<view> <text style="color: #8c8a94">正确答案:</text>
<text style="color: #8c8a94">正确答案:</text> <text class="isTrueAnswer">{{ item1.Answer }}</text
<text class="isTrueAnswer">{{ item1.Answer }}</text >
> <text
<text >您的答案是:
>您的答案是: <template v-if="item1.StundetAnswer != ''">
<template v-if="item1.StundetAnswer != ''"> <text
<text v-if="item1.Answer == item1.StundetAnswer"
v-if="item1.Answer == item1.StundetAnswer" class="isTrueAnswer"
class="isTrueAnswer" >
> {{ item1.StundetAnswer }},回答正确
{{ item1.StundetAnswer }},回答正确 </text>
</text> <text v-else class="isNotAnswer"
<text v-else class="isNotAnswer" >{{ item1.StundetAnswer }},回答错误</text
>{{ item1.StundetAnswer }},回答错误</text >
> </template>
</template> <template v-else>
<template v-else> <text>未作答</text>
<text>未作答</text> </template>
</template> </text>
</text> </view>
</view> <view style="margin:20rpx 0;" v-if="item1.StudentScore!=''||item1.StudentScore===0">
<view style="margin:20rpx 0;" v-if="item1.StudentScore!=''||item1.StudentScore===0"> <text style="color:#8c8a94">您的得分:</text>
<text style="color:#8c8a94">您的得分:</text> <text class="isTrueAnswer" v-if="item1.StudentScore>0">{{item1.StudentScore}}</text>
<text class="isTrueAnswer" v-if="item1.StudentScore>0">{{item1.StudentScore}}</text> <text class="isNotAnswer" v-else>{{item1.StudentScore}}</text>
<text class="isNotAnswer" v-else>{{item1.StudentScore}}</text> </view>
<view
style="margin-top: 20rpx; word-wrap: break-word"
v-if="item1.AnswerParse" class="flex"
>
<text style="color: #8c8a94;flex-shrink: 0;">解析:</text>
<view style="color: #000" v-html="item1.AnswerParse"></view>
</view>
</view> </view>
<view
style="margin-top: 20rpx; word-wrap: break-word"
v-if="item1.AnswerParse" class="flex"
>
<text style="color: #8c8a94;flex-shrink: 0;">解析:</text>
<view style="color: #000" v-html="item1.AnswerParse"></view>
</view>
</view> </view>
<view class="AnswerBtn clear">
<view class="AnswerBtnFirst" @click="getBeforeExam()" v-if="ExamIndex!=1||sortIndex!=1">上一题</view>
<view class="AnswerBtnSecond" v-if="sortIndex != sortTotal" @click="getNextExam()">下一题</view>
</view>
</swiper-item> </swiper-item>
<swiper-item v-if="sortIndex != sortTotal"> <swiper-item v-if="sortIndex != sortTotal">
<!-- 最后一页 --> <!-- 最后一页 -->
...@@ -202,6 +206,14 @@ export default { ...@@ -202,6 +206,14 @@ export default {
url: "/pages/exam/answerSheet", url: "/pages/exam/answerSheet",
}); });
}, },
//点击上一题
getBeforeExam(){
data.current = data.current-1;
},
//点击下一题
getNextExam(){
data.current = data.current+1;
}
}; };
onMounted(() => { onMounted(() => {
if (props.isLast) { if (props.isLast) {
...@@ -222,6 +234,31 @@ export default { ...@@ -222,6 +234,31 @@ export default {
}; };
</script> </script>
<style scoped> <style scoped>
.AnswerBtn{
margin-top: 20rpx;
padding:0 20px;
}
.clear{ clear:both}
.AnswerBtnFirst{
width:250rpx;
height:60rpx;
text-align: center;
line-height: 60rpx;
border-radius: 10rpx;
border:1px solid #00ACF9;
color:#00ACF9;
float:left;
}
.AnswerBtnSecond{
width:250rpx;
height:60rpx;
text-align: center;
line-height: 60rpx;
border-radius: 10rpx;
background-color: #00ACF9;
color:#fff;
float:right;
}
.name { .name {
height: 90rpx; height: 90rpx;
font-size: 30rpx; font-size: 30rpx;
...@@ -249,7 +286,7 @@ export default { ...@@ -249,7 +286,7 @@ export default {
} }
.Single_Before { .Single_Before {
font-size: 28rpx; font-size: 30rpx;
font-weight: bold; font-weight: bold;
color: #da7878; color: #da7878;
} }
......
...@@ -24,7 +24,7 @@ ...@@ -24,7 +24,7 @@
> >
<swiper-item v-if="sortIndex != 1"></swiper-item> <swiper-item v-if="sortIndex != 1"></swiper-item>
<swiper-item v-for="(item1, index1) in data.DetailsList" :key="index1"> <swiper-item v-for="(item1, index1) in data.DetailsList" :key="index1">
<view class="item1" style="padding: 0 20px"> <view class="item1" style="padding: 0 20px" :style="{height: `calc(100vh - 390rpx - ${statusBarHeight}px)`}">
<view class="flex"> <view class="flex">
<view>{{ index1 + 1 }}</view> <view>{{ index1 + 1 }}</view>
<view class="num" v-html="item1.Title"></view><text class="Exam_Score">{{item1.Score}}</text> <view class="num" v-html="item1.Title"></view><text class="Exam_Score">{{item1.Score}}</text>
...@@ -116,6 +116,10 @@ ...@@ -116,6 +116,10 @@
</view> </view>
</template> </template>
</view> </view>
<view class="AnswerBtn clear">
<view class="AnswerBtnFirst" @click="getBeforeExam()" v-if="ExamIndex!=1||sortIndex!=1">上一题</view>
<view class="AnswerBtnSecond" v-if="sortIndex != sortTotal" @click="getNextExam()">下一题</view>
</view>
</swiper-item> </swiper-item>
<swiper-item v-if="sortIndex != sortTotal"></swiper-item> <swiper-item v-if="sortIndex != sortTotal"></swiper-item>
</swiper> </swiper>
...@@ -241,6 +245,14 @@ export default { ...@@ -241,6 +245,14 @@ export default {
} }
return Array; return Array;
}, },
//点击上一题
getBeforeExam(){
data.current = data.current-1;
},
//点击下一题
getNextExam(){
data.current = data.current+1;
}
}; };
onMounted(() => { onMounted(() => {
if (props.isLast) { if (props.isLast) {
...@@ -261,6 +273,31 @@ export default { ...@@ -261,6 +273,31 @@ export default {
}; };
</script> </script>
<style scoped> <style scoped>
.AnswerBtn{
margin-top: 20rpx;
padding:0 20px;
}
.clear{ clear:both}
.AnswerBtnFirst{
width:250rpx;
height:60rpx;
text-align: center;
line-height: 60rpx;
border-radius: 10rpx;
border:1px solid #00ACF9;
color:#00ACF9;
float:left;
}
.AnswerBtnSecond{
width:250rpx;
height:60rpx;
text-align: center;
line-height: 60rpx;
border-radius: 10rpx;
background-color: #00ACF9;
color:#fff;
float:right;
}
.name { .name {
height: 90rpx; height: 90rpx;
font-size: 30rpx; font-size: 30rpx;
...@@ -302,7 +339,7 @@ export default { ...@@ -302,7 +339,7 @@ export default {
} }
.Single_Before { .Single_Before {
font-size: 28rpx; font-size: 30rpx;
font-weight: bold; font-weight: bold;
color: #da7878; color: #da7878;
} }
...@@ -324,6 +361,7 @@ export default { ...@@ -324,6 +361,7 @@ export default {
.item1 { .item1 {
align-items: center; align-items: center;
overflow-y: auto;
} }
.item2 { .item2 {
......
...@@ -24,7 +24,7 @@ ...@@ -24,7 +24,7 @@
> >
<swiper-item v-if="sortIndex != 1"></swiper-item> <swiper-item v-if="sortIndex != 1"></swiper-item>
<swiper-item v-for="(item1, index1) in data.DetailsList" :key="index1"> <swiper-item v-for="(item1, index1) in data.DetailsList" :key="index1">
<view class="item1"> <view class="item1" :style="{height: `calc(100vh - 390rpx - ${statusBarHeight}px)`}">
<view class="flex"> <view class="flex">
<view>{{ index1 + 1 }}</view> <view>{{ index1 + 1 }}</view>
<view class="num" v-html="item1.Title"></view><text class="Exam_Score">{{item1.Score}}</text> <view class="num" v-html="item1.Title"></view><text class="Exam_Score">{{item1.Score}}</text>
...@@ -43,28 +43,32 @@ ...@@ -43,28 +43,32 @@
</view> </view>
</template> </template>
<template v-else> <template v-else>
<view class="viewAnswerContent" style="margin-top:15px;" v-html="item1.Answer"></view> <view class="viewAnswerContent" style="margin:20px 0;" v-html="item1.Answer"></view>
</template> </template>
</view> <view class="AnswerContent" v-if="!isOperate">
<view class="AnswerContent" v-if="!isOperate"> <view>
<view> 您的答案:
您的答案: <view class="viewAnswerContent" style="margin-top: 10px">
<view class="viewAnswerContent" style="margin-top: 10px"> {{ item1.StundetAnswer }}
{{ item1.StundetAnswer }} </view>
</view> </view>
</view> <view style="margin:20rpx 0;" v-if="item1.StudentScore!=''||item1.StudentScore===0">
<view style="margin:20rpx 0;" v-if="item1.StudentScore!=''||item1.StudentScore===0"> <text style="color:#8c8a94">您的得分:</text>
<text style="color:#8c8a94">您的得分:</text> <text class="isTrueAnswer" v-if="item1.StudentScore>0">{{item1.StudentScore}}</text>
<text class="isTrueAnswer" v-if="item1.StudentScore>0">{{item1.StudentScore}}</text> <text class="isNotAnswer" v-else>{{item1.StudentScore}}</text>
<text class="isNotAnswer" v-else>{{item1.StudentScore}}</text> </view>
<view style="margin-top: 20rpx; word-wrap: break-word" v-if="item1.AnswerParse">
<text style="color: #8c8a94">解析:</text>
<view
style="color: #000; display: inline-block"
v-html="item1.AnswerParse"
></view>
</view>
</view> </view>
<view style="margin-top: 20rpx; word-wrap: break-word" v-if="item1.AnswerParse"> </view>
<text style="color: #8c8a94">解析:</text> <view class="AnswerBtn clear">
<view <view class="AnswerBtnFirst" @click="getBeforeExam()" v-if="ExamIndex!=1||sortIndex!=1">上一题</view>
style="color: #000; display: inline-block" <view class="AnswerBtnSecond" v-if="sortIndex != sortTotal" @click="getNextExam()">下一题</view>
v-html="item1.AnswerParse"
></view>
</view>
</view> </view>
</swiper-item> </swiper-item>
<swiper-item v-if="sortIndex != sortTotal"></swiper-item> <swiper-item v-if="sortIndex != sortTotal"></swiper-item>
...@@ -153,6 +157,14 @@ export default { ...@@ -153,6 +157,14 @@ export default {
} }
context.emit("answerChange", data.data); context.emit("answerChange", data.data);
}, },
//点击上一题
getBeforeExam() {
data.current = data.current - 1;
},
//点击下一题
getNextExam() {
data.current = data.current + 1;
}
}; };
onMounted(() => { onMounted(() => {
if (props.isLast) { if (props.isLast) {
...@@ -173,6 +185,31 @@ export default { ...@@ -173,6 +185,31 @@ export default {
}; };
</script> </script>
<style scoped> <style scoped>
.AnswerBtn{
margin-top: 20rpx;
padding:0 20px;
}
.clear{ clear:both}
.AnswerBtnFirst{
width:250rpx;
height:60rpx;
text-align: center;
line-height: 60rpx;
border-radius: 10rpx;
border:1px solid #00ACF9;
color:#00ACF9;
float:left;
}
.AnswerBtnSecond{
width:250rpx;
height:60rpx;
text-align: center;
line-height: 60rpx;
border-radius: 10rpx;
background-color: #00ACF9;
color:#fff;
float:right;
}
.name { .name {
height: 90rpx; height: 90rpx;
font-size: 30rpx; font-size: 30rpx;
...@@ -212,7 +249,7 @@ export default { ...@@ -212,7 +249,7 @@ export default {
} }
.Single_Before { .Single_Before {
font-size: 28rpx; font-size: 30rpx;
font-weight: bold; font-weight: bold;
color: #da7878; color: #da7878;
} }
......
...@@ -24,7 +24,7 @@ ...@@ -24,7 +24,7 @@
> >
<swiper-item v-if="sortIndex != 1"></swiper-item> <swiper-item v-if="sortIndex != 1"></swiper-item>
<swiper-item v-for="(item1, index1) in data.DetailsList" :key="index1"> <swiper-item v-for="(item1, index1) in data.DetailsList" :key="index1">
<view class="item1"> <view class="item1" :style="{height: `calc(100vh - 390rpx - ${statusBarHeight}px)`}">
<view class="flex"> <view class="flex">
<view>{{ index1 + 1 }}</view> <view>{{ index1 + 1 }}</view>
<view class="num" v-html="item1.Title"></view><text class="Exam_Score">{{item1.Score}}</text> <view class="num" v-html="item1.Title"></view><text class="Exam_Score">{{item1.Score}}</text>
...@@ -47,31 +47,35 @@ ...@@ -47,31 +47,35 @@
item1.Answer item1.Answer
}}</view> }}</view>
</template> </template>
</view> <view
<view class="AnswerContent"
class="AnswerContent" v-if="!isOperate"
v-if="!isOperate" style="margin-top: 30rpx"
style="margin-top: 30rpx" >
> <view>
<view> 您的答案:
您的答案: <view class="viewAnswerContent" style="margin-top: 10px">
<view class="viewAnswerContent" style="margin-top: 10px"> {{ item1.StundetAnswer }}
{{ item1.StundetAnswer }} </view>
</view> </view>
</view> <view style="margin:20rpx 0;" v-if="item1.StudentScore!=''||item1.StudentScore===0">
<view style="margin:20rpx 0;" v-if="item1.StudentScore!=''||item1.StudentScore===0"> <text style="color:#8c8a94">您的得分:</text>
<text style="color:#8c8a94">您的得分:</text> <text class="isTrueAnswer" v-if="item1.StudentScore>0">{{item1.StudentScore}}</text>
<text class="isTrueAnswer" v-if="item1.StudentScore>0">{{item1.StudentScore}}</text> <text class="isNotAnswer" v-else>{{item1.StudentScore}}</text>
<text class="isNotAnswer" v-else>{{item1.StudentScore}}</text> </view>
<view style="word-wrap: break-word" v-if="item1.AnswerParse">
<text style="color: #8c8a94">解析:</text>
<view
style="color: #000; display: inline-block"
v-html="item1.AnswerParse"
></view>
</view>
</view> </view>
<view style="word-wrap: break-word" v-if="item1.AnswerParse">
<text style="color: #8c8a94">解析:</text>
<view
style="color: #000; display: inline-block"
v-html="item1.AnswerParse"
></view>
</view>
</view> </view>
<view class="AnswerBtn clear">
<view class="AnswerBtnFirst" @click="getBeforeExam()" v-if="ExamIndex!=1||sortIndex!=1">上一题</view>
<view class="AnswerBtnSecond" v-if="sortIndex != sortTotal" @click="getNextExam()">下一题</view>
</view>
</swiper-item> </swiper-item>
<swiper-item v-if="sortIndex != sortTotal"></swiper-item> <swiper-item v-if="sortIndex != sortTotal"></swiper-item>
</swiper> </swiper>
...@@ -162,6 +166,14 @@ export default { ...@@ -162,6 +166,14 @@ export default {
} }
context.emit("answerChange", data.data); context.emit("answerChange", data.data);
}, },
//点击上一题
getBeforeExam(){
data.current = data.current-1;
},
//点击下一题
getNextExam(){
data.current = data.current+1;
}
}; };
onMounted(() => { onMounted(() => {
if (props.isLast) { if (props.isLast) {
...@@ -182,6 +194,30 @@ export default { ...@@ -182,6 +194,30 @@ export default {
}; };
</script> </script>
<style scoped> <style scoped>
.AnswerBtn{
margin-top: 20rpx;
}
.clear{ clear:both}
.AnswerBtnFirst{
width:250rpx;
height:60rpx;
text-align: center;
line-height: 60rpx;
border-radius: 10rpx;
border:1px solid #00ACF9;
color:#00ACF9;
float:left;
}
.AnswerBtnSecond{
width:250rpx;
height:60rpx;
text-align: center;
line-height: 60rpx;
border-radius: 10rpx;
background-color: #00ACF9;
color:#fff;
float:right;
}
.name { .name {
height: 90rpx; height: 90rpx;
font-size: 30rpx; font-size: 30rpx;
...@@ -226,7 +262,7 @@ export default { ...@@ -226,7 +262,7 @@ export default {
} }
.Single_Before { .Single_Before {
font-size: 28rpx; font-size: 30rpx;
font-weight: bold; font-weight: bold;
color: #da7878; color: #da7878;
} }
......
...@@ -17,7 +17,7 @@ ...@@ -17,7 +17,7 @@
}" :autoplay="autoplay" :current="current" @change="onchange"> }" :autoplay="autoplay" :current="current" @change="onchange">
<swiper-item v-if="sortIndex != 1"></swiper-item> <swiper-item v-if="sortIndex != 1"></swiper-item>
<swiper-item v-for="(item1, index1) in data.DetailsList" :key="index1"> <swiper-item v-for="(item1, index1) in data.DetailsList" :key="index1">
<view class="item1"> <view class="item1" :style="{height: `calc(100vh - 390rpx - ${statusBarHeight}px)`}">
<view class="flex"> <view class="flex">
<view class="num" v-html="item1.Title"></view><text class="Exam_Score">{{item1.Score}}</text> <view class="num" v-html="item1.Title"></view><text class="Exam_Score">{{item1.Score}}</text>
</view> </view>
...@@ -36,34 +36,38 @@ ...@@ -36,34 +36,38 @@
</view> </view>
</template> </template>
</view> </view>
</view> <view class="AnswerContent" v-if="!isOperate">
<view class="AnswerContent" v-if="!isOperate"> <view>
<view> <text style="color: #8c8a94">正确答案:</text>
<text style="color: #8c8a94">正确答案:</text> <text class="isTrueAnswer">{{item1.Answer}}</text>
<text class="isTrueAnswer">{{item1.Answer}}</text> <text>
<text> 您的答案:
您的答案: <template v-if="item1.StundetAnswer != ''">
<template v-if="item1.StundetAnswer != ''"> <text v-if="item1.Answer == item1.StundetAnswer" class="isTrueAnswer">
<text v-if="item1.Answer == item1.StundetAnswer" class="isTrueAnswer"> {{ item1.StundetAnswer }},回答正确
{{ item1.StundetAnswer }},回答正确 </text>
</text> <text v-else class="isNotAnswer">{{ item1.StundetAnswer }},回答错误</text>
<text v-else class="isNotAnswer">{{ item1.StundetAnswer }},回答错误</text> </template>
</template> <template v-else>
<template v-else> <text>未作答</text>
<text>未作答</text> </template>
</template> </text>
</text> </view>
</view> <view style="margin:20rpx 0;" v-if="item1.StudentScore!=''||item1.StudentScore===0">
<view style="margin:20rpx 0;" v-if="item1.StudentScore!=''||item1.StudentScore===0"> <text style="color:#8c8a94">您的得分:</text>
<text style="color:#8c8a94">您的得分:</text> <text class="isTrueAnswer" v-if="item1.StudentScore>0">{{item1.StudentScore}}</text>
<text class="isTrueAnswer" v-if="item1.StudentScore>0">{{item1.StudentScore}}</text> <text class="isNotAnswer" v-else>{{item1.StudentScore}}</text>
<text class="isNotAnswer" v-else>{{item1.StudentScore}}</text> </view>
</view> <view style="word-wrap: break-word" v-if="item1.AnswerParse">
<view style="word-wrap: break-word" v-if="item1.AnswerParse"> <text style="color: #8c8a94">解析:</text>
<text style="color: #8c8a94">解析:</text> <view style="color: #000; display: inline-block" v-html="item1.AnswerParse"></view>
<view style="color: #000; display: inline-block" v-html="item1.AnswerParse"></view> </view>
</view> </view>
</view> </view>
<view class="AnswerBtn clear">
<view class="AnswerBtnFirst" @click="getBeforeExam()" v-if="ExamIndex!=1||sortIndex!=1">上一题</view>
<view class="AnswerBtnSecond" v-if="sortIndex != sortTotal" @click="getNextExam()">下一题</view>
</view>
</swiper-item> </swiper-item>
<swiper-item v-if="sortIndex != sortTotal"></swiper-item> <swiper-item v-if="sortIndex != sortTotal"></swiper-item>
</swiper> </swiper>
...@@ -158,6 +162,14 @@ ...@@ -158,6 +162,14 @@
if (e.detail.current == 0 && data.sortIndex != 1) { if (e.detail.current == 0 && data.sortIndex != 1) {
this.$emit("getBeforeTopic"); this.$emit("getBeforeTopic");
} }
},
//点击上一题
getBeforeExam(){
data.current = data.current-1;
},
//点击下一题
getNextExam(){
data.current = data.current+1;
} }
}; };
onMounted(() => { onMounted(() => {
...@@ -179,6 +191,30 @@ ...@@ -179,6 +191,30 @@
}; };
</script> </script>
<style scoped> <style scoped>
.AnswerBtn{
margin-top: 20rpx;
}
.clear{ clear:both}
.AnswerBtnFirst{
width:250rpx;
height:60rpx;
text-align: center;
line-height: 60rpx;
border-radius: 10rpx;
border:1px solid #00ACF9;
color:#00ACF9;
float:left;
}
.AnswerBtnSecond{
width:250rpx;
height:60rpx;
text-align: center;
line-height: 60rpx;
border-radius: 10rpx;
background-color: #00ACF9;
color:#fff;
float:right;
}
.name { .name {
height: 90rpx; height: 90rpx;
font-size: 30rpx; font-size: 30rpx;
......
...@@ -24,7 +24,7 @@ ...@@ -24,7 +24,7 @@
> >
<swiper-item v-if="sortIndex != 1"></swiper-item> <swiper-item v-if="sortIndex != 1"></swiper-item>
<swiper-item v-for="(item1, index1) in data.DetailsList" :key="index1"> <swiper-item v-for="(item1, index1) in data.DetailsList" :key="index1">
<view class="item1"> <view class="item1" :style="{height: `calc(100vh - 390rpx - ${statusBarHeight}px)`}">
<view class="flex"> <view class="flex">
<view>{{ index1 + 1 }}</view> <view>{{ index1 + 1 }}</view>
<view class="num" v-html="item1.Title"></view><text class="Exam_Score">{{item1.Score}}</text> <view class="num" v-html="item1.Title"></view><text class="Exam_Score">{{item1.Score}}</text>
...@@ -43,33 +43,37 @@ ...@@ -43,33 +43,37 @@
</view> </view>
</template> </template>
<template v-else> <template v-else>
<view class="viewAnswerContent">{{ item1.Answer }}</view> <view class="viewAnswerContent" style="margin-top:30rpx;">{{ item1.Answer }}</view>
</template> </template>
</view> <view
<view class="AnswerContent"
class="AnswerContent" v-if="!isOperate"
v-if="!isOperate" style="margin-top: 30rpx"
style="margin-top: 30rpx" >
> <view>
<view> 您的答案:
您的答案: <view class="viewAnswerContent" style="margin-top: 10px">
<view class="viewAnswerContent" style="margin-top: 10px"> {{ item1.StundetAnswer }}
{{ item1.StundetAnswer }} </view>
</view> </view>
</view> <view style="margin:20rpx 0;" v-if="item1.StudentScore!=''||item1.StudentScore===0">
<view style="margin:20rpx 0;" v-if="item1.StudentScore!=''||item1.StudentScore===0"> <text style="color:#8c8a94">您的得分:</text>
<text style="color:#8c8a94">您的得分:</text> <text class="isTrueAnswer" v-if="item1.StudentScore>0">{{item1.StudentScore}}</text>
<text class="isTrueAnswer" v-if="item1.StudentScore>0">{{item1.StudentScore}}</text> <text class="isNotAnswer" v-else>{{item1.StudentScore}}</text>
<text class="isNotAnswer" v-else>{{item1.StudentScore}}</text> </view>
<view style="word-wrap: break-word" v-if="item1.AnswerParse">
<text style="color: #8c8a94">解析:</text>
<view
style="color: #000; display: inline-block"
v-html="item1.AnswerParse"
></view>
</view>
</view> </view>
<view style="word-wrap: break-word" v-if="item1.AnswerParse">
<text style="color: #8c8a94">解析:</text>
<view
style="color: #000; display: inline-block"
v-html="item1.AnswerParse"
></view>
</view>
</view> </view>
<view class="AnswerBtn clear">
<view class="AnswerBtnFirst" @click="getBeforeExam()" v-if="ExamIndex!=1||sortIndex!=1">上一题</view>
<view class="AnswerBtnSecond" v-if="sortIndex != sortTotal" @click="getNextExam()">下一题</view>
</view>
</swiper-item> </swiper-item>
<swiper-item v-if="sortIndex != sortTotal"></swiper-item> <swiper-item v-if="sortIndex != sortTotal"></swiper-item>
</swiper> </swiper>
...@@ -160,6 +164,14 @@ export default { ...@@ -160,6 +164,14 @@ export default {
} }
context.emit("answerChange", data.data); context.emit("answerChange", data.data);
}, },
//点击上一题
getBeforeExam(){
data.current = data.current-1;
},
//点击下一题
getNextExam(){
data.current = data.current+1;
}
}; };
onMounted(() => { onMounted(() => {
if (props.isLast) { if (props.isLast) {
...@@ -180,6 +192,30 @@ export default { ...@@ -180,6 +192,30 @@ export default {
}; };
</script> </script>
<style scoped> <style scoped>
.AnswerBtn{
margin-top: 20rpx;
}
.clear{ clear:both}
.AnswerBtnFirst{
width:250rpx;
height:60rpx;
text-align: center;
line-height: 60rpx;
border-radius: 10rpx;
border:1px solid #00ACF9;
color:#00ACF9;
float:left;
}
.AnswerBtnSecond{
width:250rpx;
height:60rpx;
text-align: center;
line-height: 60rpx;
border-radius: 10rpx;
background-color: #00ACF9;
color:#fff;
float:right;
}
.name { .name {
height: 90rpx; height: 90rpx;
font-size: 30rpx; font-size: 30rpx;
......
This diff is collapsed.
...@@ -26,7 +26,7 @@ ...@@ -26,7 +26,7 @@
> >
<swiper-item v-if="sortIndex != 1"></swiper-item> <swiper-item v-if="sortIndex != 1"></swiper-item>
<swiper-item v-for="(item1, index1) in data.DetailsList" :key="index1"> <swiper-item v-for="(item1, index1) in data.DetailsList" :key="index1">
<view class="item1"> <view class="item1" :style="{height: `calc(100vh - 390rpx - ${statusBarHeight}px)`}">
<view class="flex"> <view class="flex">
<view>{{ index1 + 1 }}</view> <view>{{ index1 + 1 }}</view>
<view class="num" v-html="item1.Title"></view><text class="Exam_Score">{{item1.Score}}</text> <view class="num" v-html="item1.Title"></view><text class="Exam_Score">{{item1.Score}}</text>
...@@ -46,31 +46,35 @@ ...@@ -46,31 +46,35 @@
<template v-else> <template v-else>
<view class="viewAnswerContent" v-html="item2.Answer"></view> <view class="viewAnswerContent" v-html="item2.Answer"></view>
</template> </template>
</view> <view
<view class="AnswerContent"
class="AnswerContent" v-if="!isOperate"
v-if="!isOperate" style="margin-top: 30rpx"
style="margin-top: 30rpx" >
> <view>
<view> 您的答案:
您的答案: <view class="viewAnswerContent" style="margin-top: 10px">
<view class="viewAnswerContent" style="margin-top: 10px"> {{ item1.StundetAnswer }}
{{ item1.StundetAnswer }} </view>
</view> </view>
</view> <view style="margin:20rpx 0;" v-if="item1.StudentScore!=''||item1.StudentScore===0">
<view style="margin:20rpx 0;" v-if="item1.StudentScore!=''||item1.StudentScore===0"> <text style="color:#8c8a94">您的得分:</text>
<text style="color:#8c8a94">您的得分:</text> <text class="isTrueAnswer" v-if="item1.StudentScore>0">{{item1.StudentScore}}</text>
<text class="isTrueAnswer" v-if="item1.StudentScore>0">{{item1.StudentScore}}</text> <text class="isNotAnswer" v-else>{{item1.StudentScore}}</text>
<text class="isNotAnswer" v-else>{{item1.StudentScore}}</text> </view>
<view style="word-wrap: break-word" v-if="item1.AnswerParse">
<text style="color: #8c8a94">解析:</text>
<view
style="color: #000; display: inline-block"
v-html="item1.AnswerParse"
></view>
</view>
</view> </view>
<view style="word-wrap: break-word" v-if="item1.AnswerParse">
<text style="color: #8c8a94">解析:</text>
<view
style="color: #000; display: inline-block"
v-html="item1.AnswerParse"
></view>
</view>
</view> </view>
<view class="AnswerBtn clear">
<view class="AnswerBtnFirst" @click="getBeforeExam()" v-if="ExamIndex!=1||sortIndex!=1">上一题</view>
<view class="AnswerBtnSecond" v-if="sortIndex != sortTotal" @click="getNextExam()">下一题</view>
</view>
</swiper-item> </swiper-item>
<swiper-item v-if="sortIndex != sortTotal"></swiper-item> <swiper-item v-if="sortIndex != sortTotal"></swiper-item>
</swiper> </swiper>
...@@ -156,6 +160,14 @@ export default { ...@@ -156,6 +160,14 @@ export default {
} }
context.emit("answerChange", data.data); context.emit("answerChange", data.data);
}, },
//点击上一题
getBeforeExam(){
data.current = data.current-1;
},
//点击下一题
getNextExam(){
data.current = data.current+1;
}
}; };
onMounted(() => { onMounted(() => {
if (props.isLast) { if (props.isLast) {
...@@ -176,6 +188,31 @@ export default { ...@@ -176,6 +188,31 @@ export default {
}; };
</script> </script>
<style scoped> <style scoped>
.AnswerBtn{
margin-top: 20rpx;
}
.clear{ clear:both}
.AnswerBtnFirst{
width:250rpx;
height:60rpx;
text-align: center;
line-height: 60rpx;
border-radius: 10rpx;
border:1px solid #00ACF9;
color:#00ACF9;
float:left;
}
.AnswerBtnSecond{
width:250rpx;
height:60rpx;
text-align: center;
line-height: 60rpx;
border-radius: 10rpx;
background-color: #00ACF9;
color:#fff;
float:right;
}
.name { .name {
height: 90rpx; height: 90rpx;
font-size: 30rpx; font-size: 30rpx;
......
...@@ -110,9 +110,19 @@ export default { ...@@ -110,9 +110,19 @@ export default {
if (res) { if (res) {
if (res.Code == 1) { if (res.Code == 1) {
data.dataList = res.Data; data.dataList = res.Data;
let Remark = ''
if(res.Data.TotalScore>0&&res.Data.TotalScore<=60){
Remark='要加油哦'
}
if(res.Data.TotalScore>60&&res.Data.TotalScore<=90){
Remark='不错哦'
}
if(res.Data.TotalScore>90){
Remark='你好棒'
}
that.initCanvas( that.initCanvas(
res.Data.TotalScore, res.Data.TotalScore,
res.Data.StuComment, Remark,
res.Data.ExamScore res.Data.ExamScore
); );
} }
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment