<template>
	<view class="wait">
		<view class="info u-text-center">
			<text class="title bold-500">出餐单号</text>
		</view>
		<view class="u-text-center nr number">
			号码
		</view>
		<view class="row-center u-m-t-54">
			<view class="border">
				0
			</view>
			<view class="border">
				2
			</view>
			<view class="border">
				4
			</view>
		</view>
		
		<view class="btn text-fff u-text-center">
			取餐
		</view>
	</view>
</template>

<script> 
	export default {
		
	}
</script>

<style lang="scss">
	page {
		background-color: #fff;
	}
	
	.wait {
		.info {
			margin: 242rpx 120rpx 58rpx;
			.title {
				font-size: 40rpx;
			}
			
			.time {
				color: rgba(0, 0, 0, .6);
			}
		}
		
		.numer {
			color: #151515;
		}
		
		.border {
			text-align: center;
			width: 67rpx;
			height: 68rpx;
			line-height: 68rpx;
			border: 2rpx solid #E7E7E7;
			color: #FE6004;
			font-size: 64rpx;
			font-weight: 500;
		}
		
		.border:first-child {
			border-right: 0;
		}
		
		.border:nth-child(2) {
			border-right: 0;
		}
		
		.btn {
			bottom: 106rpx;
			margin: 154rpx 64rpx 0;
			height: 76rpx;
			line-height: 76rpx;
			background: #FE6004;
			border-radius: 100rpx 100rpx 100rpx 100rpx;
		}
	}
</style>