142 lines
2.8 KiB
Vue
142 lines
2.8 KiB
Vue
<template>
|
|
<view class="main-content">
|
|
<headers :showBack="true" :themeType="true">
|
|
<view class="headerName">
|
|
考试结果
|
|
</view>
|
|
</headers>
|
|
<view class="examresult" v-if="!pageData.isPass">
|
|
<view class="text">
|
|
<text>{{pageData.score}}</text>
|
|
</view>
|
|
<view class="image-tip">
|
|
<image src="/static/exam/examError.png" mode=""></image>
|
|
</view>
|
|
<view class="text-box1">
|
|
<text>很遗憾,成绩不合格</text>
|
|
<text>对于成绩不满意可再次考试</text>
|
|
</view>
|
|
<button type="primary" class="btn"
|
|
@click="goHiidden('/personLocation/exam/beginexam/beginexam')">再考一次</button>
|
|
<button type="primary" class="btn1" plain="true"
|
|
@click="goHiidden('/personLocation/exam/index/index')">返回</button>
|
|
</view>
|
|
<view class="examresult" v-else>
|
|
<view class="text-success">
|
|
<text>80</text>
|
|
</view>
|
|
<view class="image-tip">
|
|
<image src="/static/exam/examSuccess.png" mode=""></image>
|
|
</view>
|
|
<view class="text-box1">
|
|
<text>恭喜您通过考试</text>
|
|
</view>
|
|
<button type="primary" class="btn"
|
|
@click="goHiidden('/personLocation/exam/beginexam/beginexam')">返回</button>
|
|
</view>
|
|
<levitatedsphere :x="100" :y="80"></levitatedsphere>
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
import levitatedsphere from "@/components/levitatedsphere/levitatedsphere.vue"
|
|
export default {
|
|
data() {
|
|
return {
|
|
isPass: false,
|
|
pageData: {}
|
|
}
|
|
},
|
|
onLoad(options) {
|
|
this.pageData = JSON.parse(options.examData)
|
|
},
|
|
methods: {
|
|
goHiidden(url) {
|
|
uni.navigateTo({
|
|
url: `/pages${url}`
|
|
});
|
|
},
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style scoped lang="scss">
|
|
.examresult {
|
|
padding: 61rpx 40rpx;
|
|
text-align: center;
|
|
|
|
.text {
|
|
font-size: 182.69rpx;
|
|
color: #EA3941;
|
|
}
|
|
|
|
.text-success {
|
|
font-size: 182.69rpx;
|
|
color: #07CC88;
|
|
}
|
|
}
|
|
|
|
.image-tip {
|
|
width: 145.52rpx;
|
|
height: 145.52rpx;
|
|
/* background-image: url(/static/signin-error.png);
|
|
background-repeat: no-repeat;
|
|
background-size: 100% 100%; */
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
margin: 0 auto;
|
|
|
|
image {
|
|
width: 150rpx;
|
|
height: 150rpx;
|
|
margin-top: 40rpx;
|
|
}
|
|
}
|
|
|
|
.text-box1 {
|
|
margin-top: 40rpx;
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
|
|
.text-box1 text:nth-child(1) {
|
|
font-family: Source Han Sans CN, Source Han Sans CN;
|
|
font-weight: 500;
|
|
font-size: 40rpx;
|
|
color: #000000;
|
|
}
|
|
|
|
.text-box1 text:nth-child(2) {
|
|
font-family: Source Han Sans CN, Source Han Sans CN;
|
|
font-weight: 400;
|
|
font-size: 28rpx;
|
|
color: #272D45;
|
|
}
|
|
|
|
.btn {
|
|
margin-top: 73.08rpx;
|
|
}
|
|
|
|
.btn1 {
|
|
margin-top: 30.77rpx;
|
|
}
|
|
|
|
.text-box2 {
|
|
margin-top: 17.31rpx;
|
|
font-size: 30.77rpx;
|
|
}
|
|
|
|
.text-box2 text:last-child {
|
|
color: #979797;
|
|
}
|
|
|
|
.btn2 {
|
|
background-color: white;
|
|
color: #5181F6;
|
|
}
|
|
|
|
.btn2::after {
|
|
border: none;
|
|
}
|
|
</style> |