初始化

pages/make/list.vue

@@ -0,0 +1,51 @@
+<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>