frontend/examking-app/pages/exam_result/exam_result.vue

这里只显示每个文件的开头 60 行。登录后可以解锁完整代码。

微信扫码关注公众号，代码整理好后第一时间通知你。

<template>
	<view class="exam">
		<u-navbar :background="{background:'#44a7fc'}" :border-bottom="false" back-icon-color="#fff"></u-navbar>
		<view v-show="score!=''">
			<view class="a">
				<view class="aa">
					<text>{{score.score}}</text>
					<text class="fen">分</text>
				</view>
			</view>
			<view class="b">
				<p>本次考试成绩</p>
			</view>
			<view class="c" v-show="exam!=''">
				<view class="div1">
					<text class="d1">{{suc}}</text>
					<text class="div_1">%</text>
					<view class="p"><text>正确率</text></view>
				</view>
				<view class="div1">
					<text class="d1">{{useTime}}</text>
					<text class="div_1">min</text>
					<view class="p"><text>考试用时</text></view>
				</view>
				<view class="div1">
					<text class="d1">{{err}}</text>
					<text class="div_1">题</text>
					<view class="p"><text>错题数</text></view>
				</view>
			</view>
			<view class="d">
				<u-button class="button" @click="goExamDetail">查看详情</u-button>
			</view>

		</view>
	</view>

</template>

<script>
	var _this
	export default {
		data() {
			return {
				score: "",
				exam: "",
				useTime: "0",
				suc: "0",
				err: "0"
			}
		},
		methods: {
			goExamDetail() {
				uni.navigateTo({
					url: '/pages/exam_detail/exam_detail',
					success: function(res) {
						res.eventChannel.emit('onExamDetail', {
							detail: _this.exam
						})
					}