<template>
	<view class="container">
		<view class="list">
			<view class="item" v-for="item in 8" :key="item">
				<view class="top">
					<text class="n">000{{ item }}</text>
					<text class="line">|</text>
					<text>8人</text>
				</view>
				<view class="btm">
					<text>可预约：已满</text>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
export default {
	data() {
		return {};
	},
	onload() {}
};
</script>

<style scoped lang="scss">
.container {
	padding: $paddingSize;
}
.list {
	.item {
		padding: $paddingSize;
		border-radius: 12upx;
		background: $linear-color-priamry;
		&:not(:first-child) {
			margin-top: $paddingSize;
		}
		text {
			color: #66421f;
			font-size: 28upx;
		}
		.n {
			font-weight: bold;
		}
		.line {
			padding: 0 20upx;
		}
	}
}
</style>
