<template>
	<view class="content">
		<view class="bigImg">
			<view class="codecaes">
				<view class="head">
					<view class="pic">
						<span>
							<img src="img/bowl.png" alt="">
						</span>
						<span class="run">午餐券</span>
						<span class="number">(2次)</span>
					</view>
					<p>使用日期2020-01-06(仅限当天使用)</p>
				</view>
				<view class="codecass">
					<img src="../../static/imgs/erweima.png" />
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			
		}
	}
</script>

<style>
page{
	background: #00c277;
}
.content{
	padding-top: 200rpx;
}
.bigImg{
	height: 700rpx;
	width: 700rpx;
	margin: 20rpx;
	background: #FFFFFF;
	border-radius: 10rpx;
	box-sizing: border-box;
	text-align: center;
}
.codecaes {
	width: 100%;
	height: 100%;
	margin: 0 auto;
	background: #fff;
	border-radius: 10rpx;
	box-sizing: border-box;
	text-align: center;
}
.codecaes .head {
    padding: 30rpx;
	height: 30%;
    border-bottom: 2rpx dashed #cccccc;
	font-size: 40rpx;
}
.codecaes .head .pic{
	margin: 20rpx 0;
}
.codecaes .head .pic .run{
	margin-right: 20rpx;
}
.codecaes .head .pic .number{
	font-size: 24rpx;
}
.codecaes .head p{
	margin: 20rpx 0;
	font-size: 24rpx;
}

.codecaes img {
    width: 400rpx;
    height: 400rpx;
}

.codecaes .codecass {
    /* padding-top: 80rpx; */
	height: 70%;
}
</style>
