receipt-uniapp-240804/pages/receipt/receipt.vue

<template>
	<view class="content">
		<view class="t1">
			浙江省金华市公安局交通警察支队车辆管理所
		</view>
		<view class="t2">
			科目三 道路驾驶技能考试预约凭证
		</view>
		<view class="text">
			<text>流水号：</text> G190604136825
		</view>
		<view class="text">
			<text>考生姓名：</text> 邓成刚
		</view>
		<view class="text">
			<text>身份证号码：</text> 53212819950102339X
		</view>
		<view class="text">
			<text>准考证号码：</text> 330705018752
		</view>
		<view class="text">
			<text>考试车型：</text> C1
		</view>
		<view class="text">
			<text>考试日期：</text> 2020-07-08
		</view>
		<view class="text">
			<text>考试场地：</text> 金华市考试中心科目三智能化考场
		</view>
		<view class="text">
			<text>考试场次：</text> 12:30-17:30
		</view>
		<view class="erweim">
			<image src=""/>
		</view>
		<view class="z">
			<view class="title">
				注意事项:
			</view>
			<view class="text">
				1、凭此证在有效期内携带有效身份证参加考试以备核查;
			</view>
			<view class="text">
				2、考试提前半小时到场签到，如未按时参加考试的，判定此次考试不及格;
			</view>
			<view class="text">
				3、考试期间禁止携带手机或通讯设备进入考场;
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
			}
		},
		onLoad() {

		},
		methods: {

		}
	}
</script>

<style lang="scss" scoped>
.content{
	color: #000;
	line-height: 50rpx;
	.t1{
		text-align: center;
		padding: 30rpx 0;
		font-size: 33rpx;
		font-weight: 600;
	}
	.t2{
		text-align: center;
		padding-bottom: 30rpx;
		font-size: 36rpx;
		font-weight: 900;
	}
	.text{
		color: #555;
		padding: 0 20rpx;
		text{
			color: #000;
		}
	}
	.erweim{
		display: flex;
		justify-content: center;
		align-items: center;
		padding: 40rpx 0;
		image{
			background-color: #777;
			height: 400rpx;
			width: 400rpx;
		}
	}
	.z{
		.title{
			padding: 0 20rpx;
			font-weight: 900;
		}
		.text{
			color: #000;
		}
	}
}
</style>