<template>
|
<view class="content">
|
|
<u-navbar height="44" back-icon-color="#fff" title="考试结果" :is-back="false" title-color="#fff"
|
:background="{background: '#103289'}">
|
</u-navbar>
|
|
<view class="finishText">
|
<view class="box">
|
<text class="title">考试名称：</text>
|
<text class="val">模拟考试</text>
|
</view>
|
<view class="box">
|
<text class="title">总题数：</text>
|
<text class="val">{{totalQueNum}}题</text>
|
</view>
|
<view class="box">
|
<text class="title">总分数：</text>
|
<text class="val">{{totalScore}}分</text>
|
</view>
|
<view class="box">
|
<text class="title">答对：</text>
|
<text class="val">{{rightQueNum}}题</text>
|
</view>
|
<view class="box">
|
<text class="title">答错：</text>
|
<text class="val">{{wrongQueNum}}题</text>
|
</view>
|
<view class="box">
|
<text class="title">未答：</text>
|
<text class="val">{{noneQueNum}}题</text>
|
</view>
|
<view class="box">
|
<text class="title">得分：</text>
|
<text class="val">{{score}}分</text>
|
</view>
|
</view>
|
|
<view class="btnArea">
|
<u-button class="btnClass" type="primary" :ripple="true" shape="circle" @click="backToHome">返回首页
|
</u-button>
|
<u-button class="btnClass" type="primary" :ripple="true" shape="circle" @click="goExam">继续模拟考试
|
</u-button>
|
</view>
|
</view>
|
</template>
|
|
<script>
|
export default {
|
props: {},
|
data() {
|
return {
|
totalQueNum: '',
|
totalScore: '',
|
rightQueNum: '',
|
wrongQueNum: '',
|
noneQueNum: '',
|
score: '',
|
}
|
},
|
methods: {
|
backToHome() {
|
uni.switchTab({
|
url: '/pages/home/home',
|
})
|
},
|
goExam() {
|
uni.navigateTo({
|
url: '/pages/exam/examTextPage'
|
})
|
}
|
},
|
computed: {
|
|
},
|
onLoad(options) {
|
this.totalQueNum = options.totalQueNum
|
this.totalScore = options.totalScore
|
this.rightQueNum = options.rightQueNum
|
this.wrongQueNum = options.wrongQueNum
|
this.noneQueNum = options.noneQueNum
|
this.score = options.score
|
}
|
|
}
|
</script>
|
|
<style lang="scss" scoped>
|
.finishText {
|
// margin: 100rpx 200rpx;
|
margin: 50rpx 10%;
|
padding: 5%;
|
width: 80%;
|
font-size: 32rpx;
|
display: flex;
|
flex-direction: column;
|
background: #f8f8f8;
|
box-shadow: 0 0 20px 2px #dddddd;
|
border-radius: 5px;
|
letter-spacing: 0.2rpx;
|
|
text {
|
color: #103289;
|
font-weight: bold;
|
}
|
|
.box {
|
flex: 1;
|
display: flex;
|
|
.title {
|
flex: 1;
|
text-align-last: justify;
|
}
|
|
.val {
|
flex: 1;
|
}
|
}
|
}
|
|
.btnArea {
|
display: flex;
|
margin-top: 50rpx;
|
|
.btnClass {
|
width: 300rpx;
|
}
|
}
|
|
.infoArea {
|
display: flex;
|
flex-direction: column;
|
justify-content: center;
|
}
|
</style>
|
