questionbankvue3/pages/exercises/examSubjiect1/examSubjiect1.vue

<template>
	<view class="content">
		<up-navbar leftText=" " :leftIconColor="'#fff'" :safeAreaInsetTop="true" :autoBack="true" title="我的学习"
			:bgColor="'transparent'" :titleStyle="{color: '#fff'}">
			<template #right>
				<view class="cjd" @click="$goPage('/pages/exercises/examSubjiect1/examResultsOne')">
					成绩单
				</view>
			</template>
		</up-navbar>
		<view class="padding">
			<view class="useInfo flex">
				<view class="avatar">
					<image src="" mode=""></image>
				</view>
				<view class="rightBox">
					<view class="name">用户名</view>
					<view class="p">
						<text>最高分数：85</text>
						<text>用时：00：30</text>
					</view>
				</view>
			</view>

			<view class="card">
				<view class="text">考试车型：小车C1</view>
				<view class="text">考试时间：45分钟（100题）</view>
				<view class="text">合格标准：90分及格（满分100分）</view>
				<view class="text">出题规则：根据公安部规定出题规则组卷</view>
				<view class="text">计分规则：模拟考试下不能修改答案，每错1题扣2分，累计错题超过5道，考试不通过，系统自动提醒交卷。</view>
			</view>
			<view class="btnBox">
				<oneBtn text="开始模拟考试"></oneBtn>
			</view>
		</view>

	</view>
</template>

<script>
</script>

<style lang="scss" scoped>
	.content {
		width: 100%;
		min-height: 100vh;
		padding: 100rpx 0rpx 30rpx 0rpx;
		background: url('../../../static/images/topbg.png') #F6F7FA no-repeat;
		background-size: 100% 410rpx;
		.cjd {
			color: #fff;
		}
		.useInfo {
			padding: 30rpx 0;

			.avatar {
				width: 140rpx;
				height: 140rpx;
				overflow: hidden;
				border-radius: 50%;
				background: url('../../../static/images/avatarbg.png') no-repeat;
				background-size: 100% 100%;
				image {
					display: block;
					width: 100%;
					height: 100%;
				}
			}

			.rightBox {
				flex: 1;
				width: 0;
				padding-left: 30rpx;

				.name {
					font-size: 36rpx;
					color: #FFFFFF;
					font-weight: 500;
				}

				.p {
					padding-top: 30rpx;

					text {
						font-weight: 500;
						font-size: 28rpx;
						color: #FFFFFF;
						margin-right: 40rpx;
					}
				}
			}
		}

		.card {
			background: #FFFFFF;
			border-radius: 20rpx;
			padding: 20rpx 30rpx;

			.text {
				padding: 10rpx 0;
				font-weight: 500;
				font-size: 28rpx;
				color: #333333;
			}
		}

		.btnBox {
			padding: 100rpx 50rpx;
			width: 100%;
		}
	}
</style>