JiangxiMiniProgram/pages/tabbar/learnCar/comp/subject1.vue

<template>
	<view class="comp">
		<!-- 学习内容 -->
		<view class="learnCon">
			<view class="h1">学习内容</view>
			<view class="card">
				<view class="flex-b">
					<view class="lab">理论学习</view>
					<view class="btn">去学习</view>
				</view>
			</view>
			<view class="card">
				<view class="flex-b">
					<view class="lab">理论VIP题库模拟</view>
					<view class="btn disable">去学习</view>
				</view>
				<view class="tpsLine">待学时达标后方可学习</view>
			</view>
			<view class="card mb0">
				<view class="flex-b">
					<view class="lab">安全警示教育在线视频学习</view>
					<view class="btn">去学习</view>
				</view>
			</view>
		</view>
		<!-- 学习状态 -->
		<view class="learnStatus">
			<view class="flex-b">
				<view class="h1">学习状态</view>
				<view class="more">
					<view class="txt">查看全部</view>
					<view class="moreIcon">
						<u-icon name="arrow-right" color="#686B73" size="12"></u-icon>
					</view>
				</view>
			</view>
			<view class="card">
				<view class="flex-b">
					<view class="lab">科目一考试成绩已通过</view>
					<view class="date">2023/08/09 22:52:12</view>
				</view>
				<view class="flex-b bg">
					<view class="row">
						<view class="text">考试成绩：97分</view>
					</view>
				</view>
			</view>
			<view class="card">
				<view class="flex-b">
					<view class="lab">科目一考试预约受理中</view>
					<view class="date">2023/08/09 22:52:12</view>
				</view>
				<view class="bg">
					<view class="row">
						<view class="text">考试场地：南昌交安科目一考场</view>
					</view>
					<view class="row">
						<view class="text">考试时间：2023/08/02 第一场 22</view>
					</view>
				</view>
			</view>
			<view class="card">
				<view class="flex-b">
					<view class="lab">科目一学时已通过</view>
					<view class="date">2023/07/24 03:12:20</view>
				</view>
				<view class="flex-b bg">
					<view class="row">
						<view class="text">前往“12123”APP预约考试</view>
						<view class="btn">去预约</view>
					</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
</script>

<style lang="scss" scoped>
	@import './comp.scss';
</style>