<template>
|
<view>
|
<view class="subTitle">
|
考试信息
|
</view>
|
<view class="examContent">
|
<view>考试名称：<text>{{examItem.name}}</text> </view>
|
<view>考试总分：<text>{{examItem.examScore}}</text>分</view>
|
<view v-if="examItem.examTime>0">考试时长：<text>{{examItem.examTime}}</text>分钟</view>
|
<view v-else>考试时长：<text>不限时长</text></view>
|
</view>
|
<view class="subTitle">考试须知</view>
|
<view class="tipsArea">
|
<ul>
|
<li>1、答题时要注意“剩余时间”提示，当剩余时间为0时，系统将自动交卷。</li>
|
<li>2、答题完成后，点击“交卷”按钮进行交卷，否则考试无效。</li>
|
<li>3、答题时需注意模拟考试不能修改答案。</li>
|
<li>4、如果你准备好了，就点击“进入考场”吧，预祝取得好的成绩。</li>
|
</ul>
|
</view>
|
<view class="btnArea">
|
<u-button class="btnClass" type="success" shape="circle" @click="enterExam">进入考试</u-button>
|
<u-button class="btnClass" type="error" shape="circle" @click="exitExam">退出考试</u-button>
|
</view>
|
<u-toast ref="uToast" />
|
</view>
|
</template>
|
|
<script>
|
export default {
|
data() {
|
return {
|
examItem: {}
|
}
|
},
|
methods: {
|
enterExam() {
|
|
uni.navigateTo({
|
url: '/pages/exam/examTextPage'
|
})
|
|
},
|
exitExam() {
|
// 退出考试
|
uni.navigateBack({
|
delta: 1
|
})
|
}
|
},
|
computed: {},
|
onLoad(options) {
|
// 页面跳转 传递对象 传对象
|
options = {
|
name: '保安员模拟考试',
|
examScore: 100,
|
examTime: 60,
|
checkFace: 1
|
}
|
this.examItem = options
|
}
|
}
|
</script>
|
|
<style lang="scss">
|
.tipsArea {
|
padding: 0 40rpx;
|
margin-left: -30rpx;
|
line-height: 64rpx;
|
|
}
|
|
.subTitle {
|
font-size: $uni-font-size-title;
|
font-weight: bold;
|
color: #103289;
|
text-align: center;
|
margin: 40rpx auto 20rpx auto;
|
}
|
|
.examContent {
|
line-height: 56rpx;
|
margin-left: 180rpx;
|
|
text {
|
font-weight: bold;
|
}
|
}
|
|
.btnArea {
|
display: flex;
|
margin-top: 50rpx;
|
|
.btnClass {
|
width: 300rpx;
|
}
|
}
|
</style>
|
