diff --git a/pages.json b/pages.json
index 3aca8e4..68a84db 100644
--- a/pages.json
+++ b/pages.json
@@ -42,6 +42,62 @@
 		{
 			"navigationBarTitleText" : ""
 		}
+	},
+	{
+		"path" : "pages/booking/AppointmentHome",
+		"style" : 
+		{
+			"navigationBarTitleText" : ""
+		}
+	},
+	{
+		"path" : "pages/booking/ContactInformation",
+		"style" : 
+		{
+			"navigationBarTitleText" : "联系人信息"
+		}
+	},
+	{
+		"path" : "pages/booking/date",
+		"style" : 
+		{
+			"navigationBarTitleText" : ""
+		}
+	},
+	{
+		"path" : "pages/Shopping-cart/ProductDetails",
+		"style" : 
+		{
+			"navigationBarTitleText" : ""
+		}
+	},
+	{
+		"path" : "pages/Shopping-cart/ReceivingInformation",
+		"style" : 
+		{
+			"navigationBarTitleText" : ""
+		}
+	},
+	{
+		"path" : "pages/Shopping-cart/Contact",
+		"style" : 
+		{
+			"navigationBarTitleText" : ""
+		}
+	},
+	{
+		"path" : "pages/Shopping-cart/address",
+		"style" : 
+		{
+			"navigationBarTitleText" : ""
+		}
+	},
+	{
+		"path" : "pages/Shopping-cart/Phone/Phone",
+		"style" : 
+		{
+			"navigationBarTitleText" : ""
+		}
 	}
 	],
 	"globalStyle": {
diff --git a/pages/Shopping-cart/Contact/Contact.vue b/pages/Shopping-cart/Contact/Contact.vue
new file mode 100644
index 0000000..5b04072
--- /dev/null
+++ b/pages/Shopping-cart/Contact/Contact.vue
@@ -0,0 +1,123 @@
+<template>
+	<view class="flex-col page">
+	  <text class="self-start font text">联系人信息</text>
+	  <view class="flex-col self-stretch section">
+	    <view class="flex-row items-center">
+	      <text class="font_2 text_2">收货人</text>
+	      <view class="flex-col justify-start items-start flex-1 text-wrapper ml-27">
+	        <text class="font_2 text_3">请输入姓名</text>
+	      </view>
+	    </view>
+	    <view class="flex-row items-center mt-17">
+	      <text class="font_2 text_4">手机号码</text>
+	      <view class="flex-col justify-start items-start flex-1 text-wrapper_2 ml-13">
+	        <text class="font_2 text_5">15888610253</text>
+	      </view>
+	    </view>
+	    <view class="flex-row justify-between items-center mt-17">
+	      <text class="font_2 text_6">设为默认联系人</text>
+	      <image
+	        class="image"
+	        src="https://ide.code.fun/api/image?token=6710a29d1511d900114ac910&name=897e9b02383f7821fc2538de47d78c1c.png"
+	      />
+	    </view>
+	  </view>
+	  <view class="flex-col justify-start items-center self-stretch section_2">
+	    <view class="flex-col justify-start items-center text-wrapper_3"><text class="font text_7">保存并使用</text></view>
+	  </view>
+	</view>
+</template>
+
+<script>
+</script>
+
+<style>
+	.ml-27 {
+	  margin-left: 51.53rpx;
+	}
+	.mt-17 {
+	  margin-top: 32.44rpx;
+	}
+	.ml-13 {
+	  margin-left: 24.81rpx;
+	}
+	.page {
+	  padding-top: 26.72rpx;
+	  background-color: #fffaf0;
+	  width: 100%;
+	  overflow-y: auto;
+	  overflow-x: hidden;
+	  height: 100%;
+	}
+	.font {
+	  font-size: 30.53rpx;
+	  font-family: Open Sans;
+	  line-height: 28.4rpx;
+	}
+	.text {
+	  margin-left: 22.9rpx;
+	  color: #323232;
+	  line-height: 28.66rpx;
+	}
+	.section {
+	  margin: 57.25rpx 11.45rpx 0 40.08rpx;
+	  padding: 22.9rpx 15.27rpx;
+	  background-color: #ffffff;
+	  border-radius: 9.54rpx;
+	}
+	.font_2 {
+	  font-size: 26.72rpx;
+	  font-family: Open Sans;
+	  line-height: 24.71rpx;
+	  color: #323232;
+	}
+	.text_2 {
+	  line-height: 24.77rpx;
+	}
+	.text-wrapper {
+	  margin-right: 38.17rpx;
+	  padding: 11.45rpx 0;
+	  background-color: #fffef8;
+	  height: 45.8rpx;
+	}
+	.text_3 {
+	  margin-left: 15.27rpx;
+	  color: #acacac;
+	}
+	.text_4 {
+	  line-height: 24.6rpx;
+	}
+	.text-wrapper_2 {
+	  margin-right: 38.17rpx;
+	  padding: 15.27rpx 0;
+	  background-color: #fffef8;
+	  height: 45.8rpx;
+	}
+	.text_5 {
+	  margin-left: 19.08rpx;
+	  line-height: 19.64rpx;
+	}
+	.text_6 {
+	  line-height: 24.79rpx;
+	}
+	.image {
+	  margin-right: 41.98rpx;
+	  width: 34.35rpx;
+	  height: 34.35rpx;
+	}
+	.section_2 {
+	  margin-top: 1047.71rpx;
+	  padding: 17.18rpx 0;
+	  background-color: #ffffff;
+	}
+	.text-wrapper_3 {
+	  padding: 26.72rpx 0;
+	  background-color: #ffa948;
+	  border-radius: 47.71rpx;
+	  width: 629.77rpx;
+	}
+	.text_7 {
+	  color: #ffffff;
+	}
+	@import url(../../common/css/global.css);
+</style>
\ No newline at end of file
diff --git a/pages/Shopping-cart/Phone/Phone.vue b/pages/Shopping-cart/Phone/Phone.vue
new file mode 100644
index 0000000..298b5b6
--- /dev/null
+++ b/pages/Shopping-cart/Phone/Phone.vue
@@ -0,0 +1,34 @@
+<template>
+	<view class="flex-col page">
+	  <view class="flex-col list">
+	    <view class="flex-row justify-between items-center list-item mt-9" v-for="(item, index) in items" :key="index">
+	      <view class="flex-row items-center">
+	        <text class="font">张三</text>
+	        <text class="font_2 ml-9">15888610253</text>
+	        <view class="flex-col justify-start items-center shrink-0 text-wrapper ml-9">
+	          <text class="text">默认</text>
+	        </view>
+	      </view>
+	      <view class="flex-row">
+	        <image
+	          class="image"
+	          src="https://ide.code.fun/api/image?token=6711f04f38a7c1001587de59&name=6ff8502391df0676ffa6f9a4c72cf204.png"
+	        />
+	        <image
+	          class="ml-12 image"
+	          src="https://ide.code.fun/api/image?token=6711f04f38a7c1001587de59&name=33bb1d0b853cc38a598105b3dab0d494.png"
+	        />
+	      </view>
+	    </view>
+	  </view>
+	  <view class="flex-col justify-start items-center section mt-593">
+	    <view class="flex-col justify-start items-center text-wrapper_2"><text class="font text_2">新增联系人</text></view>
+	  </view>
+	</view>
+</template>
+
+<script>
+</script>
+
+<style>
+</style>
\ No newline at end of file
diff --git a/pages/Shopping-cart/ProductDetails/ProductDetails.vue b/pages/Shopping-cart/ProductDetails/ProductDetails.vue
new file mode 100644
index 0000000..263c0f8
--- /dev/null
+++ b/pages/Shopping-cart/ProductDetails/ProductDetails.vue
@@ -0,0 +1,380 @@
+<template>
+	<view class="flex-col page">
+		<view class="flex-col">
+			<view class="flex-col">
+				<view class="flex-col section">
+					<view class="flex-row justify-between self-stretch group">
+						<text class="font text">商品</text>
+						<text class="font">详情</text>
+						<text class="font text_2">推荐</text>
+					</view>
+					<view class="self-start section_2"></view>
+				</view>
+				<image class="image"
+					src="https://ide.code.fun/api/image?token=6710a29d1511d900114ac910&name=c347f0e53bdcde04fa14098a49db40d4.png" />
+			</view>
+			<view class="mt-6 flex-row items-center group_2">
+				<view class="flex-col items-center">
+					<text class="font_2">图片</text>
+					<text class="mt-4 font_2">展示</text>
+				</view>
+				<view class="ml-2 flex-row justify-between equal-division">
+					<image class="equal-division-item"
+						src="https://ide.code.fun/api/image?token=6710a29d1511d900114ac910&name=f58b5193e3ce117f4350960139d86a6d.png" />
+					<image class="equal-division-item"
+						src="https://ide.code.fun/api/image?token=6710a29d1511d900114ac910&name=619af00ec54a5600292e36875c6bebd6.png" />
+					<image class="equal-division-item"
+						src="https://ide.code.fun/api/image?token=6710a29d1511d900114ac910&name=a88729ff992f68cff6c5aaab9da3b652.png" />
+					<image class="equal-division-item"
+						src="https://ide.code.fun/api/image?token=6710a29d1511d900114ac910&name=7a368aca7d0b74c3f87b5a9cd6185201.png" />
+					<image class="equal-division-item"
+						src="https://ide.code.fun/api/image?token=6710a29d1511d900114ac910&name=a88729ff992f68cff6c5aaab9da3b652.png" />
+				</view>
+			</view>
+			<view class="mt-6 flex-col section_3">
+				<view class="flex-row justify-between self-start group_3">
+					<view class="flex-col items-start self-center">
+						<image class="image_2"
+							src="https://ide.code.fun/api/image?token=6710a29d1511d900114ac910&name=c3b21ef686b053bea12b883694c5a954.png" />
+						<text class="text_3 text_5 mt-5">琉璃发簪新手体验包</text>
+					</view>
+					<view class="flex-row items-center self-start group_4">
+						<image class="shrink-0 image_3"
+							src="https://ide.code.fun/api/image?token=6710a29d1511d900114ac910&name=b3cfc36dad1bb0c8277322ca9543babb.png" />
+						<text class="ml-4 font_3 text_3 text_4">中秋节限定</text>
+					</view>
+				</view>
+				<view class="self-stretch divider"></view>
+				<view class="flex-col self-start group_5">
+					<text class="self-stretch font_4 text_3">
+						商品简介：琉璃发簪便是汉代美人常常佩戴的发饰之一。琉璃
+						<br />
+					</text>
+					<text class="mt-2 self-stretch font_4 text_3">发簪不仅美观大方，还有 着深厚的文化底蕴。购买体验包，</text>
+					<text class="mt-2 self-start font_4 text_3">即可体验古代文化。</text>
+				</view>
+				<view class="self-stretch divider"></view>
+				<view class="flex-row items-center self-start group_6">
+					<text class="font_4 text_3 text_6">商品标签:</text>
+					<view class="flex-col justify-start items-center text-wrapper ml-7">
+						<text class="font_5 text_7">#发簪</text>
+					</view>
+					<view class="flex-col justify-start text-wrapper_2 ml-7"><text class="font_5 text_8">#送亲友</text>
+					</view>
+					<view class="flex-col justify-start text-wrapper_2 ml-7">
+						<text class="font_5 text_8 text_9">#体验包</text>
+					</view>
+					<view class="flex-col justify-start items-center text-wrapper_3 ml-7"><text
+							class="font_5">#友情</text></view>
+				</view>
+			</view>
+		</view>
+		<view class="flex-col mt-268">
+			<text class="self-start font_3 text_10">商品详情</text>
+			<view class="flex-col justify-start self-stretch section_4 mt-15">
+				<view class="flex-row items-center section_5">
+					<view class="flex-col items-center shrink-0">
+						<image class="image_4"
+							src="https://ide.code.fun/api/image?token=6710a29d1511d900114ac910&name=9139c9f83913be1d1e83cf86dd7a40b2.png" />
+						<text class="font_5 mt-3">客服</text>
+					</view>
+					<view class="ml-34 flex-row flex-1">
+						<view class="flex-col justify-start items-center text-wrapper_4">
+							<text class="font_6 text_11">加入购物车</text>
+						</view>
+						<view class="flex-col justify-start items-center text-wrapper_5 ml-9">
+							<text class="font_6">立即购买</text>
+						</view>
+					</view>
+				</view>
+			</view>
+		</view>
+	</view>
+</template>
+
+<script>
+</script>
+
+<style lang="scss" scoped>
+	.mt-5 {
+		margin-top: 9.38rpx;
+	}
+
+	.ml-7 {
+		margin-left: 13.13rpx;
+	}
+
+	.mt-268 {
+		margin-top: 502.5rpx;
+	}
+
+	.mt-15 {
+		margin-top: 28.13rpx;
+	}
+
+	.mt-3 {
+		margin-top: 5.63rpx;
+	}
+
+	.ml-9 {
+		margin-left: 16.88rpx;
+	}
+
+	.page {
+		padding-bottom: 331.88rpx;
+		background-color: #fffef8;
+		width: 100%;
+		overflow-y: auto;
+		overflow-x: hidden;
+		height: 100%;
+	}
+
+	.section {
+		padding: 0 82.5rpx 15rpx;
+		background-color: #a0522d;
+		position: fixed;
+		width: 100%;
+		top: 0;
+	}
+
+	.group {
+		padding: 30rpx 0 11.25rpx 3.75rpx;
+	}
+
+	.font {
+		font-size: 30rpx;
+		font-family: Open Sans;
+		line-height: 27.66rpx;
+		color: #fffef8;
+	}
+
+	.text {
+		line-height: 27.6rpx;
+	}
+
+	.text_2 {
+		line-height: 27.64rpx;
+	}
+
+	.section_2 {
+		background-color: #ffa700;
+		width: 69.38rpx;
+		height: 5.63rpx;
+	}
+
+	.image {
+		width: 100vw;
+		height: 48vw;
+	}
+
+	.group_2 {
+		padding: 0 22.5rpx;
+	}
+
+	.font_2 {
+		font-size: 30rpx;
+		font-family: Open Sans;
+		line-height: 35.63rpx;
+		color: #000000;
+	}
+
+	.equal-division {
+		flex: 1 1 0;
+		margin-right: 11.25rpx;
+	}
+
+	.equal-division-item {
+		border-radius: 18.75rpx;
+		width: 105rpx;
+		height: 91.88rpx;
+	}
+
+	.section_3 {
+		padding-left: 20.63rpx;
+		background-color: #fffaf0;
+		border-radius: 18.75rpx;
+		border-left: solid 1.88rpx #00000033;
+		border-right: solid 1.88rpx #00000033;
+		border-top: solid 1.88rpx #00000033;
+		border-bottom: solid 1.88rpx #00000033;
+	}
+
+	.group_3 {
+		padding: 15rpx 0;
+		width: 731.38rpx;
+	}
+
+	.image_2 {
+		margin-left: 7.5rpx;
+		width: 93.75rpx;
+		height: 58.13rpx;
+	}
+
+	.group_4 {
+		margin-right: 22.5rpx;
+		margin-top: 60rpx;
+	}
+
+	.image_3 {
+		width: 33.75rpx;
+		height: 33.75rpx;
+	}
+
+	.font_3 {
+		font-size: 30rpx;
+		font-family: Open Sans;
+		line-height: 27.66rpx;
+		color: #323232;
+	}
+
+	.divider {
+		margin-right: 35.63rpx;
+		background-color: #00000033;
+		height: 1.88rpx;
+	}
+
+	.group_5 {
+		padding: 15rpx 0 11.25rpx;
+		width: 734.01rpx;
+	}
+
+	.font_4 {
+		font-size: 26.25rpx;
+		font-family: Open Sans;
+		line-height: 31.88rpx;
+		color: #323232;
+	}
+
+	.text_3 {
+		text-shadow: 0 1.88rpx #fffaf0, 0 -1.88rpx #fffaf0, 1.88rpx 0 #fffaf0, -1.88rpx 0 #fffaf0;
+	}
+
+	.text_4 {
+		font-size: 28.13rpx;
+		line-height: 26.03rpx;
+	}
+
+	.text_5 {
+		color: #323232;
+		font-size: 33.75rpx;
+		font-family: Open Sans;
+		line-height: 31.46rpx;
+	}
+
+	.group_6 {
+		padding: 16.88rpx 0 22.5rpx;
+	}
+
+	.text_6 {
+		color: #000000;
+		line-height: 24.28rpx;
+	}
+
+	.text-wrapper {
+		padding: 7.5rpx 0;
+		background-color: #ffb35a;
+		border-radius: 9.38rpx;
+		width: 90rpx;
+		height: 39.38rpx;
+		border-left: solid 1.88rpx #00000033;
+		border-right: solid 1.88rpx #00000033;
+		border-top: solid 1.88rpx #00000033;
+		border-bottom: solid 1.88rpx #00000033;
+	}
+
+	.font_5 {
+		font-size: 22.5rpx;
+		font-family: Open Sans;
+		line-height: 20.72rpx;
+		color: #323232;
+	}
+
+	.text_7 {
+		line-height: 20.85rpx;
+	}
+
+	.text-wrapper_2 {
+		padding: 7.5rpx 0;
+		background-color: #ffb35a;
+		border-radius: 9.38rpx;
+		height: 39.38rpx;
+		border-left: solid 1.88rpx #00000033;
+		border-right: solid 1.88rpx #00000033;
+		border-top: solid 1.88rpx #00000033;
+		border-bottom: solid 1.88rpx #00000033;
+	}
+
+	.text_8 {
+		margin: 0 7.5rpx;
+	}
+
+	.text_9 {
+		line-height: 20.83rpx;
+	}
+
+	.text-wrapper_3 {
+		padding: 7.5rpx 0;
+		background-color: #ffb35a;
+		border-radius: 9.38rpx;
+		width: 105rpx;
+		height: 39.38rpx;
+		border-left: solid 1.88rpx #00000033;
+		border-right: solid 1.88rpx #00000033;
+		border-top: solid 1.88rpx #00000033;
+		border-bottom: solid 1.88rpx #00000033;
+	}
+
+	.text_10 {
+		margin-left: 15rpx;
+		line-height: 27.69rpx;
+	}
+
+	.section_4 {
+		padding: 45rpx 0 3838.13rpx;
+		background-image: url('https://ide.code.fun/api/image?token=6710a29d1511d900114ac910&name=23b7db846e029260305e0604be9e8e8a.png');
+		background-size: 100% 100%;
+		background-repeat: no-repeat;
+	}
+
+	.section_5 {
+		padding: 15rpx 26.25rpx;
+		background-color: #f8e8c1;
+		position: fixed;
+		bottom: 0;
+		width: 100%;
+	}
+
+	.image_4 {
+		width: 46.88rpx;
+		height: 46.88rpx;
+	}
+
+	.text-wrapper_4 {
+		padding: 22.5rpx 0;
+		flex: 1 1 283.13rpx;
+		background-color: #ffcd46;
+		border-radius: 93.75rpx;
+		height: 71.25rpx;
+	}
+
+	.font_6 {
+		font-size: 30rpx;
+		font-family: Open Sans;
+		line-height: 27.66rpx;
+		color: #ffffff;
+	}
+
+	.text_11 {
+		line-height: 27.79rpx;
+	}
+
+	.text-wrapper_5 {
+		padding: 22.5rpx 0;
+		flex: 1 1 283.13rpx;
+		background-color: #ff2d3d;
+		border-radius: 93.75rpx;
+		height: 71.25rpx;
+	}
+
+	@import url(../../common/css/global.css);
+</style>
\ No newline at end of file
diff --git a/pages/Shopping-cart/ReceivingInformation/ReceivingInformation.vue b/pages/Shopping-cart/ReceivingInformation/ReceivingInformation.vue
new file mode 100644
index 0000000..7b80fe4
--- /dev/null
+++ b/pages/Shopping-cart/ReceivingInformation/ReceivingInformation.vue
@@ -0,0 +1,203 @@
+<template>
+	<view class="flex-col page">
+	  <view class="flex-col group">
+	    <text class="self-start font text">收货信息</text>
+	    <view class="flex-col self-stretch section mt-15">
+	      <view class="flex-row items-center group_2">
+	        <text class="font">收货人</text>
+	        <view class="flex-col justify-start items-start flex-1 text-wrapper ml-27">
+	          <text class="font text_2">请输入姓名</text>
+	        </view>
+	      </view>
+	      <view class="flex-row items-center group_3">
+	        <text class="font text_3">手机号码</text>
+	        <view class="ml-12 flex-col justify-start items-start flex-1 text-wrapper_2">
+	          <text class="font text_4">15888610253</text>
+	        </view>
+	      </view>
+	      <view class="flex-row items-center group_4">
+	        <text class="font text_5">所在地区</text>
+	        <view class="flex-col justify-start flex-1 relative group_5 ml-13">
+	          <view class="flex-col justify-start items-start text-wrapper_3">
+	            <text class="font text_6">黑龙江/哈尔滨/呼兰区</text>
+	          </view>
+	          <image
+	            class="image pos"
+	            src="https://ide.code.fun/api/image?token=6710a29d1511d900114ac910&name=3e2a31d894d6e2dc87b84024e8b30588.png"
+	          />
+	        </view>
+	      </view>
+	      <view class="flex-row items-center group_6">
+	        <text class="font text_7">详细地址</text>
+	        <view class="flex-col items-start flex-1 section_2 ml-13">
+	          <text class="font_2">利民开发区学院路288号哈尔滨华德</text>
+	          <text class="mt-2 font_2">学院</text>
+	        </view>
+	      </view>
+	      <view class="flex-row justify-between items-center group_7">
+	        <text class="font">设为默认收货地址</text>
+	        <image
+	          class="image_2"
+	          src="https://ide.code.fun/api/image?token=6710a29d1511d900114ac910&name=897e9b02383f7821fc2538de47d78c1c.png"
+	        />
+	      </view>
+	    </view>
+	  </view>
+	  <view class="flex-col justify-start items-center section_3 mt-462">
+	    <view class="flex-col justify-start items-center text-wrapper_4"><text class="text_8">保存并使用</text></view>
+	  </view>
+	</view>
+</template>
+
+<script>
+</script>
+
+<style lang="scss" scoped>
+	.mt-15 {
+	  margin-top: 28.63rpx;
+	}
+	.ml-27 {
+	  margin-left: 51.53rpx;
+	}
+	.ml-13 {
+	  margin-left: 24.81rpx;
+	}
+	.mt-462 {
+	  margin-top: 881.68rpx;
+	}
+	.page {
+	  padding-top: 26.72rpx;
+	  background-color: #fffaf0;
+	  width: 100%;
+	  overflow-y: auto;
+	  overflow-x: hidden;
+	  height: 100%;
+	}
+	.group {
+	  padding: 0 20.99rpx;
+	}
+	.font {
+	  font-size: 26.72rpx;
+	  font-family: Open Sans;
+	  line-height: 24.77rpx;
+	  color: #323232;
+	}
+	.text {
+	  line-height: 24.92rpx;
+	}
+	.section {
+	  margin-right: 9.54rpx;
+	  padding-left: 26.72rpx;
+	  padding-right: 11.45rpx;
+	  background-color: #fffef8;
+	  border-radius: 9.54rpx;
+	  border-left: solid 1.91rpx #818181;
+	  border-right: solid 1.91rpx #818181;
+	  border-top: solid 1.91rpx #818181;
+	  border-bottom: solid 1.91rpx #818181;
+	}
+	.group_2 {
+	  padding: 22.9rpx 3.82rpx 11.45rpx;
+	  border-bottom: solid 1.91rpx #efefef;
+	}
+	.text-wrapper {
+	  margin-right: 30.53rpx;
+	  padding: 11.45rpx 0;
+	  background-color: #fffef8;
+	  height: 45.8rpx;
+	}
+	.text_2 {
+	  margin-left: 15.27rpx;
+	  color: #acacac;
+	  line-height: 24.71rpx;
+	}
+	.group_3 {
+	  padding: 15.27rpx 3.82rpx;
+	  border-bottom: solid 1.91rpx #efefef;
+	}
+	.text_3 {
+	  line-height: 24.6rpx;
+	}
+	.text-wrapper_2 {
+	  margin-right: 30.53rpx;
+	  padding: 15.27rpx 0;
+	  background-color: #fffef8;
+	  height: 45.8rpx;
+	}
+	.text_4 {
+	  margin-left: 19.08rpx;
+	  line-height: 19.64rpx;
+	}
+	.group_4 {
+	  padding: 11.45rpx 3.82rpx;
+	  border-bottom: solid 1.91rpx #efefef;
+	}
+	.text_5 {
+	  line-height: 24.64rpx;
+	}
+	.group_5 {
+	  margin-right: 11.45rpx;
+	}
+	.text-wrapper_3 {
+	  margin-right: 17.18rpx;
+	  padding: 11.45rpx 0;
+	  background-color: #fffef8;
+	}
+	.text_6 {
+	  margin-left: 15.27rpx;
+	  line-height: 24.83rpx;
+	}
+	.image {
+	  width: 49.62rpx;
+	  height: 49.62rpx;
+	}
+	.pos {
+	  position: absolute;
+	  right: 0;
+	  bottom: 0;
+	}
+	.group_6 {
+	  padding: 15.27rpx 3.82rpx 7.63rpx;
+	  border-bottom: solid 1.91rpx #efefef;
+	}
+	.text_7 {
+	  line-height: 24.69rpx;
+	}
+	.section_2 {
+	  margin-right: 19.08rpx;
+	  padding: 7.63rpx 15.27rpx;
+	  background-color: #fffef8;
+	  height: 83.97rpx;
+	}
+	.font_2 {
+	  font-size: 26.72rpx;
+	  font-family: Open Sans;
+	  line-height: 32.44rpx;
+	  color: #323232;
+	}
+	.group_7 {
+	  padding: 26.72rpx 3.82rpx 34.35rpx;
+	}
+	.image_2 {
+	  margin-right: 19.08rpx;
+	  width: 34.35rpx;
+	  height: 34.35rpx;
+	}
+	.section_3 {
+	  padding: 17.18rpx 0;
+	  background-color: #fffef8;
+	}
+	.text-wrapper_4 {
+	  padding: 26.72rpx 0;
+	  background-color: #ffa948;
+	  border-radius: 47.71rpx;
+	  width: 629.77rpx;
+	}
+	.text_8 {
+	  color: #ffffff;
+	  font-size: 30.53rpx;
+	  font-family: Open Sans;
+	  line-height: 28.4rpx;
+	}
+	@import url(../../common/css/global.css);
+</style>
\ No newline at end of file
diff --git a/pages/Shopping-cart/address/address.vue b/pages/Shopping-cart/address/address.vue
new file mode 100644
index 0000000..b72e431
--- /dev/null
+++ b/pages/Shopping-cart/address/address.vue
@@ -0,0 +1,122 @@
+<template>
+	<view class="flex-col page">
+	  <view class="flex-col list">
+	    <view class="flex-col list-item mt-9" v-for="(item, index) in items" :key="index">
+	      <view class="flex-row justify-between items-center">
+	        <view class="flex-row items-center">
+	          <text class="font">张三</text>
+	          <text class="font_2 ml-9">15888610253</text>
+	          <view class="flex-col justify-start items-center shrink-0 text-wrapper ml-9">
+	            <text class="text">默认</text>
+	          </view>
+	        </view>
+	        <view class="flex-row">
+	          <image
+	            class="image"
+	            src="https://ide.code.fun/api/image?token=6710a29d1511d900114ac910&name=6ff8502391df0676ffa6f9a4c72cf204.png"
+	          />
+	          <image
+	            class="ml-12 image"
+	            src="https://ide.code.fun/api/image?token=6710a29d1511d900114ac910&name=33bb1d0b853cc38a598105b3dab0d494.png"
+	          />
+	        </view>
+	      </view>
+	      <view class="mt-10 flex-col items-start">
+	        <text class="font_3">黑龙江省哈尔滨市呼兰区 学院路街道288号哈</text>
+	        <text class="mt-2 font_3">尔华德学院</text>
+	      </view>
+	    </view>
+	  </view>
+	  <view class="flex-col justify-start items-center section mt-455">
+	    <view class="flex-col justify-start items-center text-wrapper_2"><text class="font text_2">新增地址</text></view>
+	  </view>
+	</view>
+</template>
+
+<script>
+</script>
+
+<style lang="scss" scoped>
+	.mt-9 {
+	  margin-top: 17.18rpx;
+	}
+	.ml-9 {
+	  margin-left: 17.18rpx;
+	}
+	.mt-455 {
+	  margin-top: 868.32rpx;
+	}
+	.page {
+	  padding-top: 20.99rpx;
+	  background-color: #fffaf0;
+	  width: 100%;
+	  overflow-y: auto;
+	  overflow-x: hidden;
+	  height: 100%;
+	}
+	.list {
+	  padding: 0 20.99rpx;
+	}
+	.list-item {
+	  padding: 30.53rpx 15.27rpx 30.53rpx 22.9rpx;
+	  background-color: #ffffff;
+	  border-radius: 9.54rpx;
+	  border-left: solid 1.91rpx #818181;
+	  border-right: solid 1.91rpx #818181;
+	  border-top: solid 1.91rpx #818181;
+	  border-bottom: solid 1.91rpx #818181;
+	}
+	.list-item:first-child {
+	  margin-top: 0;
+	}
+	.font {
+	  font-size: 30.53rpx;
+	  font-family: Open Sans;
+	  line-height: 27.67rpx;
+	  color: #323232;
+	}
+	.font_2 {
+	  font-size: 30.53rpx;
+	  font-family: Open Sans;
+	  line-height: 22.44rpx;
+	  color: #323232;
+	}
+	.text-wrapper {
+	  background-color: #ffbe55;
+	  border-radius: 9.54rpx;
+	  width: 70.61rpx;
+	  height: 32.44rpx;
+	}
+	.text {
+	  color: #ffffff;
+	  font-size: 22.9rpx;
+	  font-family: Open Sans;
+	  line-height: 21.07rpx;
+	}
+	.image {
+	  border-radius: 9.54rpx;
+	  width: 40.08rpx;
+	  height: 40.08rpx;
+	}
+	.font_3 {
+	  font-size: 26.72rpx;
+	  font-family: Open Sans;
+	  line-height: 32.44rpx;
+	  color: #818181;
+	}
+	.section {
+	  padding: 17.18rpx 0;
+	  background-color: #ffffff;
+	}
+	.text-wrapper_2 {
+	  padding: 26.72rpx 0;
+	  background-color: #ffa948;
+	  border-radius: 47.71rpx;
+	  width: 629.77rpx;
+	}
+	.text_2 {
+	  color: #ffffff;
+	  line-height: 28.24rpx;
+	}
+	@import url(../../common/css/global.css);
+</style>
\ No newline at end of file
diff --git a/pages/Shopping-cart/productmain/productmain.vue b/pages/Shopping-cart/productmain/productmain.vue
index 39a304d..aac17cd 100644
--- a/pages/Shopping-cart/productmain/productmain.vue
+++ b/pages/Shopping-cart/productmain/productmain.vue
@@ -109,7 +109,7 @@
 	.text-wrapper {
 		padding: 26.25rpx 0;
 		background-color: #f5f5dc;
-		position: absolute;
+		position: fixed;
 		top: 0;
 		width: 100%;
 	}
@@ -117,7 +117,7 @@
 	.section {
 		padding: 0 121.88rpx;
 		background-color: #fffef8;
-		position: absolute;
+		position: fixed;
 		top: 70rpx;
 		width: 100%;
 	}
diff --git a/pages/booking/AppointmentHome.vue b/pages/booking/AppointmentHome.vue
new file mode 100644
index 0000000..b25a82b
--- /dev/null
+++ b/pages/booking/AppointmentHome.vue
@@ -0,0 +1,536 @@
+<template>
+	<view class="flex-col justify-start page">
+		<view class="flex-col section">
+			<view class="flex-col group">
+				<view class="flex-col justify-start items-start relative group_2">
+					<view class="section_2"></view>
+					<text class="font text pos">填写预约信息</text>
+					<view class="flex-col section_3 pos_2">
+						<navigator url="/pages/booking/ContactInformation">
+							<view class="flex-row justify-between items-center group_3">
+								<view class="flex-row items-center">
+									<image class="shrink-0 image"
+										src="https://ide.code.fun/api/image?token=6710a29d1511d900114ac910&name=31a410ede6797f73e60922316e512a5e.png" />
+									<text class="font_2 text_2 ml-7">联系人：张三</text>
+									<text class="font_2 text_3 ml-7">15888610253</text>
+								</view>
+								<image class="image_2"
+									src="https://ide.code.fun/api/image?token=6710a29d1511d900114ac910&name=6f325d022e16b19acc81dad350dbd524.png" />
+							</view>
+						</navigator>
+						<navigator url="/pages/booking/date">
+						<view class="flex-row justify-between items-center group_4">
+								<view class="flex-row items-center">
+									<image class="image"
+										src="https://ide.code.fun/api/image?token=6710a29d1511d900114ac910&name=c6dac3074d9c4e4d6286c07f0ea03db5.png" />
+									<view class="flex-col items-start ml-9">
+										<text class="font_3">到店日期：2024-10-15</text>
+										<text class="font_3 mt-2">具体场次：上午场（09:30-12:00）</text>
+									</view>
+								</view>
+								<image class="image_2"
+									src="https://ide.code.fun/api/image?token=6710a29d1511d900114ac910&name=6f325d022e16b19acc81dad350dbd524.png" />
+						</view>
+						</navigator>
+					</view>
+				</view>
+				<view class="flex-col group_5 mt-14">
+					<view class="flex-col self-stretch">
+						<text class="self-start font text_4">选择预约类别</text>
+						<view class="flex-col justify-start self-stretch section_4 mt-14">
+							<view class="flex-row equal-division">
+								<view class="flex-col items-center equal-division-item_1 section_5">
+									<image class="image_3"
+										src="https://ide.code.fun/api/image?token=6710a29d1511d900114ac910&name=b6725d0c7dfe22679472bb9a47e9e39b.png" />
+									<text class="font_4 mt-11">租赁服装</text>
+								</view>
+								<view class="flex-col items-center equal-division-item_2 equal-division-item ml-23">
+									<image class="image_3"
+										src="https://ide.code.fun/api/image?token=6710a29d1511d900114ac910&name=81f08e7f1a4104921b651e672383b3d9.png" />
+									<text class="font_4 text_5">自带服装</text>
+									<view class="section_7 pos_3"></view>
+								</view>
+							</view>
+						</view>
+					</view>
+					<text class="self-start font text_6 mt-23">选择服装价位</text>
+				</view>
+				<view class="flex-col section_8 mt-14">
+					<view class="flex-col">
+						<view class="flex-row justify-between items-center section_1">
+							<view class="flex-row items-center">
+								<image class="image_4"
+									src="https://ide.code.fun/api/image?token=6710a29d1511d900114ac910&name=c58ffae9f1ef4340291223163c7a8297.png" />
+								<view class="flex-col ml-13">
+									<text class="self-start font_2 text_7">简约风尚</text>
+									<view class="flex-row items-baseline self-stretch mt-11">
+										<text class="font_2">价位：</text>
+										<text class="font_5 text_1 ml-1">￥100-200</text>
+									</view>
+									<text class="self-stretch font_6 mt-11">传承非遗之美，简约演绎经典</text>
+								</view>
+							</view>
+							<image class="image_5"
+								src="https://ide.code.fun/api/image?token=6710a29d1511d900114ac910&name=7d16fc8dfa328fc97ff273ebeab9bc18.png" />
+						</view>
+						<view class="flex-row items-center section_13 mt-9">
+							<image class="shrink-0 image_4"
+								src="https://ide.code.fun/api/image?token=6710a29d1511d900114ac910&name=bc0e955304da0a2ccafe3a66ac1f3aca.png" />
+							<view class="flex-col flex-1 group_6">
+								<text class="self-start font_2 text_9">时尚精选</text>
+								<view class="flex-row items-baseline self-stretch mt-11">
+									<text class="font_2">价位：</text>
+									<text class="font_5 text_10 ml-1">￥200-400</text>
+								</view>
+								<text class="self-stretch font_6 text_11 mt-11">融合时尚与传统，精选非遗华章</text>
+							</view>
+							<image class="shrink-0 image_5 image_6"
+								src="https://ide.code.fun/api/image?token=6710a29d1511d900114ac910&name=7d16fc8dfa328fc97ff273ebeab9bc18.png" />
+						</view>
+						<view class="flex-row justify-between items-center section_13 mt-9">
+							<view class="flex-row items-center">
+								<image class="image_7"
+									src="https://ide.code.fun/api/image?token=6710a29d1511d900114ac910&name=4c1c758fda92536b923ec745cb077f5a.png" />
+								<view class="flex-col ml-13">
+									<text class="self-start font_2 text_12">奢华专属</text>
+									<view class="flex-row items-baseline self-stretch mt-11">
+										<text class="font_2">价位：</text>
+										<text class="font_5 text_20 ml-1">￥400-800</text>
+									</view>
+									<text class="self-stretch font_6 mt-11">非遗匠心独运，奢华专属定制</text>
+								</view>
+							</view>
+							<image class="image_5"
+								src="https://ide.code.fun/api/image?token=6710a29d1511d900114ac910&name=7d16fc8dfa328fc97ff273ebeab9bc18.png" />
+						</view>
+					</view>
+					<view class="flex-row justify-center items-center mt-15">
+						<image class="image_8"
+							src="https://ide.code.fun/api/image?token=6710a29d1511d900114ac910&name=18dd2fa44538df4392850f46b9b3550e.png" />
+						<text class="font_6 text_13 ml-4">预约须知</text>
+					</view>
+				</view>
+			</view>
+			<view class="flex-row items-center section_9 mt-19">
+				<view class="flex-row items-center shrink-0 group_7">
+					<view class="flex-col justify-start items-start shrink-0 relative group_8">
+						<text class="text_14">预约费用：</text>
+						<image class="image_2 pos_4"
+							src="https://ide.code.fun/api/image?token=6710a29d1511d900114ac910&name=3393d3563afcfe7dedbadba1ea5328a0.png" />
+					</view>
+					<text class="font_5 text_15">88.</text>
+					<text class="text_17">00</text>
+				</view>
+				<view class="flex-row items-center flex-1 ml-51">
+					<view class="flex-row shrink-0 section_10">
+						<text class="text_18">费用说明</text>
+						<image class="shrink-0 image_9 ml-3"
+							src="https://ide.code.fun/api/image?token=6710a29d1511d900114ac910&name=0455b173571a47fdc438588e788f26c5.png" />
+					</view>
+					<view class="flex-col justify-start items-center flex-1 text-wrapper ml-10">
+						<text class="font_4 text_16">确定预约</text>
+					</view>
+				</view>
+			</view>
+		</view>
+	</view>
+</template>
+
+<script setup lang="ts">
+	// import { ref} from 'vue';
+</script>
+
+<style lang="scss" scoped>
+	.ml-7 {
+		margin-left: 13.13rpx;
+	}
+
+	.ml-9 {
+		margin-left: 16.88rpx;
+	}
+
+	.ml-23 {
+		margin-left: 43.13rpx;
+	}
+
+	.mt-23 {
+		margin-top: 43.13rpx;
+	}
+
+	.ml-13 {
+		margin-left: 24.38rpx;
+	}
+
+	.mt-9 {
+		margin-top: 16.88rpx;
+	}
+
+	.mt-11 {
+		margin-top: 20.63rpx;
+	}
+
+	.ml-1 {
+		margin-left: 1.88rpx;
+	}
+
+	.mt-15 {
+		margin-top: 28.13rpx;
+	}
+
+	.mt-19 {
+		position: fixed;
+		bottom: 0;
+		width: 100%;
+	}
+
+	.ml-51 {
+		margin-left: 95.63rpx;
+	}
+
+	.ml-3 {
+		margin-left: 5.63rpx;
+	}
+
+	.page {
+		background-color: #ffffff;
+		height: 100%;
+		width: 100%;
+		overflow-y: auto;
+		overflow-x: hidden;
+	}
+
+	.section {
+		background-color: #f5f5dc;
+	}
+
+	.group {
+		padding: 45.75rpx 0;
+	}
+
+	.group_2 {
+		padding-top: 12.38rpx;
+	}
+
+	.section_2 {
+		margin-left: 71.25rpx;
+		background-color: #ffffff00;
+		border-radius: 18.75rpx;
+		width: 281.25rpx;
+		height: 281.25rpx;
+	}
+
+	.font {
+		font-size: 30rpx;
+		font-family: Open Sans;
+		line-height: 27.75rpx;
+		color: #323232;
+	}
+
+	.text {
+		line-height: 27.96rpx;
+	}
+
+	.pos {
+		position: absolute;
+		left: 21.62rpx;
+		top: 0;
+	}
+
+	.section_3 {
+		padding-left: 33.75rpx;
+		padding-right: 28.13rpx;
+		background-color: #fffef8;
+		border-radius: 18.75rpx;
+	}
+
+	.pos_2 {
+		position: absolute;
+		left: 20.63rpx;
+		right: 20.63rpx;
+		top: 53.63rpx;
+	}
+
+	.group_3 {
+		padding: 31.88rpx 0 15.94rpx;
+		border-bottom: solid 1.88rpx #e2e0e0;
+	}
+
+	.image {
+		width: 43.13rpx;
+		height: 43.13rpx;
+	}
+
+	.font_2 {
+		font-size: 26.25rpx;
+		font-family: Open Sans;
+		line-height: 24.3rpx;
+		color: #323232;
+	}
+
+	.text_2 {
+		line-height: 24rpx;
+	}
+
+	.text_3 {
+		line-height: 24rpx;
+	}
+
+	.image_2 {
+		width: 33.75rpx;
+		height: 33.75rpx;
+	}
+
+	.group_4 {
+		padding: 22.97rpx 0 36.51rpx;
+	}
+
+	.font_3 {
+		font-size: 26.25rpx;
+		font-family: Open Sans;
+		line-height: 31.88rpx;
+		color: #323232;
+	}
+
+	.group_5 {
+		padding: 0 30rpx;
+	}
+
+	.text_4 {
+		line-height: 27.69rpx;
+	}
+
+	.section_4 {
+		padding: 31.88rpx 0;
+		background-color: #fffef8;
+		border-radius: 18.75rpx;
+	}
+
+	.equal-division {
+		margin-left: 41.25rpx;
+		margin-right: 41.27rpx;
+	}
+
+	.equal-division-item_1 {
+		flex: 1 1 281.25rpx;
+	}
+
+	.section_5 {
+		padding: 31.57rpx 0 40.58rpx;
+		background-color: #fff291;
+		border-radius: 18.75rpx;
+		height: 281.25rpx;
+	}
+
+	.image_3 {
+		width: 159.99rpx;
+		height: 159.99rpx;
+	}
+
+	.font_4 {
+		font-size: 30rpx;
+		font-family: Inter;
+		line-height: 27.75rpx;
+		color: #323232;
+	}
+
+	.equal-division-item_2 {
+		position: relative;
+		flex: 1 1 281.25rpx;
+	}
+
+	.equal-division-item {
+		padding: 31.56rpx 0 42.49rpx;
+		background-color: #fff291;
+		border-radius: 18.75rpx;
+		height: 281.25rpx;
+	}
+
+	.text_5 {
+		margin-top: 19.46rpx;
+	}
+
+	.section_7 {
+		background-color: #ffffff99;
+		border-radius: 18.75rpx;
+		width: 281.25rpx;
+		height: 281.25rpx;
+	}
+
+	.pos_3 {
+		position: absolute;
+		left: 0;
+		right: 0;
+		top: 0;
+		bottom: 0;
+	}
+
+	.text_6 {
+		line-height: 27.86rpx;
+	}
+
+	.section_8 {
+		padding: 30rpx 30rpx 26.25rpx;
+		background-color: #fff3c3;
+	}
+
+	.section_1 {
+		padding: 24.38rpx 26.25rpx 26.25rpx 39.38rpx;
+		background-color: #fffef8;
+		border-radius: 18.75rpx;
+	}
+
+	.image_4 {
+		border-radius: 9.38rpx;
+		width: 118.13rpx;
+		height: 151.88rpx;
+	}
+
+	.text_7 {
+		line-height: 24.26rpx;
+	}
+
+	.font_5 {
+		font-size: 33.75rpx;
+		font-family: Open Sans;
+		line-height: 24.3rpx;
+		color: #ff3c3c;
+	}
+
+	.text_1 {
+		line-height: 24.81rpx;
+	}
+
+	.font_6 {
+		font-size: 22.5rpx;
+		font-family: Open Sans;
+		line-height: 21.36rpx;
+		color: #898989;
+	}
+
+	.image_5 {
+		width: 37.5rpx;
+		height: 37.5rpx;
+	}
+
+	.section_13 {
+		padding: 26.27rpx 26.25rpx 24.36rpx 39.38rpx;
+		background-color: #fffef8;
+		border-radius: 18.75rpx;
+	}
+
+	.group_6 {
+		margin-left: 24.77rpx;
+	}
+
+	.text_9 {
+		line-height: 24.15rpx;
+	}
+
+	.text_10 {
+		line-height: 24.81rpx;
+	}
+
+	.text_11 {
+		line-height: 21.38rpx;
+	}
+
+	.image_6 {
+		margin-left: 39.99rpx;
+	}
+
+	.image_7 {
+		width: 118.13rpx;
+		height: 151.88rpx;
+	}
+
+	.text_12 {
+		line-height: 24.23rpx;
+	}
+
+	.text_20 {
+		line-height: 24.81rpx;
+	}
+
+	.image_8 {
+		width: 28.13rpx;
+		height: 28.13rpx;
+	}
+
+	.text_13 {
+		color: #000000;
+		line-height: 20.77rpx;
+	}
+
+	.section_9 {
+		padding: 16.88rpx 20.63rpx 15rpx 21.6rpx;
+		background-color: #fffef8;
+	}
+
+	.group_7 {
+		width: 236.23rpx;
+	}
+
+	.group_8 {
+		padding: 4.22rpx 0 5.25rpx;
+	}
+
+	.text_14 {
+		color: #000000;
+		font-size: 26.25rpx;
+		font-family: Inter;
+		line-height: 24.28rpx;
+	}
+
+	.pos_4 {
+		position: absolute;
+		right: 0;
+		bottom: 0;
+	}
+
+	.text_15 {
+		color: #fbb612;
+		font-weight: 700;
+		line-height: 24.84rpx;
+	}
+
+	.text_17 {
+		margin-left: 3.52rpx;
+		color: #fbb612;
+		font-size: 26.25rpx;
+		font-family: Open Sans;
+		font-weight: 700;
+		line-height: 19.29rpx;
+	}
+
+	.section_10 {
+		padding: 9.38rpx 9.38rpx 9.38rpx 10.18rpx;
+		background-color: #d9d9d9;
+		border-radius: 9.38rpx;
+		height: 37.5rpx;
+	}
+
+	.text_18 {
+		color: #323232;
+		font-size: 18.75rpx;
+		font-family: Inter;
+		line-height: 17.36rpx;
+	}
+
+	.image_9 {
+		width: 18.75rpx;
+		height: 18.75rpx;
+	}
+
+	.text-wrapper {
+		padding: 27.3rpx 0 27.45rpx;
+		background-color: #fbb612;
+		border-radius: 75rpx;
+		height: 82.5rpx;
+	}
+
+	.text_16 {
+		color: #ffffff;
+	}
+
+	@import url(../../common/css/global.css);
+</style>
\ No newline at end of file
diff --git a/pages/booking/ContactInformation.vue b/pages/booking/ContactInformation.vue
new file mode 100644
index 0000000..97762b9
--- /dev/null
+++ b/pages/booking/ContactInformation.vue
@@ -0,0 +1,162 @@
+<template>
+<view class="flex-col page">
+  <view class="flex-col flex-1 group_2">
+    <view class="flex-col">
+      <view class="flex-row justify-between items-center section">
+        <view class="flex-row items-center">
+          <image
+            class="shrink-0 image_3"
+            src="https://ide.code.fun/api/image?token=6710a29d1511d900114ac910&name=3a9304082db1a0ce59900947da89bfaf.png"
+          />
+          <text class="font ml-9">张三</text>
+          <text class="font_2 ml-9">15888610253</text>
+        </view>
+        <view class="flex-row group_3">
+          <image
+            class="image_2"
+            src="https://ide.code.fun/api/image?token=6710a29d1511d900114ac910&name=4ea2c3040a66adfdc3cd18d7fe9fea60.png"
+          />
+          <image
+            class="ml-12 image_2"
+            src="https://ide.code.fun/api/image?token=6710a29d1511d900114ac910&name=6184b59dfc6e09773e972bd085509877.png"
+          />
+        </view>
+      </view>
+      <view class="flex-row justify-between items-center section">
+        <view class="flex-row items-center">
+          <image
+            class="shrink-0 image_3"
+            src="https://ide.code.fun/api/image?token=6710a29d1511d900114ac910&name=3a9304082db1a0ce59900947da89bfaf.png"
+          />
+          <text class="font ml-9">张三</text>
+          <text class="font_2 ml-9">15888610253</text>
+        </view>
+        <view class="flex-row group_3">
+          <image
+            class="image_2"
+            src="https://ide.code.fun/api/image?token=6710a29d1511d900114ac910&name=4ea2c3040a66adfdc3cd18d7fe9fea60.png"
+          />
+          <image
+            class="ml-12 image_2"
+            src="https://ide.code.fun/api/image?token=6710a29d1511d900114ac910&name=6184b59dfc6e09773e972bd085509877.png"
+          />
+        </view>
+      </view>
+      <view class="flex-row justify-between items-center section">
+        <view class="flex-row items-center">
+          <image
+            class="shrink-0 image_3"
+            src="https://ide.code.fun/api/image?token=6710a29d1511d900114ac910&name=3a9304082db1a0ce59900947da89bfaf.png"
+          />
+          <text class="font ml-9">张三</text>
+          <text class="font_2 ml-9">15888610253</text>
+        </view>
+        <view class="flex-row group_3">
+          <image
+            class="image_2"
+            src="https://ide.code.fun/api/image?token=6710a29d1511d900114ac910&name=4ea2c3040a66adfdc3cd18d7fe9fea60.png"
+          />
+          <image
+            class="ml-12 image_2"
+            src="https://ide.code.fun/api/image?token=6710a29d1511d900114ac910&name=6184b59dfc6e09773e972bd085509877.png"
+          />
+        </view>
+      </view>
+      <view class="flex-row justify-between items-center section">
+        <view class="flex-row items-center">
+          <image
+            class="shrink-0 image_3"
+            src="https://ide.code.fun/api/image?token=6710a29d1511d900114ac910&name=3a9304082db1a0ce59900947da89bfaf.png"
+          />
+          <text class="font ml-9">张三</text>
+          <text class="font_2 ml-9">15888610253</text>
+        </view>
+        <view class="flex-row group_3">
+          <image
+            class="image_2"
+            src="https://ide.code.fun/api/image?token=6710a29d1511d900114ac910&name=4ea2c3040a66adfdc3cd18d7fe9fea60.png"
+          />
+          <image
+            class="ml-12 image_2"
+            src="https://ide.code.fun/api/image?token=6710a29d1511d900114ac910&name=6184b59dfc6e09773e972bd085509877.png"
+          />
+        </view>
+      </view>
+    </view>
+    <view class="flex-col justify-start items-center section_2 mt-251">
+      <view class="flex-col justify-start items-center button"><text class="font text_2">添加新联系人</text></view>
+    </view>
+  </view>
+</view>
+</template>
+
+<script>
+import {ref} from 'vue';
+
+const items = ([null,null,null,null])
+</script>
+
+<style lang="scss" scoped>
+.ml-9 {
+  margin-left: 16.88rpx;
+}
+.mt-251 {
+  position: fixed;
+  bottom: 0;
+  width: 100%;
+}
+.page {
+  background-color: #f5f5dc;
+  border-radius: 28.13rpx 28.13rpx 0rpx 0rpx;
+  width: 100%;
+  overflow-y: auto;
+  overflow-x: hidden;
+  height: 100%;
+}
+.group_2 {
+  overflow-y: auto;
+}
+.section {
+  padding: 52.5rpx 15rpx;
+  background-color: #fffef8;
+  border-bottom: solid 1.88rpx #c8c8c8;
+}
+.image_3 {
+  width: 33.75rpx;
+  height: 33.75rpx;
+}
+.font {
+  font-size: 30rpx;
+  font-family: Open Sans;
+  line-height: 27.19rpx;
+  color: #323232;
+}
+.font_2 {
+  font-size: 30rpx;
+  font-family: Open Sans;
+  line-height: 22.05rpx;
+  color: #323232;
+}
+.group_3 {
+  margin-right: 11.25rpx;
+}
+.image_2 {
+  width: 39.38rpx;
+  height: 39.38rpx;
+}
+.section_2 {
+  padding: 22.5rpx 0 15rpx;
+  background-color: #fffef8;
+}
+.button {
+  padding: 30rpx 0;
+  background-color: #fbb612;
+  border-radius: 75rpx;
+  width: 639.38rpx;
+}
+.text_2 {
+  color: #ffffff;
+  line-height: 27.75rpx;
+}
+@import url(../../common/css/global.css);
+</style>
\ No newline at end of file
diff --git a/pages/booking/date.vue b/pages/booking/date.vue
new file mode 100644
index 0000000..1e00935
--- /dev/null
+++ b/pages/booking/date.vue
@@ -0,0 +1,475 @@
+<template>
+	<view class="flex-col page">
+	  <view class="flex-col flex-1 group_3">
+	    <view class="flex-col relative group">
+	      <view class="flex-col">
+	        <view class="flex-col group_2">
+	          <text class="self-start font text">场次</text>
+	          <view class="mt-20 flex-col items-start self-stretch group_4">
+	            <view class="flex-col justify-start text-wrapper">
+	              <text class="font_2 text_2">上午场（09:30-12:00）</text>
+	            </view>
+	            <view class="mt-14 flex-col justify-start text-wrapper_2">
+	              <text class="text_3">下午场（13:00-16:00）</text>
+	            </view>
+	          </view>
+	          <view class="mt-20 self-stretch divider"></view>
+	          <text class="mt-20 self-start font text_4">日期</text>
+	        </view>
+	        <view class="mt-22 flex-col">
+	          <view class="flex-col justify-start self-start section">
+	            <view class="flex-row equal-division">
+	              <view class="flex-col items-center group_5 equal-division-item">
+	                <text class="font_2 text_5">9月</text>
+	                <text class="font_3 mt-9">￥68.00起</text>
+	              </view>
+	              <view class="flex-col items-center group_5 equal-division-item">
+	                <text class="font_2 text_5">10月</text>
+	                <text class="font_3 mt-9">￥68.00起</text>
+	              </view>
+	              <view class="flex-col items-center group_5 equal-division-item">
+	                <text class="font_2 text_5">11月</text>
+	                <text class="font_3 mt-9">￥68.00起</text>
+	              </view>
+	              <view class="flex-col items-center group_5 equal-division-item">
+	                <text class="font_2 text_5">12月</text>
+	                <text class="font_3 mt-9">￥68.00起</text>
+	              </view>
+	            </view>
+	          </view>
+	          <view class="mt-10 flex-row justify-between items-center self-stretch section_2">
+	            <text class="font_4 text_6">日</text>
+	            <text class="font_5 text_12">一</text>
+	            <text class="font_5 text_7">二</text>
+	            <text class="font_5 text_8">三</text>
+	            <text class="font_5 text_9">四</text>
+	            <text class="font_5 text_10">五</text>
+	            <text class="font_4 text_11">六</text>
+	          </view>
+	        </view>
+	      </view>
+	      <view class="flex-col">
+	        <view class="grid">
+	          <view class="flex-col items-center grid-item">
+	            <text class="font_6">余99</text>
+	            <text class="font_7 mt-7">1</text>
+	            <text class="font_8 mt-7">￥68.00</text>
+	          </view>
+	          <view class="flex-col items-center grid-item">
+	            <text class="font_6">余99</text>
+	            <text class="font_7 mt-7">2</text>
+	            <text class="font_8 mt-7">￥68.00</text>
+	          </view>
+	          <view class="flex-col items-center grid-item">
+	            <text class="font_6">余99</text>
+	            <text class="font_7 mt-7">3</text>
+	            <text class="font_8 mt-7">￥68.00</text>
+	          </view>
+	          <view class="flex-col items-center grid-item">
+	            <text class="font_6">余99</text>
+	            <text class="font_7 mt-7">4</text>
+	            <text class="font_8 mt-7">￥68.00</text>
+	          </view>
+	          <view class="flex-col items-center grid-item">
+	            <text class="font_6">余99</text>
+	            <text class="font_7 mt-7">5</text>
+	            <text class="font_8 mt-7">￥68.00</text>
+	          </view>
+	          <view class="flex-col items-center grid-item">
+	            <text class="font_6">余99</text>
+	            <text class="font_7 mt-7">6</text>
+	            <text class="font_8 mt-7">￥68.00</text>
+	          </view>
+	          <view class="flex-col items-center grid-item">
+	            <text class="font_6">余99</text>
+	            <text class="font_7 mt-7">7</text>
+	            <text class="font_8 mt-7">￥68.00</text>
+	          </view>
+	          <view class="flex-col items-center grid-item">
+	            <text class="font_6">余99</text>
+	            <text class="font_7 mt-7">8</text>
+	            <text class="font_8 mt-7">￥68.00</text>
+	          </view>
+	          <view class="flex-col items-center grid-item">
+	            <text class="font_6">余99</text>
+	            <text class="font_7 mt-7">9</text>
+	            <text class="font_8 mt-7">￥68.00</text>
+	          </view>
+	          <view class="flex-col items-center grid-item">
+	            <text class="font_6">余99</text>
+	            <text class="font_7 mt-7">10</text>
+	            <text class="font_8 mt-7">￥68.00</text>
+	          </view>
+	          <view class="flex-col items-center grid-item">
+	            <text class="font_6">余99</text>
+	            <text class="font_7 mt-7">11</text>
+	            <text class="font_8 mt-7">￥68.00</text>
+	          </view>
+	          <view class="flex-col items-center grid-item">
+	            <text class="font_6">余99</text>
+	            <text class="font_7 mt-7">12</text>
+	            <text class="font_8 mt-7">￥68.00</text>
+	          </view>
+	          <view class="flex-col items-center grid-item">
+	            <text class="font_6">余99</text>
+	            <text class="font_7 mt-7">13</text>
+	            <text class="font_8 mt-7">￥68.00</text>
+	          </view>
+	          <view class="flex-col items-center grid-item">
+	            <text class="font_6">余99</text>
+	            <text class="font_7 mt-7">14</text>
+	            <text class="font_8 mt-7">￥68.00</text>
+	          </view>
+	          <view class="flex-col items-center grid-item">
+	            <text class="font_6">余99</text>
+	            <text class="font_7 mt-7">15</text>
+	            <text class="font_8 mt-7">￥68.00</text>
+	          </view>
+	          <view class="flex-col items-center grid-item">
+	            <text class="font_6">余99</text>
+	            <text class="font_7 mt-7">16</text>
+	            <text class="font_8 mt-7">￥68.00</text>
+	          </view>
+	          <view class="flex-col items-center grid-item">
+	            <text class="font_6">余99</text>
+	            <text class="font_7 mt-7">17</text>
+	            <text class="font_8 mt-7">￥68.00</text>
+	          </view>
+	          <view class="flex-col items-center grid-item">
+	            <text class="font_6">余99</text>
+	            <text class="font_7 mt-7">18</text>
+	            <text class="font_8 mt-7">￥68.00</text>
+	          </view>
+	          <view class="flex-col items-center grid-item">
+	            <text class="font_6">余99</text>
+	            <text class="font_7 mt-7">19</text>
+	            <text class="font_8 mt-7">￥68.00</text>
+	          </view>
+	          <view class="flex-col items-center grid-item">
+	            <text class="font_6">余99</text>
+	            <text class="font_7 mt-7">20</text>
+	            <text class="font_8 mt-7">￥68.00</text>
+	          </view>
+	          <view class="flex-col items-center grid-item">
+	            <text class="font_6">余99</text>
+	            <text class="font_7 mt-7">21</text>
+	            <text class="font_8 mt-7">￥68.00</text>
+	          </view>
+	          <view class="flex-col items-center grid-item">
+	            <text class="font_6">余99</text>
+	            <text class="font_7 mt-7">22</text>
+	            <text class="font_8 mt-7">￥68.00</text>
+	          </view>
+	          <view class="flex-col items-center grid-item">
+	            <text class="font_6">余99</text>
+	            <text class="font_7 mt-7">23</text>
+	            <text class="font_8 mt-7">￥68.00</text>
+	          </view>
+	          <view class="flex-col items-center grid-item">
+	            <text class="font_6">余99</text>
+	            <text class="font_7 mt-7">24</text>
+	            <text class="font_8 mt-7">￥68.00</text>
+	          </view>
+	          <view class="flex-col items-center grid-item">
+	            <text class="font_6">余99</text>
+	            <text class="font_7 mt-7">25</text>
+	            <text class="font_8 mt-7">￥68.00</text>
+	          </view>
+	          <view class="flex-col items-center grid-item">
+	            <text class="font_6">余99</text>
+	            <text class="font_7 mt-7">26</text>
+	            <text class="font_8 mt-7">￥68.00</text>
+	          </view>
+	          <view class="flex-col items-center grid-item">
+	            <text class="font_6">余99</text>
+	            <text class="font_7 mt-7">27</text>
+	            <text class="font_8 mt-7">￥68.00</text>
+	          </view>
+	          <view class="flex-col items-center grid-item">
+	            <text class="font_6">余99</text>
+	            <text class="font_7 mt-7">28</text>
+	            <text class="font_8 mt-7">￥68.00</text>
+	          </view>
+	        </view>
+	        <view class="flex-row mt-5">
+	          <view class="flex-col items-center section_3">
+	            <text class="font_6">余99</text>
+	            <text class="font_7 text_13 mt-7">29</text>
+	            <text class="font_8 mt-7">￥68.00</text>
+	          </view>
+	          <view class="flex-col items-center section_3 ml-5">
+	            <text class="font_6">余99</text>
+	            <text class="font_7 text_14 mt-7">30</text>
+	            <text class="font_8 mt-7">￥68.00</text>
+	          </view>
+	        </view>
+	      </view>
+	      <view class="flex-row justify-between items-center group_6">
+	        <text class="font">数量</text>
+	        <view class="flex-row items-center">
+	          <text class="text_15">一次限购100件</text>
+	          <image
+	            class="shrink-0 image_2"
+	            src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/66d02802d54496f19fd8b116/6705182d1511d900114a0a46/bd83ec79ae6ad0d4932c2e9d97aef3ef.png"
+	          />
+	          <view class="flex-col justify-start items-center shrink-0 text-wrapper_3">
+	            <text class="font_7 text_16">1</text>
+	          </view>
+	          <image
+	            class="shrink-0 image_3"
+	            src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/66d02802d54496f19fd8b116/6705182d1511d900114a0a46/3d7428683bada7a94b84917c1f260b0e.png"
+	          />
+	        </view>
+	      </view>
+	    </view>
+	    <view class="flex-col justify-start section_4 mt-55">
+	      <view class="flex-col justify-start items-center button text-wrapper_4"><text class="text_17">下一步</text></view>
+	    </view>
+	  </view>
+	</view>
+</template>
+
+<script>
+</script>
+
+<style lang="scss" scoped>
+	.mt-9 {
+	  margin-top: 16.88rpx;
+	}
+	.mt-5 {
+	  margin-top: 9.38rpx;
+	}
+	.ml-5 {
+	  margin-left: 9.38rpx;
+	}
+	.mt-7 {
+	  margin-top: 13.13rpx;
+	}
+	.mt-55 {
+	  margin-top: 103.13rpx;
+	}
+	.page {
+	  background-color: #fffef8;
+	  border-radius: 37.5rpx 37.5rpx 0rpx 0rpx;
+	  width: 100%;
+	  overflow-y: auto;
+	  overflow-x: hidden;
+	  height: 100%;
+	}
+	.group_3 {
+	  padding-bottom: 16.88rpx;
+	  overflow-y: auto;
+	}
+	.group {
+	  margin-top: -15rpx;
+	}
+	.group_2 {
+	  padding: 0 31.88rpx;
+	}
+	.font {
+	  font-size: 30rpx;
+	  font-family: Times New Roman;
+	  line-height: 27.69rpx;
+	  color: #323233;
+	}
+	.text {
+	  margin-left: 3.75rpx;
+	  line-height: 27.51rpx;
+	}
+	.group_4 {
+	  padding: 0 3.75rpx;
+	}
+	.text-wrapper {
+	  padding: 18.75rpx 0;
+	  background-color: #f3f3f3;
+	  border-radius: 5.63rpx;
+	}
+	.font_2 {
+	  font-size: 26.25rpx;
+	  font-family: Open Sans;
+	  line-height: 22.01rpx;
+	  color: #323233;
+	}
+	.text_2 {
+	  margin-left: 15rpx;
+	  margin-right: 11.25rpx;
+	  line-height: 24.96rpx;
+	}
+	.text-wrapper_2 {
+	  padding: 18.75rpx 0;
+	  background-color: #fff4cd;
+	  border-radius: 5.63rpx;
+	}
+	.text_3 {
+	  margin-left: 15rpx;
+	  margin-right: 11.25rpx;
+	  color: #fcc600;
+	  font-size: 26.25rpx;
+	  font-family: Open Sans;
+	  line-height: 24.96rpx;
+	}
+	.divider {
+	  background-color: #eaeaea;
+	  height: 1.88rpx;
+	}
+	.text_4 {
+	  margin-left: 7.5rpx;
+	  line-height: 27.39rpx;
+	}
+	.section {
+	  padding: 22.5rpx 0 15rpx;
+	  background-color: #fffef8;
+	  width: 538.13rpx;
+	}
+	.equal-division {
+	  padding: 0 26.25rpx;
+	}
+	.group_5 {
+	  flex: 1 1 120rpx;
+	}
+	.equal-division-item {
+	  padding: 11.25rpx 0;
+	}
+	.text_5 {
+	  line-height: 22.78rpx;
+	}
+	.font_3 {
+	  font-size: 18.75rpx;
+	  font-family: Open Sans;
+	  line-height: 17.38rpx;
+	  color: #fcc600;
+	}
+	.section_2 {
+	  padding: 30rpx 41.25rpx 30rpx 45rpx;
+	  background-color: #f5f5dc;
+	}
+	.font_4 {
+	  font-size: 26.25rpx;
+	  font-family: Times New Roman;
+	  line-height: 22.01rpx;
+	  color: #fcc600;
+	}
+	.text_6 {
+	  line-height: 22.07rpx;
+	}
+	.font_5 {
+	  font-size: 26.25rpx;
+	  font-family: Times New Roman;
+	  line-height: 22.01rpx;
+	  color: #323233;
+	}
+	.text_12 {
+	  line-height: 2.16rpx;
+	}
+	.text_7 {
+	  line-height: 17.78rpx;
+	}
+	.text_8 {
+	  line-height: 19.69rpx;
+	}
+	.text_9 {
+	  line-height: 21rpx;
+	}
+	.text_10 {
+	  line-height: 20.16rpx;
+	}
+	.text_11 {
+	  line-height: 23.81rpx;
+	}
+	.grid {
+	  height: 455.63rpx;
+	  display: grid;
+	  grid-template-rows: repeat(4, minmax(0, 1fr));
+	  grid-template-columns: repeat(7, minmax(0, 1fr));
+	  row-gap: 11.38rpx;
+	  column-gap: 0;
+	}
+	.grid-item {
+	  padding: 18.75rpx 0;
+	  background-color: #fffef8;
+	  border-radius: 5.63rpx;
+	}
+	.font_6 {
+	  font-size: 15rpx;
+	  font-family: Open Sans;
+	  line-height: 13.76rpx;
+	  color: #323233;
+	}
+	.font_7 {
+	  font-size: 30rpx;
+	  font-family: Open Sans;
+	  line-height: 22.01rpx;
+	  color: #323233;
+	}
+	.font_8 {
+	  font-size: 15rpx;
+	  font-family: Open Sans;
+	  line-height: 11.08rpx;
+	  color: #323233;
+	}
+	.section_3 {
+	  padding: 15rpx 0;
+	  background-color: #fffef8;
+	  border-radius: 5.63rpx;
+	  width: 101.25rpx;
+	  height: 106.88rpx;
+	}
+	.text_13 {
+	  line-height: 22.03rpx;
+	}
+	.text_14 {
+	  line-height: 22.05rpx;
+	}
+	.group_6 {
+	  margin-top: 52.5rpx;
+	  padding-left: 37.5rpx;
+	  padding-right: 28.13rpx;
+	}
+	.text_15 {
+	  color: #818181;
+	  font-size: 22.5rpx;
+	  font-family: Open Sans;
+	  line-height: 20.72rpx;
+	}
+	.image_2 {
+	  margin-left: 11.25rpx;
+	  border-radius: 5.63rpx 0rpx 0rpx 5.63rpx;
+	  width: 52.5rpx;
+	  height: 52.5rpx;
+	}
+	.text-wrapper_3 {
+	  padding: 15rpx 0;
+	  background-color: #f5f5dc;
+	  width: 52.5rpx;
+	  height: 52.5rpx;
+	}
+	.text_16 {
+	  color: #000000;
+	  line-height: 21.41rpx;
+	}
+	.image_3 {
+	  border-radius: 0rpx 5.63rpx 5.63rpx 0rpx;
+	  width: 52.5rpx;
+	  height: 52.5rpx;
+	}
+	.section_4 {
+	  padding: 22.5rpx 0;
+	  background-color: #ffffff;
+	}
+	.button {
+	  margin: 0 45rpx;
+	}
+	.text-wrapper_4 {
+	  padding: 22.5rpx 0;
+	  background-color: #fbb612;
+	  border-radius: 93.75rpx;
+	}
+	.text_17 {
+	  color: #ffffff;
+	  font-size: 30rpx;
+	  font-family: Inter;
+	  font-weight: 700;
+	  line-height: 28.2rpx;
+	}
+	@import url(../../common/css/global.css);
+</style>
\ No newline at end of file
diff --git a/pages/home/home/home.vue b/pages/home/home/home.vue
index 51dfc18..30b2be9 100644
--- a/pages/home/home/home.vue
+++ b/pages/home/home/home.vue
@@ -18,14 +18,17 @@
 	            src="https://ide.code.fun/api/image?token=6708b7af1511d900114a2edd&name=f4de3d65b31c1d47278605b75adc3244.png"
 	          />
 	        </view>
-	        <view class="flex-row items-center section_3 pos_2">
-	          <image
-	            class="image_2"
-	            src="https://ide.code.fun/api/image?token=6708b7af1511d900114a2edd&name=8dd1733f1fdb37d3bb4b1c1f6afb39d8.png"
-	          />
-	          <text class="font_2 text_4 ml-9">写真预约</text>
-	        </view>
-	      </view>
+	       
+			   <view class="flex-row items-center section_3 pos_2">
+			       <image
+			         class="image_2"
+			         src="https://ide.code.fun/api/image?token=6708b7af1511d900114a2edd&name=8dd1733f1fdb37d3bb4b1c1f6afb39d8.png"
+			       />
+				   <navigator url="/pages/booking/AppointmentHome" >
+			       <text class="font_2 text_4 ml-9">写真预约</text>
+				   </navigator>
+			     </view>
+			   </view>
 	    </view>
 	    <view class="mt-24 flex-col group">
 	      <view class="flex-row justify-between group_2">
diff --git a/pages/store-home/main/main.vue b/pages/store-home/main/main.vue
index ffea5d2..01265e7 100644
--- a/pages/store-home/main/main.vue
+++ b/pages/store-home/main/main.vue
@@ -1,68 +1,132 @@
 <template>
+
 	<view class="flex-col page">
+
 		<view class="flex-col">
+
 			<view class="flex-row items-center section">
+
 				<text class="text">商品</text>
+
 				<view class="flex-row section_2 ml-15">
+
 					<image class="image"
 						src="https://ide.code.fun/api/image?token=670c83a81511d900114a6d7e&name=348b14e68c9ce02a3b9fe870f131c4c7.png" />
+
 					<input class="text-wrapper ml-2" placeholder="请输入想要搜索的商品" />
+
 				</view>
+
 			</view>
+
 			<view class="flex-col justify-start items-center image-wrapper mt-3">
+
 				<image class="shrink-0 image_2"
 					src="https://ide.code.fun/api/image?token=670c83a81511d900114a6d7e&name=bf3dfe8c3d572943e00870d83c40b20c.png" />
+
 			</view>
+
 		</view>
+
 		<view class="flex-row relative group">
+
 			<view class="shrink-0 section_3"></view>
+
 			<view class="flex-col shrink-0 group_1 pos_5">
+
 				<view class="flex-col items-center section_6 list-item_1 mt-4" v-for="(item, index) in sort"
 					:key="index">
+
 					<image class="image_3" :src="item.imgurl" />
+
 					<text class="font_3 text_5 mt-3">{{ item.name }}</text>
+
 				</view>
+
 			</view>
+
 			<view class="flex-col justify-start flex-1 relative section_4">
+
 				<view class="flex-col items-start section_5">
+
 					<text class="font_2 text_3">材料包</text>
+
 					<text class="font text_4 mt-6">提供材料自行DIY</text>
+
 				</view>
+
 				<view class="flex-col shrink-0 pos">
+
 					<!-- <scroll-view style="height: 1000rpx;" scroll-y="true"> -->
-						<view class="flex-row list-item mt-5" v-for="(item, index) in product_list" :key="index">
+
+					<view class="flex-row list-item mt-5" v-for="(item, index) in product_list" :key="index">
+
+						<navigator url="../../booking/ContactInformation">
 							<image class="self-center image_4" :src="item.imgurl" />
+							
 							<view class="flex-col items-start self-center group_5">
+							
 								<text class="font_2">{{ item.product_name }}</text>
+							
 								<text class="font mt-13">{{ item.detail }}</text>
+							
 								<text class="font_4 text_7 mt-13">￥{{ item.value }}</text>
-							</view> 
+							
+							</view>
+							
 							<image class="self-start image_5"
 								src="https://ide.code.fun/api/image?token=670c83a81511d900114a6d7e&name=806f54ff88b61d172a611e704c80a85c.png" />
-						</view>
-					<!-- </scroll-view> -->
-				</view>
-			</view>
-			<!-- <view class="flex-col shrink-0 pos">
-				<scroll-view style="height: 1000rpx;" scroll-y="true">
-					<view class="flex-row list-item mt-5" v-for="(item, index) in product_list" :key="index">
-						<image class="self-center image_4" :src="item.imgurl" />
-						<view class="flex-col items-start self-center group_5">
-							<text class="font_2">{{ item.product_name }}</text>
-							<text class="font mt-13">{{ item.detail }}</text>
-							<text class="font_4 text_7 mt-13">￥{{ item.value }}</text>
-						</view> 
-						<image class="self-start image_5"
-							src="https://ide.code.fun/api/image?token=670c83a81511d900114a6d7e&name=806f54ff88b61d172a611e704c80a85c.png" />
+							
+						</navigator>
 					</view>
-				</scroll-view>
-			</view> -->
+
+					<!-- </scroll-view> -->
+
+				</view>
+
+			</view>
+
+			<!-- <view class="flex-col shrink-0 pos">
+
+<scroll-view style="height: 1000rpx;" scroll-y="true">
+
+<view class="flex-row list-item mt-5" v-for="(item, index) in product_list" :key="index">
+
+<image class="self-center image_4" :src="item.imgurl" />
+
+<view class="flex-col items-start self-center group_5">
+
+<text class="font_2">{{ item.product_name }}</text>
+
+<text class="font mt-13">{{ item.detail }}</text>
+
+<text class="font_4 text_7 mt-13">￥{{ item.value }}</text>
+
+</view> 
+
+<image class="self-start image_5"
+
+src="https://ide.code.fun/api/image?token=670c83a81511d900114a6d7e&name=806f54ff88b61d172a611e704c80a85c.png" />
+
+</view>
+
+</scroll-view>
+
+</view> -->
+
 		</view>
+
 	</view>
+
 </template>
 
+
+
 <script setup>
-	import { ref } from 'vue';
+	import {
+		ref
+	} from 'vue';
+
 	import img1 from '@/pages/store-home/main/img/cailiaobao.png';
 	import img2 from '@/pages/store-home/main/img/shouchiwu.png';
 	import img3 from '@/pages/store-home/main/img/toushi.png';
@@ -214,14 +278,14 @@
 
 	.group {
 		position: relative;
-		
+
 		border: 3px solid brown;
 		margin-top: 22.5rpx;
 		// height: 1000rpx;
 	}
 
 	.section_3 {
-		background-color: #f7de98;
+		background-color: #FFFEF8;
 		width: 151.88rpx;
 		// height: 1156.88rpx;
 	}
@@ -275,7 +339,8 @@
 
 	.section_5 {
 		padding: 18.06rpx 16.24rpx 14.94rpx;
-		background-color: #fffef8;
+		background-color: #C1651A;
+
 		border-radius: 0rpx 18.75rpx 0rpx 0rpx;
 	}
 
diff --git a/unpackage/dist/dev/mp-weixin/app.js b/unpackage/dist/dev/mp-weixin/app.js
index 8fe934b..fb11116 100644
--- a/unpackage/dist/dev/mp-weixin/app.js
+++ b/unpackage/dist/dev/mp-weixin/app.js
@@ -8,12 +8,16 @@ if (!Math) {
   "./pages/Shopping-cart/productmain/productmain.js";
   "./pages/store-home/products/product-detail.js";
   "./pages/Shopping-cart/servicemain/servicemain.js";
+  "./pages/booking/AppointmentHome.js";
+  "./pages/booking/ContactInformation.js";
+  "./pages/booking/date.js";
+  "./pages/Shopping-cart/Phone/Phone.js";
 }
 const _sfc_main = {};
 function _sfc_render(_ctx, _cache) {
   return {};
 }
-const App = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["render", _sfc_render]]);
+const App = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "D:/jiangchengfeiyi-xiaochengxu/App.vue"]]);
 function createApp() {
   const app = common_vendor.createSSRApp(App);
   return {
diff --git a/unpackage/dist/dev/mp-weixin/app.json b/unpackage/dist/dev/mp-weixin/app.json
index 89cf877..651d691 100644
--- a/unpackage/dist/dev/mp-weixin/app.json
+++ b/unpackage/dist/dev/mp-weixin/app.json
@@ -5,7 +5,15 @@
     "pages/mine/main/main",
     "pages/Shopping-cart/productmain/productmain",
     "pages/store-home/products/product-detail",
-    "pages/Shopping-cart/servicemain/servicemain"
+    "pages/Shopping-cart/servicemain/servicemain",
+    "pages/booking/AppointmentHome",
+    "pages/booking/ContactInformation",
+    "pages/booking/date",
+    "pages/Shopping-cart/ProductDetails",
+    "pages/Shopping-cart/ReceivingInformation",
+    "pages/Shopping-cart/Contact",
+    "pages/Shopping-cart/address",
+    "pages/Shopping-cart/Phone/Phone"
   ],
   "window": {
     "navigationBarTextStyle": "black",
diff --git a/unpackage/dist/dev/mp-weixin/common/vendor.js b/unpackage/dist/dev/mp-weixin/common/vendor.js
index aba340f..772ebf6 100644
--- a/unpackage/dist/dev/mp-weixin/common/vendor.js
+++ b/unpackage/dist/dev/mp-weixin/common/vendor.js
@@ -130,6 +130,7 @@ const stringifySymbol = (v, i = "") => {
   var _a;
   return isSymbol(v) ? `Symbol(${(_a = v.description) != null ? _a : i})` : v;
 };
+const LINEFEED = "\n";
 const SLOT_DEFAULT_NAME = "d";
 const ON_SHOW = "onShow";
 const ON_HIDE = "onHide";
@@ -570,7 +571,7 @@ function getApiCallbacks(args) {
   }
   return apiCallbacks;
 }
-function normalizeErrMsg(errMsg, name) {
+function normalizeErrMsg$1(errMsg, name) {
   if (!errMsg || errMsg.indexOf(":fail") === -1) {
     return name + ":ok";
   }
@@ -587,7 +588,7 @@ function createAsyncApiCallback(name, args = {}, { beforeAll, beforeSuccess } =
   const callbackId = invokeCallbackId++;
   addInvokeCallback(callbackId, name, (res) => {
     res = res || {};
-    res.errMsg = normalizeErrMsg(res.errMsg, name);
+    res.errMsg = normalizeErrMsg$1(res.errMsg, name);
     isFunction(beforeAll) && beforeAll(res);
     if (res.errMsg === name + ":ok") {
       isFunction(beforeSuccess) && beforeSuccess(res, args);
@@ -719,7 +720,7 @@ function promisify$1(name, fn) {
 }
 function formatApiArgs(args, options) {
   const params = args[0];
-  if (!options || !options.formatArgs || !isPlainObject(options.formatArgs) && isPlainObject(params)) {
+  if (!options || !isPlainObject(options.formatArgs) && isPlainObject(params)) {
     return;
   }
   const formatArgs = options.formatArgs;
@@ -766,12 +767,12 @@ function beforeInvokeApi(name, args, protocol, options) {
     return errMsg;
   }
 }
-function parseErrMsg(errMsg) {
+function normalizeErrMsg(errMsg) {
   if (!errMsg || isString(errMsg)) {
     return errMsg;
   }
   if (errMsg.stack) {
-    console.error(errMsg.message + "\n" + errMsg.stack);
+    console.error(errMsg.message + LINEFEED + errMsg.stack);
     return errMsg.message;
   }
   return errMsg;
@@ -785,7 +786,7 @@ function wrapperTaskApi(name, fn, protocol, options) {
     }
     return fn(args, {
       resolve: (res) => invokeSuccess(id, name, res),
-      reject: (errMsg2, errRes) => invokeFail(id, name, parseErrMsg(errMsg2), errRes)
+      reject: (errMsg2, errRes) => invokeFail(id, name, normalizeErrMsg(errMsg2), errRes)
     });
   };
 }
@@ -1247,8 +1248,8 @@ function populateParameters(fromRes, toRes) {
     appVersion: "1.0.0",
     appVersionCode: "100",
     appLanguage: getAppLanguage(hostLanguage),
-    uniCompileVersion: "4.23",
-    uniRuntimeVersion: "4.23",
+    uniCompileVersion: "4.15",
+    uniRuntimeVersion: "4.15",
     uniPlatform: "mp-weixin",
     deviceBrand,
     deviceModel: model,
@@ -4140,6 +4141,15 @@ function inject(key, defaultValue, treatDefaultAsFactory = false) {
     warn$1(`inject() can only be used inside setup() or functional components.`);
   }
 }
+/*! #__NO_SIDE_EFFECTS__ */
+// @__NO_SIDE_EFFECTS__
+function defineComponent(options, extraOptions) {
+  return isFunction(options) ? (
+    // #8326: extend call and options.name access are considered side-effects
+    // by Rollup, so we have to wrap it in a pure-annotated IIFE.
+    /* @__PURE__ */ (() => extend({ name: options.name }, extraOptions, { setup: options }))()
+  ) : options;
+}
 const isKeepAlive = (vnode) => vnode.type.__isKeepAlive;
 function onActivated(hook, target) {
   registerKeepAliveHook(hook, "a", target);
@@ -7002,7 +7012,7 @@ function initDefaultProps(options, isBehavior = false) {
     };
   }
   if (options.behaviors) {
-    if (options.behaviors.includes("wx://form-field")) {
+    if (options.behaviors.includes("__GLOBAL__://form-field")) {
       if (!options.properties || !options.properties.name) {
         properties.name = {
           type: null,
@@ -7173,7 +7183,7 @@ function initBehaviors(vueOptions) {
   const behaviors = [];
   if (isArray(vueBehaviors)) {
     vueBehaviors.forEach((behavior) => {
-      behaviors.push(behavior.replace("uni://", "wx://"));
+      behaviors.push(behavior.replace("uni://", "__GLOBAL__://"));
       if (behavior === "uni://form-field") {
         if (isArray(vueProps)) {
           vueProps.push("name");
@@ -7435,6 +7445,7 @@ const createSubpackageApp = initCreateSubpackageApp();
 }
 exports._export_sfc = _export_sfc;
 exports.createSSRApp = createSSRApp;
+exports.defineComponent = defineComponent;
 exports.f = f;
 exports.ref = ref;
 exports.t = t;
diff --git a/unpackage/dist/dev/mp-weixin/pages/Shopping-cart/Contact.js b/unpackage/dist/dev/mp-weixin/pages/Shopping-cart/Contact.js
new file mode 100644
index 0000000..de56fd0
--- /dev/null
+++ b/unpackage/dist/dev/mp-weixin/pages/Shopping-cart/Contact.js
@@ -0,0 +1,66 @@
+// pages/Shopping-cart/Contact.js
+Page({
+
+  /**
+   * 页面的初始数据
+   */
+  data: {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面加载
+   */
+  onLoad(options) {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面初次渲染完成
+   */
+  onReady() {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面显示
+   */
+  onShow() {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面隐藏
+   */
+  onHide() {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面卸载
+   */
+  onUnload() {
+
+  },
+
+  /**
+   * 页面相关事件处理函数--监听用户下拉动作
+   */
+  onPullDownRefresh() {
+
+  },
+
+  /**
+   * 页面上拉触底事件的处理函数
+   */
+  onReachBottom() {
+
+  },
+
+  /**
+   * 用户点击右上角分享
+   */
+  onShareAppMessage() {
+
+  }
+})
\ No newline at end of file
diff --git a/unpackage/dist/dev/mp-weixin/pages/Shopping-cart/Contact.json b/unpackage/dist/dev/mp-weixin/pages/Shopping-cart/Contact.json
new file mode 100644
index 0000000..a0812ee
--- /dev/null
+++ b/unpackage/dist/dev/mp-weixin/pages/Shopping-cart/Contact.json
@@ -0,0 +1,4 @@
+{
+  "navigationBarTitleText": "",
+  "usingComponents": {}
+}
\ No newline at end of file
diff --git a/unpackage/dist/dev/mp-weixin/pages/Shopping-cart/Contact.wxml b/unpackage/dist/dev/mp-weixin/pages/Shopping-cart/Contact.wxml
new file mode 100644
index 0000000..7614ea2
--- /dev/null
+++ b/unpackage/dist/dev/mp-weixin/pages/Shopping-cart/Contact.wxml
@@ -0,0 +1,2 @@
+<!--pages/Shopping-cart/Contact.wxml-->
+<text>pages/Shopping-cart/Contact.wxml</text>
\ No newline at end of file
diff --git a/unpackage/dist/dev/mp-weixin/pages/Shopping-cart/Phone/Phone.js b/unpackage/dist/dev/mp-weixin/pages/Shopping-cart/Phone/Phone.js
new file mode 100644
index 0000000..8754433
--- /dev/null
+++ b/unpackage/dist/dev/mp-weixin/pages/Shopping-cart/Phone/Phone.js
@@ -0,0 +1,14 @@
+"use strict";
+const common_vendor = require("../../../common/vendor.js");
+const _sfc_main = {};
+function _sfc_render(_ctx, _cache) {
+  return {
+    a: common_vendor.f(_ctx.items, (item, index, i0) => {
+      return {
+        a: index
+      };
+    })
+  };
+}
+const MiniProgramPage = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "D:/jiangchengfeiyi-xiaochengxu/pages/Shopping-cart/Phone/Phone.vue"]]);
+wx.createPage(MiniProgramPage);
diff --git a/unpackage/dist/dev/mp-weixin/pages/Shopping-cart/Phone/Phone.json b/unpackage/dist/dev/mp-weixin/pages/Shopping-cart/Phone/Phone.json
new file mode 100644
index 0000000..a0812ee
--- /dev/null
+++ b/unpackage/dist/dev/mp-weixin/pages/Shopping-cart/Phone/Phone.json
@@ -0,0 +1,4 @@
+{
+  "navigationBarTitleText": "",
+  "usingComponents": {}
+}
\ No newline at end of file
diff --git a/unpackage/dist/dev/mp-weixin/pages/Shopping-cart/Phone/Phone.wxml b/unpackage/dist/dev/mp-weixin/pages/Shopping-cart/Phone/Phone.wxml
new file mode 100644
index 0000000..7317f43
--- /dev/null
+++ b/unpackage/dist/dev/mp-weixin/pages/Shopping-cart/Phone/Phone.wxml
@@ -0,0 +1 @@
+<view class="flex-col page"><view class="flex-col list"><view wx:for="{{a}}" wx:for-item="item" wx:key="a" class="flex-row justify-between items-center list-item mt-9"><view class="flex-row items-center"><text class="font">张三</text><text class="font_2 ml-9">15888610253</text><view class="flex-col justify-start items-center shrink-0 text-wrapper ml-9"><text class="text">默认</text></view></view><view class="flex-row"><image class="image" src="https://ide.code.fun/api/image?token=6711f04f38a7c1001587de59&name=6ff8502391df0676ffa6f9a4c72cf204.png"/><image class="ml-12 image" src="https://ide.code.fun/api/image?token=6711f04f38a7c1001587de59&name=33bb1d0b853cc38a598105b3dab0d494.png"/></view></view></view><view class="flex-col justify-start items-center section mt-593"><view class="flex-col justify-start items-center text-wrapper_2"><text class="font text_2">新增联系人</text></view></view></view>
\ No newline at end of file
diff --git a/unpackage/dist/dev/mp-weixin/pages/Shopping-cart/Phone/Phone.wxss b/unpackage/dist/dev/mp-weixin/pages/Shopping-cart/Phone/Phone.wxss
new file mode 100644
index 0000000..e69de29
diff --git a/unpackage/dist/dev/mp-weixin/pages/Shopping-cart/ProductDetails.js b/unpackage/dist/dev/mp-weixin/pages/Shopping-cart/ProductDetails.js
new file mode 100644
index 0000000..8d1eca7
--- /dev/null
+++ b/unpackage/dist/dev/mp-weixin/pages/Shopping-cart/ProductDetails.js
@@ -0,0 +1,66 @@
+// pages/Shopping-cart/ProductDetails.js
+Page({
+
+  /**
+   * 页面的初始数据
+   */
+  data: {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面加载
+   */
+  onLoad(options) {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面初次渲染完成
+   */
+  onReady() {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面显示
+   */
+  onShow() {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面隐藏
+   */
+  onHide() {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面卸载
+   */
+  onUnload() {
+
+  },
+
+  /**
+   * 页面相关事件处理函数--监听用户下拉动作
+   */
+  onPullDownRefresh() {
+
+  },
+
+  /**
+   * 页面上拉触底事件的处理函数
+   */
+  onReachBottom() {
+
+  },
+
+  /**
+   * 用户点击右上角分享
+   */
+  onShareAppMessage() {
+
+  }
+})
\ No newline at end of file
diff --git a/unpackage/dist/dev/mp-weixin/pages/Shopping-cart/ProductDetails.json b/unpackage/dist/dev/mp-weixin/pages/Shopping-cart/ProductDetails.json
new file mode 100644
index 0000000..a0812ee
--- /dev/null
+++ b/unpackage/dist/dev/mp-weixin/pages/Shopping-cart/ProductDetails.json
@@ -0,0 +1,4 @@
+{
+  "navigationBarTitleText": "",
+  "usingComponents": {}
+}
\ No newline at end of file
diff --git a/unpackage/dist/dev/mp-weixin/pages/Shopping-cart/ProductDetails.wxml b/unpackage/dist/dev/mp-weixin/pages/Shopping-cart/ProductDetails.wxml
new file mode 100644
index 0000000..66464d7
--- /dev/null
+++ b/unpackage/dist/dev/mp-weixin/pages/Shopping-cart/ProductDetails.wxml
@@ -0,0 +1,2 @@
+<!--pages/Shopping-cart/ProductDetails.wxml-->
+<text>pages/Shopping-cart/ProductDetails.wxml</text>
\ No newline at end of file
diff --git a/unpackage/dist/dev/mp-weixin/pages/Shopping-cart/ReceivingInformation.js b/unpackage/dist/dev/mp-weixin/pages/Shopping-cart/ReceivingInformation.js
new file mode 100644
index 0000000..2e48441
--- /dev/null
+++ b/unpackage/dist/dev/mp-weixin/pages/Shopping-cart/ReceivingInformation.js
@@ -0,0 +1,66 @@
+// pages/Shopping-cart/ReceivingInformation.js
+Page({
+
+  /**
+   * 页面的初始数据
+   */
+  data: {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面加载
+   */
+  onLoad(options) {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面初次渲染完成
+   */
+  onReady() {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面显示
+   */
+  onShow() {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面隐藏
+   */
+  onHide() {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面卸载
+   */
+  onUnload() {
+
+  },
+
+  /**
+   * 页面相关事件处理函数--监听用户下拉动作
+   */
+  onPullDownRefresh() {
+
+  },
+
+  /**
+   * 页面上拉触底事件的处理函数
+   */
+  onReachBottom() {
+
+  },
+
+  /**
+   * 用户点击右上角分享
+   */
+  onShareAppMessage() {
+
+  }
+})
\ No newline at end of file
diff --git a/unpackage/dist/dev/mp-weixin/pages/Shopping-cart/ReceivingInformation.json b/unpackage/dist/dev/mp-weixin/pages/Shopping-cart/ReceivingInformation.json
new file mode 100644
index 0000000..a0812ee
--- /dev/null
+++ b/unpackage/dist/dev/mp-weixin/pages/Shopping-cart/ReceivingInformation.json
@@ -0,0 +1,4 @@
+{
+  "navigationBarTitleText": "",
+  "usingComponents": {}
+}
\ No newline at end of file
diff --git a/unpackage/dist/dev/mp-weixin/pages/Shopping-cart/ReceivingInformation.wxml b/unpackage/dist/dev/mp-weixin/pages/Shopping-cart/ReceivingInformation.wxml
new file mode 100644
index 0000000..b2e6377
--- /dev/null
+++ b/unpackage/dist/dev/mp-weixin/pages/Shopping-cart/ReceivingInformation.wxml
@@ -0,0 +1,2 @@
+<!--pages/Shopping-cart/ReceivingInformation.wxml-->
+<text>pages/Shopping-cart/ReceivingInformation.wxml</text>
\ No newline at end of file
diff --git a/unpackage/dist/dev/mp-weixin/pages/Shopping-cart/address.js b/unpackage/dist/dev/mp-weixin/pages/Shopping-cart/address.js
new file mode 100644
index 0000000..0f732cc
--- /dev/null
+++ b/unpackage/dist/dev/mp-weixin/pages/Shopping-cart/address.js
@@ -0,0 +1,66 @@
+// pages/Shopping-cart/address.js
+Page({
+
+  /**
+   * 页面的初始数据
+   */
+  data: {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面加载
+   */
+  onLoad(options) {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面初次渲染完成
+   */
+  onReady() {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面显示
+   */
+  onShow() {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面隐藏
+   */
+  onHide() {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面卸载
+   */
+  onUnload() {
+
+  },
+
+  /**
+   * 页面相关事件处理函数--监听用户下拉动作
+   */
+  onPullDownRefresh() {
+
+  },
+
+  /**
+   * 页面上拉触底事件的处理函数
+   */
+  onReachBottom() {
+
+  },
+
+  /**
+   * 用户点击右上角分享
+   */
+  onShareAppMessage() {
+
+  }
+})
\ No newline at end of file
diff --git a/unpackage/dist/dev/mp-weixin/pages/Shopping-cart/address.json b/unpackage/dist/dev/mp-weixin/pages/Shopping-cart/address.json
new file mode 100644
index 0000000..a0812ee
--- /dev/null
+++ b/unpackage/dist/dev/mp-weixin/pages/Shopping-cart/address.json
@@ -0,0 +1,4 @@
+{
+  "navigationBarTitleText": "",
+  "usingComponents": {}
+}
\ No newline at end of file
diff --git a/unpackage/dist/dev/mp-weixin/pages/Shopping-cart/address.wxml b/unpackage/dist/dev/mp-weixin/pages/Shopping-cart/address.wxml
new file mode 100644
index 0000000..bf09beb
--- /dev/null
+++ b/unpackage/dist/dev/mp-weixin/pages/Shopping-cart/address.wxml
@@ -0,0 +1,2 @@
+<!--pages/Shopping-cart/address.wxml-->
+<text>pages/Shopping-cart/address.wxml</text>
\ No newline at end of file
diff --git a/unpackage/dist/dev/mp-weixin/pages/Shopping-cart/productmain/productmain.js b/unpackage/dist/dev/mp-weixin/pages/Shopping-cart/productmain/productmain.js
index de32406..3a80273 100644
--- a/unpackage/dist/dev/mp-weixin/pages/Shopping-cart/productmain/productmain.js
+++ b/unpackage/dist/dev/mp-weixin/pages/Shopping-cart/productmain/productmain.js
@@ -15,5 +15,5 @@ const _sfc_main = {
     };
   }
 };
-const MiniProgramPage = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["__scopeId", "data-v-641af6de"]]);
+const MiniProgramPage = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["__scopeId", "data-v-641af6de"], ["__file", "D:/jiangchengfeiyi-xiaochengxu/pages/Shopping-cart/productmain/productmain.vue"]]);
 wx.createPage(MiniProgramPage);
diff --git a/unpackage/dist/dev/mp-weixin/pages/Shopping-cart/productmain/productmain.wxss b/unpackage/dist/dev/mp-weixin/pages/Shopping-cart/productmain/productmain.wxss
index 93c5a98..a6ead5b 100644
--- a/unpackage/dist/dev/mp-weixin/pages/Shopping-cart/productmain/productmain.wxss
+++ b/unpackage/dist/dev/mp-weixin/pages/Shopping-cart/productmain/productmain.wxss
@@ -419,14 +419,14 @@ text.data-v-641af6de {
 .text-wrapper.data-v-641af6de {
   padding: 26.25rpx 0;
   background-color: #f5f5dc;
-  position: absolute;
+  position: fixed;
   top: 0;
   width: 100%;
 }
 .section.data-v-641af6de {
   padding: 0 121.88rpx;
   background-color: #fffef8;
-  position: absolute;
+  position: fixed;
   top: 70rpx;
   width: 100%;
 }
diff --git a/unpackage/dist/dev/mp-weixin/pages/Shopping-cart/servicemain/servicemain.js b/unpackage/dist/dev/mp-weixin/pages/Shopping-cart/servicemain/servicemain.js
index d25b171..b2f5957 100644
--- a/unpackage/dist/dev/mp-weixin/pages/Shopping-cart/servicemain/servicemain.js
+++ b/unpackage/dist/dev/mp-weixin/pages/Shopping-cart/servicemain/servicemain.js
@@ -15,5 +15,5 @@ const _sfc_main = {
     };
   }
 };
-const MiniProgramPage = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["__scopeId", "data-v-b7001184"]]);
+const MiniProgramPage = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["__scopeId", "data-v-b7001184"], ["__file", "D:/jiangchengfeiyi-xiaochengxu/pages/Shopping-cart/servicemain/servicemain.vue"]]);
 wx.createPage(MiniProgramPage);
diff --git a/unpackage/dist/dev/mp-weixin/pages/booking/AppointmentHome.js b/unpackage/dist/dev/mp-weixin/pages/booking/AppointmentHome.js
new file mode 100644
index 0000000..0081e73
--- /dev/null
+++ b/unpackage/dist/dev/mp-weixin/pages/booking/AppointmentHome.js
@@ -0,0 +1,12 @@
+"use strict";
+const common_vendor = require("../../common/vendor.js");
+const _sfc_main = /* @__PURE__ */ common_vendor.defineComponent({
+  __name: "AppointmentHome",
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return {};
+    };
+  }
+});
+const MiniProgramPage = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["__scopeId", "data-v-60893f73"], ["__file", "D:/jiangchengfeiyi-xiaochengxu/pages/booking/AppointmentHome.vue"]]);
+wx.createPage(MiniProgramPage);
diff --git a/unpackage/dist/dev/mp-weixin/pages/booking/AppointmentHome.json b/unpackage/dist/dev/mp-weixin/pages/booking/AppointmentHome.json
new file mode 100644
index 0000000..a0812ee
--- /dev/null
+++ b/unpackage/dist/dev/mp-weixin/pages/booking/AppointmentHome.json
@@ -0,0 +1,4 @@
+{
+  "navigationBarTitleText": "",
+  "usingComponents": {}
+}
\ No newline at end of file
diff --git a/unpackage/dist/dev/mp-weixin/pages/booking/AppointmentHome.wxml b/unpackage/dist/dev/mp-weixin/pages/booking/AppointmentHome.wxml
new file mode 100644
index 0000000..d115a31
--- /dev/null
+++ b/unpackage/dist/dev/mp-weixin/pages/booking/AppointmentHome.wxml
@@ -0,0 +1 @@
+<view class="flex-col justify-start page data-v-60893f73"><view class="flex-col section data-v-60893f73"><view class="flex-col group data-v-60893f73"><view class="flex-col justify-start items-start relative group_2 data-v-60893f73"><view class="section_2 data-v-60893f73"></view><text class="font text pos data-v-60893f73">填写预约信息</text><view class="flex-col section_3 pos_2 data-v-60893f73"><navigator class="data-v-60893f73" url="/pages/booking/ContactInformation"><view class="flex-row justify-between items-center group_3 data-v-60893f73"><view class="flex-row items-center data-v-60893f73"><image class="shrink-0 image data-v-60893f73" src="https://ide.code.fun/api/image?token=6710a29d1511d900114ac910&name=31a410ede6797f73e60922316e512a5e.png"/><text class="font_2 text_2 ml-7 data-v-60893f73">联系人：张三</text><text class="font_2 text_3 ml-7 data-v-60893f73">15888610253</text></view><image class="image_2 data-v-60893f73" src="https://ide.code.fun/api/image?token=6710a29d1511d900114ac910&name=6f325d022e16b19acc81dad350dbd524.png"/></view></navigator><navigator class="data-v-60893f73" url="/pages/booking/date"><view class="flex-row justify-between items-center group_4 data-v-60893f73"><view class="flex-row items-center data-v-60893f73"><image class="image data-v-60893f73" src="https://ide.code.fun/api/image?token=6710a29d1511d900114ac910&name=c6dac3074d9c4e4d6286c07f0ea03db5.png"/><view class="flex-col items-start ml-9 data-v-60893f73"><text class="font_3 data-v-60893f73">到店日期：2024-10-15</text><text class="font_3 mt-2 data-v-60893f73">具体场次：上午场（09:30-12:00）</text></view></view><image class="image_2 data-v-60893f73" src="https://ide.code.fun/api/image?token=6710a29d1511d900114ac910&name=6f325d022e16b19acc81dad350dbd524.png"/></view></navigator></view></view><view class="flex-col group_5 mt-14 data-v-60893f73"><view class="flex-col self-stretch data-v-60893f73"><text class="self-start font text_4 data-v-60893f73">选择预约类别</text><view class="flex-col justify-start self-stretch section_4 mt-14 data-v-60893f73"><view class="flex-row equal-division data-v-60893f73"><view class="flex-col items-center equal-division-item_1 section_5 data-v-60893f73"><image class="image_3 data-v-60893f73" src="https://ide.code.fun/api/image?token=6710a29d1511d900114ac910&name=b6725d0c7dfe22679472bb9a47e9e39b.png"/><text class="font_4 mt-11 data-v-60893f73">租赁服装</text></view><view class="flex-col items-center equal-division-item_2 equal-division-item ml-23 data-v-60893f73"><image class="image_3 data-v-60893f73" src="https://ide.code.fun/api/image?token=6710a29d1511d900114ac910&name=81f08e7f1a4104921b651e672383b3d9.png"/><text class="font_4 text_5 data-v-60893f73">自带服装</text><view class="section_7 pos_3 data-v-60893f73"></view></view></view></view></view><text class="self-start font text_6 mt-23 data-v-60893f73">选择服装价位</text></view><view class="flex-col section_8 mt-14 data-v-60893f73"><view class="flex-col data-v-60893f73"><view class="flex-row justify-between items-center section_1 data-v-60893f73"><view class="flex-row items-center data-v-60893f73"><image class="image_4 data-v-60893f73" src="https://ide.code.fun/api/image?token=6710a29d1511d900114ac910&name=c58ffae9f1ef4340291223163c7a8297.png"/><view class="flex-col ml-13 data-v-60893f73"><text class="self-start font_2 text_7 data-v-60893f73">简约风尚</text><view class="flex-row items-baseline self-stretch mt-11 data-v-60893f73"><text class="font_2 data-v-60893f73">价位：</text><text class="font_5 text_1 ml-1 data-v-60893f73">￥100-200</text></view><text class="self-stretch font_6 mt-11 data-v-60893f73">传承非遗之美，简约演绎经典</text></view></view><image class="image_5 data-v-60893f73" src="https://ide.code.fun/api/image?token=6710a29d1511d900114ac910&name=7d16fc8dfa328fc97ff273ebeab9bc18.png"/></view><view class="flex-row items-center section_13 mt-9 data-v-60893f73"><image class="shrink-0 image_4 data-v-60893f73" src="https://ide.code.fun/api/image?token=6710a29d1511d900114ac910&name=bc0e955304da0a2ccafe3a66ac1f3aca.png"/><view class="flex-col flex-1 group_6 data-v-60893f73"><text class="self-start font_2 text_9 data-v-60893f73">时尚精选</text><view class="flex-row items-baseline self-stretch mt-11 data-v-60893f73"><text class="font_2 data-v-60893f73">价位：</text><text class="font_5 text_10 ml-1 data-v-60893f73">￥200-400</text></view><text class="self-stretch font_6 text_11 mt-11 data-v-60893f73">融合时尚与传统，精选非遗华章</text></view><image class="shrink-0 image_5 image_6 data-v-60893f73" src="https://ide.code.fun/api/image?token=6710a29d1511d900114ac910&name=7d16fc8dfa328fc97ff273ebeab9bc18.png"/></view><view class="flex-row justify-between items-center section_13 mt-9 data-v-60893f73"><view class="flex-row items-center data-v-60893f73"><image class="image_7 data-v-60893f73" src="https://ide.code.fun/api/image?token=6710a29d1511d900114ac910&name=4c1c758fda92536b923ec745cb077f5a.png"/><view class="flex-col ml-13 data-v-60893f73"><text class="self-start font_2 text_12 data-v-60893f73">奢华专属</text><view class="flex-row items-baseline self-stretch mt-11 data-v-60893f73"><text class="font_2 data-v-60893f73">价位：</text><text class="font_5 text_20 ml-1 data-v-60893f73">￥400-800</text></view><text class="self-stretch font_6 mt-11 data-v-60893f73">非遗匠心独运，奢华专属定制</text></view></view><image class="image_5 data-v-60893f73" src="https://ide.code.fun/api/image?token=6710a29d1511d900114ac910&name=7d16fc8dfa328fc97ff273ebeab9bc18.png"/></view></view><view class="flex-row justify-center items-center mt-15 data-v-60893f73"><image class="image_8 data-v-60893f73" src="https://ide.code.fun/api/image?token=6710a29d1511d900114ac910&name=18dd2fa44538df4392850f46b9b3550e.png"/><text class="font_6 text_13 ml-4 data-v-60893f73">预约须知</text></view></view></view><view class="flex-row items-center section_9 mt-19 data-v-60893f73"><view class="flex-row items-center shrink-0 group_7 data-v-60893f73"><view class="flex-col justify-start items-start shrink-0 relative group_8 data-v-60893f73"><text class="text_14 data-v-60893f73">预约费用：</text><image class="image_2 pos_4 data-v-60893f73" src="https://ide.code.fun/api/image?token=6710a29d1511d900114ac910&name=3393d3563afcfe7dedbadba1ea5328a0.png"/></view><text class="font_5 text_15 data-v-60893f73">88.</text><text class="text_17 data-v-60893f73">00</text></view><view class="flex-row items-center flex-1 ml-51 data-v-60893f73"><view class="flex-row shrink-0 section_10 data-v-60893f73"><text class="text_18 data-v-60893f73">费用说明</text><image class="shrink-0 image_9 ml-3 data-v-60893f73" src="https://ide.code.fun/api/image?token=6710a29d1511d900114ac910&name=0455b173571a47fdc438588e788f26c5.png"/></view><view class="flex-col justify-start items-center flex-1 text-wrapper ml-10 data-v-60893f73"><text class="font_4 text_16 data-v-60893f73">确定预约</text></view></view></view></view></view>
\ No newline at end of file
diff --git a/unpackage/dist/dev/mp-weixin/pages/booking/AppointmentHome.wxss b/unpackage/dist/dev/mp-weixin/pages/booking/AppointmentHome.wxss
new file mode 100644
index 0000000..4bdd826
--- /dev/null
+++ b/unpackage/dist/dev/mp-weixin/pages/booking/AppointmentHome.wxss
@@ -0,0 +1,719 @@
+/* 水平间距 */
+/* 水平间距 */
+/************************************************************
+** 请将全局样式拷贝到项目的全局 CSS 文件或者当前页面的顶部 **
+** 否则页面将无法正常显示                                  **
+************************************************************/
+html.data-v-60893f73 {
+  font-size: 16px;
+}
+body.data-v-60893f73 {
+  margin: 0;
+  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans',
+    'Droid Sans', 'Helvetica Neue', 'Microsoft Yahei', sans-serif;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+view.data-v-60893f73,
+image.data-v-60893f73,
+text.data-v-60893f73 {
+  box-sizing: border-box;
+  flex-shrink: 0;
+}
+#app.data-v-60893f73 {
+  width: 100vw;
+  height: 100vh;
+}
+.flex-row.data-v-60893f73 {
+  display: flex;
+  flex-direction: row;
+}
+.flex-col.data-v-60893f73 {
+  display: flex;
+  flex-direction: column;
+}
+.justify-start.data-v-60893f73 {
+  justify-content: flex-start;
+}
+.justify-end.data-v-60893f73 {
+  justify-content: flex-end;
+}
+.justify-center.data-v-60893f73 {
+  justify-content: center;
+}
+.justify-between.data-v-60893f73 {
+  justify-content: space-between;
+}
+.justify-around.data-v-60893f73 {
+  justify-content: space-around;
+}
+.justify-evenly.data-v-60893f73 {
+  justify-content: space-evenly;
+}
+.items-start.data-v-60893f73 {
+  align-items: flex-start;
+}
+.items-end.data-v-60893f73 {
+  align-items: flex-end;
+}
+.items-center.data-v-60893f73 {
+  align-items: center;
+}
+.items-baseline.data-v-60893f73 {
+  align-items: baseline;
+}
+.items-stretch.data-v-60893f73 {
+  align-items: stretch;
+}
+.self-start.data-v-60893f73 {
+  align-self: flex-start;
+}
+.self-end.data-v-60893f73 {
+  align-self: flex-end;
+}
+.self-center.data-v-60893f73 {
+  align-self: center;
+}
+.self-baseline.data-v-60893f73 {
+  align-self: baseline;
+}
+.self-stretch.data-v-60893f73 {
+  align-self: stretch;
+}
+.flex-1.data-v-60893f73 {
+  flex: 1 1 0%;
+}
+.flex-auto.data-v-60893f73 {
+  flex: 1 1 auto;
+}
+.grow.data-v-60893f73 {
+  flex-grow: 1;
+}
+.grow-0.data-v-60893f73 {
+  flex-grow: 0;
+}
+.shrink.data-v-60893f73 {
+  flex-shrink: 1;
+}
+.shrink-0.data-v-60893f73 {
+  flex-shrink: 0;
+}
+.relative.data-v-60893f73 {
+  position: relative;
+}
+.ml-2.data-v-60893f73 {
+  margin-left: 3.75rpx;
+}
+.mt-2.data-v-60893f73 {
+  margin-top: 3.75rpx;
+}
+.ml-4.data-v-60893f73 {
+  margin-left: 7.5rpx;
+}
+.mt-4.data-v-60893f73 {
+  margin-top: 7.5rpx;
+}
+.ml-6.data-v-60893f73 {
+  margin-left: 11.25rpx;
+}
+.mt-6.data-v-60893f73 {
+  margin-top: 11.25rpx;
+}
+.ml-8.data-v-60893f73 {
+  margin-left: 15rpx;
+}
+.mt-8.data-v-60893f73 {
+  margin-top: 15rpx;
+}
+.ml-10.data-v-60893f73 {
+  margin-left: 18.75rpx;
+}
+.mt-10.data-v-60893f73 {
+  margin-top: 18.75rpx;
+}
+.ml-12.data-v-60893f73 {
+  margin-left: 22.5rpx;
+}
+.mt-12.data-v-60893f73 {
+  margin-top: 22.5rpx;
+}
+.ml-14.data-v-60893f73 {
+  margin-left: 26.25rpx;
+}
+.mt-14.data-v-60893f73 {
+  margin-top: 26.25rpx;
+}
+.ml-16.data-v-60893f73 {
+  margin-left: 30rpx;
+}
+.mt-16.data-v-60893f73 {
+  margin-top: 30rpx;
+}
+.ml-18.data-v-60893f73 {
+  margin-left: 33.75rpx;
+}
+.mt-18.data-v-60893f73 {
+  margin-top: 33.75rpx;
+}
+.ml-20.data-v-60893f73 {
+  margin-left: 37.5rpx;
+}
+.mt-20.data-v-60893f73 {
+  margin-top: 37.5rpx;
+}
+.ml-22.data-v-60893f73 {
+  margin-left: 41.25rpx;
+}
+.mt-22.data-v-60893f73 {
+  margin-top: 41.25rpx;
+}
+.ml-24.data-v-60893f73 {
+  margin-left: 45rpx;
+}
+.mt-24.data-v-60893f73 {
+  margin-top: 45rpx;
+}
+.ml-26.data-v-60893f73 {
+  margin-left: 48.75rpx;
+}
+.mt-26.data-v-60893f73 {
+  margin-top: 48.75rpx;
+}
+.ml-28.data-v-60893f73 {
+  margin-left: 52.5rpx;
+}
+.mt-28.data-v-60893f73 {
+  margin-top: 52.5rpx;
+}
+.ml-30.data-v-60893f73 {
+  margin-left: 56.25rpx;
+}
+.mt-30.data-v-60893f73 {
+  margin-top: 56.25rpx;
+}
+.ml-32.data-v-60893f73 {
+  margin-left: 60rpx;
+}
+.mt-32.data-v-60893f73 {
+  margin-top: 60rpx;
+}
+.ml-34.data-v-60893f73 {
+  margin-left: 63.75rpx;
+}
+.mt-34.data-v-60893f73 {
+  margin-top: 63.75rpx;
+}
+.ml-36.data-v-60893f73 {
+  margin-left: 67.5rpx;
+}
+.mt-36.data-v-60893f73 {
+  margin-top: 67.5rpx;
+}
+.ml-38.data-v-60893f73 {
+  margin-left: 71.25rpx;
+}
+.mt-38.data-v-60893f73 {
+  margin-top: 71.25rpx;
+}
+.ml-40.data-v-60893f73 {
+  margin-left: 75rpx;
+}
+.mt-40.data-v-60893f73 {
+  margin-top: 75rpx;
+}
+.ml-42.data-v-60893f73 {
+  margin-left: 78.75rpx;
+}
+.mt-42.data-v-60893f73 {
+  margin-top: 78.75rpx;
+}
+.ml-44.data-v-60893f73 {
+  margin-left: 82.5rpx;
+}
+.mt-44.data-v-60893f73 {
+  margin-top: 82.5rpx;
+}
+.ml-46.data-v-60893f73 {
+  margin-left: 86.25rpx;
+}
+.mt-46.data-v-60893f73 {
+  margin-top: 86.25rpx;
+}
+.ml-48.data-v-60893f73 {
+  margin-left: 90rpx;
+}
+.mt-48.data-v-60893f73 {
+  margin-top: 90rpx;
+}
+.ml-50.data-v-60893f73 {
+  margin-left: 93.75rpx;
+}
+.mt-50.data-v-60893f73 {
+  margin-top: 93.75rpx;
+}
+.ml-52.data-v-60893f73 {
+  margin-left: 97.5rpx;
+}
+.mt-52.data-v-60893f73 {
+  margin-top: 97.5rpx;
+}
+.ml-54.data-v-60893f73 {
+  margin-left: 101.25rpx;
+}
+.mt-54.data-v-60893f73 {
+  margin-top: 101.25rpx;
+}
+.ml-56.data-v-60893f73 {
+  margin-left: 105rpx;
+}
+.mt-56.data-v-60893f73 {
+  margin-top: 105rpx;
+}
+.ml-58.data-v-60893f73 {
+  margin-left: 108.75rpx;
+}
+.mt-58.data-v-60893f73 {
+  margin-top: 108.75rpx;
+}
+.ml-60.data-v-60893f73 {
+  margin-left: 112.5rpx;
+}
+.mt-60.data-v-60893f73 {
+  margin-top: 112.5rpx;
+}
+.ml-62.data-v-60893f73 {
+  margin-left: 116.25rpx;
+}
+.mt-62.data-v-60893f73 {
+  margin-top: 116.25rpx;
+}
+.ml-64.data-v-60893f73 {
+  margin-left: 120rpx;
+}
+.mt-64.data-v-60893f73 {
+  margin-top: 120rpx;
+}
+.ml-66.data-v-60893f73 {
+  margin-left: 123.75rpx;
+}
+.mt-66.data-v-60893f73 {
+  margin-top: 123.75rpx;
+}
+.ml-68.data-v-60893f73 {
+  margin-left: 127.5rpx;
+}
+.mt-68.data-v-60893f73 {
+  margin-top: 127.5rpx;
+}
+.ml-70.data-v-60893f73 {
+  margin-left: 131.25rpx;
+}
+.mt-70.data-v-60893f73 {
+  margin-top: 131.25rpx;
+}
+.ml-72.data-v-60893f73 {
+  margin-left: 135rpx;
+}
+.mt-72.data-v-60893f73 {
+  margin-top: 135rpx;
+}
+.ml-74.data-v-60893f73 {
+  margin-left: 138.75rpx;
+}
+.mt-74.data-v-60893f73 {
+  margin-top: 138.75rpx;
+}
+.ml-76.data-v-60893f73 {
+  margin-left: 142.5rpx;
+}
+.mt-76.data-v-60893f73 {
+  margin-top: 142.5rpx;
+}
+.ml-78.data-v-60893f73 {
+  margin-left: 146.25rpx;
+}
+.mt-78.data-v-60893f73 {
+  margin-top: 146.25rpx;
+}
+.ml-80.data-v-60893f73 {
+  margin-left: 150rpx;
+}
+.mt-80.data-v-60893f73 {
+  margin-top: 150rpx;
+}
+.ml-82.data-v-60893f73 {
+  margin-left: 153.75rpx;
+}
+.mt-82.data-v-60893f73 {
+  margin-top: 153.75rpx;
+}
+.ml-84.data-v-60893f73 {
+  margin-left: 157.5rpx;
+}
+.mt-84.data-v-60893f73 {
+  margin-top: 157.5rpx;
+}
+.ml-86.data-v-60893f73 {
+  margin-left: 161.25rpx;
+}
+.mt-86.data-v-60893f73 {
+  margin-top: 161.25rpx;
+}
+.ml-88.data-v-60893f73 {
+  margin-left: 165rpx;
+}
+.mt-88.data-v-60893f73 {
+  margin-top: 165rpx;
+}
+.ml-90.data-v-60893f73 {
+  margin-left: 168.75rpx;
+}
+.mt-90.data-v-60893f73 {
+  margin-top: 168.75rpx;
+}
+.ml-92.data-v-60893f73 {
+  margin-left: 172.5rpx;
+}
+.mt-92.data-v-60893f73 {
+  margin-top: 172.5rpx;
+}
+.ml-94.data-v-60893f73 {
+  margin-left: 176.25rpx;
+}
+.mt-94.data-v-60893f73 {
+  margin-top: 176.25rpx;
+}
+.ml-96.data-v-60893f73 {
+  margin-left: 180rpx;
+}
+.mt-96.data-v-60893f73 {
+  margin-top: 180rpx;
+}
+.ml-98.data-v-60893f73 {
+  margin-left: 183.75rpx;
+}
+.mt-98.data-v-60893f73 {
+  margin-top: 183.75rpx;
+}
+.ml-100.data-v-60893f73 {
+  margin-left: 187.5rpx;
+}
+.mt-100.data-v-60893f73 {
+  margin-top: 187.5rpx;
+}
+.ml-7.data-v-60893f73 {
+  margin-left: 13.13rpx;
+}
+.ml-9.data-v-60893f73 {
+  margin-left: 16.88rpx;
+}
+.ml-23.data-v-60893f73 {
+  margin-left: 43.13rpx;
+}
+.mt-23.data-v-60893f73 {
+  margin-top: 43.13rpx;
+}
+.ml-13.data-v-60893f73 {
+  margin-left: 24.38rpx;
+}
+.mt-9.data-v-60893f73 {
+  margin-top: 16.88rpx;
+}
+.mt-11.data-v-60893f73 {
+  margin-top: 20.63rpx;
+}
+.ml-1.data-v-60893f73 {
+  margin-left: 1.88rpx;
+}
+.mt-15.data-v-60893f73 {
+  margin-top: 28.13rpx;
+}
+.mt-19.data-v-60893f73 {
+  position: fixed;
+  bottom: 0;
+  width: 100%;
+}
+.ml-51.data-v-60893f73 {
+  margin-left: 95.63rpx;
+}
+.ml-3.data-v-60893f73 {
+  margin-left: 5.63rpx;
+}
+.page.data-v-60893f73 {
+  background-color: #ffffff;
+  height: 100%;
+  width: 100%;
+  overflow-y: auto;
+  overflow-x: hidden;
+}
+.section.data-v-60893f73 {
+  background-color: #f5f5dc;
+}
+.group.data-v-60893f73 {
+  padding: 45.75rpx 0;
+}
+.group_2.data-v-60893f73 {
+  padding-top: 12.38rpx;
+}
+.section_2.data-v-60893f73 {
+  margin-left: 71.25rpx;
+  background-color: #ffffff00;
+  border-radius: 18.75rpx;
+  width: 281.25rpx;
+  height: 281.25rpx;
+}
+.font.data-v-60893f73 {
+  font-size: 30rpx;
+  font-family: Open Sans;
+  line-height: 27.75rpx;
+  color: #323232;
+}
+.text.data-v-60893f73 {
+  line-height: 27.96rpx;
+}
+.pos.data-v-60893f73 {
+  position: absolute;
+  left: 21.62rpx;
+  top: 0;
+}
+.section_3.data-v-60893f73 {
+  padding-left: 33.75rpx;
+  padding-right: 28.13rpx;
+  background-color: #fffef8;
+  border-radius: 18.75rpx;
+}
+.pos_2.data-v-60893f73 {
+  position: absolute;
+  left: 20.63rpx;
+  right: 20.63rpx;
+  top: 53.63rpx;
+}
+.group_3.data-v-60893f73 {
+  padding: 31.88rpx 0 15.94rpx;
+  border-bottom: solid 1.88rpx #e2e0e0;
+}
+.image.data-v-60893f73 {
+  width: 43.13rpx;
+  height: 43.13rpx;
+}
+.font_2.data-v-60893f73 {
+  font-size: 26.25rpx;
+  font-family: Open Sans;
+  line-height: 24.3rpx;
+  color: #323232;
+}
+.text_2.data-v-60893f73 {
+  line-height: 24rpx;
+}
+.text_3.data-v-60893f73 {
+  line-height: 24rpx;
+}
+.image_2.data-v-60893f73 {
+  width: 33.75rpx;
+  height: 33.75rpx;
+}
+.group_4.data-v-60893f73 {
+  padding: 22.97rpx 0 36.51rpx;
+}
+.font_3.data-v-60893f73 {
+  font-size: 26.25rpx;
+  font-family: Open Sans;
+  line-height: 31.88rpx;
+  color: #323232;
+}
+.group_5.data-v-60893f73 {
+  padding: 0 30rpx;
+}
+.text_4.data-v-60893f73 {
+  line-height: 27.69rpx;
+}
+.section_4.data-v-60893f73 {
+  padding: 31.88rpx 0;
+  background-color: #fffef8;
+  border-radius: 18.75rpx;
+}
+.equal-division.data-v-60893f73 {
+  margin-left: 41.25rpx;
+  margin-right: 41.27rpx;
+}
+.equal-division-item_1.data-v-60893f73 {
+  flex: 1 1 281.25rpx;
+}
+.section_5.data-v-60893f73 {
+  padding: 31.57rpx 0 40.58rpx;
+  background-color: #fff291;
+  border-radius: 18.75rpx;
+  height: 281.25rpx;
+}
+.image_3.data-v-60893f73 {
+  width: 159.99rpx;
+  height: 159.99rpx;
+}
+.font_4.data-v-60893f73 {
+  font-size: 30rpx;
+  font-family: Inter;
+  line-height: 27.75rpx;
+  color: #323232;
+}
+.equal-division-item_2.data-v-60893f73 {
+  position: relative;
+  flex: 1 1 281.25rpx;
+}
+.equal-division-item.data-v-60893f73 {
+  padding: 31.56rpx 0 42.49rpx;
+  background-color: #fff291;
+  border-radius: 18.75rpx;
+  height: 281.25rpx;
+}
+.text_5.data-v-60893f73 {
+  margin-top: 19.46rpx;
+}
+.section_7.data-v-60893f73 {
+  background-color: #ffffff99;
+  border-radius: 18.75rpx;
+  width: 281.25rpx;
+  height: 281.25rpx;
+}
+.pos_3.data-v-60893f73 {
+  position: absolute;
+  left: 0;
+  right: 0;
+  top: 0;
+  bottom: 0;
+}
+.text_6.data-v-60893f73 {
+  line-height: 27.86rpx;
+}
+.section_8.data-v-60893f73 {
+  padding: 30rpx 30rpx 26.25rpx;
+  background-color: #fff3c3;
+}
+.section_1.data-v-60893f73 {
+  padding: 24.38rpx 26.25rpx 26.25rpx 39.38rpx;
+  background-color: #fffef8;
+  border-radius: 18.75rpx;
+}
+.image_4.data-v-60893f73 {
+  border-radius: 9.38rpx;
+  width: 118.13rpx;
+  height: 151.88rpx;
+}
+.text_7.data-v-60893f73 {
+  line-height: 24.26rpx;
+}
+.font_5.data-v-60893f73 {
+  font-size: 33.75rpx;
+  font-family: Open Sans;
+  line-height: 24.3rpx;
+  color: #ff3c3c;
+}
+.text_1.data-v-60893f73 {
+  line-height: 24.81rpx;
+}
+.font_6.data-v-60893f73 {
+  font-size: 22.5rpx;
+  font-family: Open Sans;
+  line-height: 21.36rpx;
+  color: #898989;
+}
+.image_5.data-v-60893f73 {
+  width: 37.5rpx;
+  height: 37.5rpx;
+}
+.section_13.data-v-60893f73 {
+  padding: 26.27rpx 26.25rpx 24.36rpx 39.38rpx;
+  background-color: #fffef8;
+  border-radius: 18.75rpx;
+}
+.group_6.data-v-60893f73 {
+  margin-left: 24.77rpx;
+}
+.text_9.data-v-60893f73 {
+  line-height: 24.15rpx;
+}
+.text_10.data-v-60893f73 {
+  line-height: 24.81rpx;
+}
+.text_11.data-v-60893f73 {
+  line-height: 21.38rpx;
+}
+.image_6.data-v-60893f73 {
+  margin-left: 39.99rpx;
+}
+.image_7.data-v-60893f73 {
+  width: 118.13rpx;
+  height: 151.88rpx;
+}
+.text_12.data-v-60893f73 {
+  line-height: 24.23rpx;
+}
+.text_20.data-v-60893f73 {
+  line-height: 24.81rpx;
+}
+.image_8.data-v-60893f73 {
+  width: 28.13rpx;
+  height: 28.13rpx;
+}
+.text_13.data-v-60893f73 {
+  color: #000000;
+  line-height: 20.77rpx;
+}
+.section_9.data-v-60893f73 {
+  padding: 16.88rpx 20.63rpx 15rpx 21.6rpx;
+  background-color: #fffef8;
+}
+.group_7.data-v-60893f73 {
+  width: 236.23rpx;
+}
+.group_8.data-v-60893f73 {
+  padding: 4.22rpx 0 5.25rpx;
+}
+.text_14.data-v-60893f73 {
+  color: #000000;
+  font-size: 26.25rpx;
+  font-family: Inter;
+  line-height: 24.28rpx;
+}
+.pos_4.data-v-60893f73 {
+  position: absolute;
+  right: 0;
+  bottom: 0;
+}
+.text_15.data-v-60893f73 {
+  color: #fbb612;
+  font-weight: 700;
+  line-height: 24.84rpx;
+}
+.text_17.data-v-60893f73 {
+  margin-left: 3.52rpx;
+  color: #fbb612;
+  font-size: 26.25rpx;
+  font-family: Open Sans;
+  font-weight: 700;
+  line-height: 19.29rpx;
+}
+.section_10.data-v-60893f73 {
+  padding: 9.38rpx 9.38rpx 9.38rpx 10.18rpx;
+  background-color: #d9d9d9;
+  border-radius: 9.38rpx;
+  height: 37.5rpx;
+}
+.text_18.data-v-60893f73 {
+  color: #323232;
+  font-size: 18.75rpx;
+  font-family: Inter;
+  line-height: 17.36rpx;
+}
+.image_9.data-v-60893f73 {
+  width: 18.75rpx;
+  height: 18.75rpx;
+}
+.text-wrapper.data-v-60893f73 {
+  padding: 27.3rpx 0 27.45rpx;
+  background-color: #fbb612;
+  border-radius: 75rpx;
+  height: 82.5rpx;
+}
+.text_16.data-v-60893f73 {
+  color: #ffffff;
+}
\ No newline at end of file
diff --git a/unpackage/dist/dev/mp-weixin/pages/booking/ContactInformation.js b/unpackage/dist/dev/mp-weixin/pages/booking/ContactInformation.js
new file mode 100644
index 0000000..e4ea835
--- /dev/null
+++ b/unpackage/dist/dev/mp-weixin/pages/booking/ContactInformation.js
@@ -0,0 +1,8 @@
+"use strict";
+const common_vendor = require("../../common/vendor.js");
+const _sfc_main = {};
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return {};
+}
+const MiniProgramPage = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-43413e24"], ["__file", "D:/jiangchengfeiyi-xiaochengxu/pages/booking/ContactInformation.vue"]]);
+wx.createPage(MiniProgramPage);
diff --git a/unpackage/dist/dev/mp-weixin/pages/booking/ContactInformation.json b/unpackage/dist/dev/mp-weixin/pages/booking/ContactInformation.json
new file mode 100644
index 0000000..3e442a9
--- /dev/null
+++ b/unpackage/dist/dev/mp-weixin/pages/booking/ContactInformation.json
@@ -0,0 +1,4 @@
+{
+  "navigationBarTitleText": "联系人信息",
+  "usingComponents": {}
+}
\ No newline at end of file
diff --git a/unpackage/dist/dev/mp-weixin/pages/booking/ContactInformation.wxml b/unpackage/dist/dev/mp-weixin/pages/booking/ContactInformation.wxml
new file mode 100644
index 0000000..a7c2254
--- /dev/null
+++ b/unpackage/dist/dev/mp-weixin/pages/booking/ContactInformation.wxml
@@ -0,0 +1 @@
+<view class="flex-col page data-v-43413e24"><view class="flex-col flex-1 group_2 data-v-43413e24"><view class="flex-col data-v-43413e24"><view class="flex-row justify-between items-center section data-v-43413e24"><view class="flex-row items-center data-v-43413e24"><image class="shrink-0 image_3 data-v-43413e24" src="https://ide.code.fun/api/image?token=6710a29d1511d900114ac910&name=3a9304082db1a0ce59900947da89bfaf.png"/><text class="font ml-9 data-v-43413e24">张三</text><text class="font_2 ml-9 data-v-43413e24">15888610253</text></view><view class="flex-row group_3 data-v-43413e24"><image class="image_2 data-v-43413e24" src="https://ide.code.fun/api/image?token=6710a29d1511d900114ac910&name=4ea2c3040a66adfdc3cd18d7fe9fea60.png"/><image class="ml-12 image_2 data-v-43413e24" src="https://ide.code.fun/api/image?token=6710a29d1511d900114ac910&name=6184b59dfc6e09773e972bd085509877.png"/></view></view><view class="flex-row justify-between items-center section data-v-43413e24"><view class="flex-row items-center data-v-43413e24"><image class="shrink-0 image_3 data-v-43413e24" src="https://ide.code.fun/api/image?token=6710a29d1511d900114ac910&name=3a9304082db1a0ce59900947da89bfaf.png"/><text class="font ml-9 data-v-43413e24">张三</text><text class="font_2 ml-9 data-v-43413e24">15888610253</text></view><view class="flex-row group_3 data-v-43413e24"><image class="image_2 data-v-43413e24" src="https://ide.code.fun/api/image?token=6710a29d1511d900114ac910&name=4ea2c3040a66adfdc3cd18d7fe9fea60.png"/><image class="ml-12 image_2 data-v-43413e24" src="https://ide.code.fun/api/image?token=6710a29d1511d900114ac910&name=6184b59dfc6e09773e972bd085509877.png"/></view></view><view class="flex-row justify-between items-center section data-v-43413e24"><view class="flex-row items-center data-v-43413e24"><image class="shrink-0 image_3 data-v-43413e24" src="https://ide.code.fun/api/image?token=6710a29d1511d900114ac910&name=3a9304082db1a0ce59900947da89bfaf.png"/><text class="font ml-9 data-v-43413e24">张三</text><text class="font_2 ml-9 data-v-43413e24">15888610253</text></view><view class="flex-row group_3 data-v-43413e24"><image class="image_2 data-v-43413e24" src="https://ide.code.fun/api/image?token=6710a29d1511d900114ac910&name=4ea2c3040a66adfdc3cd18d7fe9fea60.png"/><image class="ml-12 image_2 data-v-43413e24" src="https://ide.code.fun/api/image?token=6710a29d1511d900114ac910&name=6184b59dfc6e09773e972bd085509877.png"/></view></view><view class="flex-row justify-between items-center section data-v-43413e24"><view class="flex-row items-center data-v-43413e24"><image class="shrink-0 image_3 data-v-43413e24" src="https://ide.code.fun/api/image?token=6710a29d1511d900114ac910&name=3a9304082db1a0ce59900947da89bfaf.png"/><text class="font ml-9 data-v-43413e24">张三</text><text class="font_2 ml-9 data-v-43413e24">15888610253</text></view><view class="flex-row group_3 data-v-43413e24"><image class="image_2 data-v-43413e24" src="https://ide.code.fun/api/image?token=6710a29d1511d900114ac910&name=4ea2c3040a66adfdc3cd18d7fe9fea60.png"/><image class="ml-12 image_2 data-v-43413e24" src="https://ide.code.fun/api/image?token=6710a29d1511d900114ac910&name=6184b59dfc6e09773e972bd085509877.png"/></view></view></view><view class="flex-col justify-start items-center section_2 mt-251 data-v-43413e24"><view class="flex-col justify-start items-center button data-v-43413e24"><text class="font text_2 data-v-43413e24">添加新联系人</text></view></view></view></view>
\ No newline at end of file
diff --git a/unpackage/dist/dev/mp-weixin/pages/booking/ContactInformation.wxss b/unpackage/dist/dev/mp-weixin/pages/booking/ContactInformation.wxss
new file mode 100644
index 0000000..fd570d2
--- /dev/null
+++ b/unpackage/dist/dev/mp-weixin/pages/booking/ContactInformation.wxss
@@ -0,0 +1,464 @@
+/* 水平间距 */
+/* 水平间距 */
+/************************************************************
+** 请将全局样式拷贝到项目的全局 CSS 文件或者当前页面的顶部 **
+** 否则页面将无法正常显示                                  **
+************************************************************/
+html.data-v-43413e24 {
+  font-size: 16px;
+}
+body.data-v-43413e24 {
+  margin: 0;
+  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans',
+    'Droid Sans', 'Helvetica Neue', 'Microsoft Yahei', sans-serif;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+view.data-v-43413e24,
+image.data-v-43413e24,
+text.data-v-43413e24 {
+  box-sizing: border-box;
+  flex-shrink: 0;
+}
+#app.data-v-43413e24 {
+  width: 100vw;
+  height: 100vh;
+}
+.flex-row.data-v-43413e24 {
+  display: flex;
+  flex-direction: row;
+}
+.flex-col.data-v-43413e24 {
+  display: flex;
+  flex-direction: column;
+}
+.justify-start.data-v-43413e24 {
+  justify-content: flex-start;
+}
+.justify-end.data-v-43413e24 {
+  justify-content: flex-end;
+}
+.justify-center.data-v-43413e24 {
+  justify-content: center;
+}
+.justify-between.data-v-43413e24 {
+  justify-content: space-between;
+}
+.justify-around.data-v-43413e24 {
+  justify-content: space-around;
+}
+.justify-evenly.data-v-43413e24 {
+  justify-content: space-evenly;
+}
+.items-start.data-v-43413e24 {
+  align-items: flex-start;
+}
+.items-end.data-v-43413e24 {
+  align-items: flex-end;
+}
+.items-center.data-v-43413e24 {
+  align-items: center;
+}
+.items-baseline.data-v-43413e24 {
+  align-items: baseline;
+}
+.items-stretch.data-v-43413e24 {
+  align-items: stretch;
+}
+.self-start.data-v-43413e24 {
+  align-self: flex-start;
+}
+.self-end.data-v-43413e24 {
+  align-self: flex-end;
+}
+.self-center.data-v-43413e24 {
+  align-self: center;
+}
+.self-baseline.data-v-43413e24 {
+  align-self: baseline;
+}
+.self-stretch.data-v-43413e24 {
+  align-self: stretch;
+}
+.flex-1.data-v-43413e24 {
+  flex: 1 1 0%;
+}
+.flex-auto.data-v-43413e24 {
+  flex: 1 1 auto;
+}
+.grow.data-v-43413e24 {
+  flex-grow: 1;
+}
+.grow-0.data-v-43413e24 {
+  flex-grow: 0;
+}
+.shrink.data-v-43413e24 {
+  flex-shrink: 1;
+}
+.shrink-0.data-v-43413e24 {
+  flex-shrink: 0;
+}
+.relative.data-v-43413e24 {
+  position: relative;
+}
+.ml-2.data-v-43413e24 {
+  margin-left: 3.75rpx;
+}
+.mt-2.data-v-43413e24 {
+  margin-top: 3.75rpx;
+}
+.ml-4.data-v-43413e24 {
+  margin-left: 7.5rpx;
+}
+.mt-4.data-v-43413e24 {
+  margin-top: 7.5rpx;
+}
+.ml-6.data-v-43413e24 {
+  margin-left: 11.25rpx;
+}
+.mt-6.data-v-43413e24 {
+  margin-top: 11.25rpx;
+}
+.ml-8.data-v-43413e24 {
+  margin-left: 15rpx;
+}
+.mt-8.data-v-43413e24 {
+  margin-top: 15rpx;
+}
+.ml-10.data-v-43413e24 {
+  margin-left: 18.75rpx;
+}
+.mt-10.data-v-43413e24 {
+  margin-top: 18.75rpx;
+}
+.ml-12.data-v-43413e24 {
+  margin-left: 22.5rpx;
+}
+.mt-12.data-v-43413e24 {
+  margin-top: 22.5rpx;
+}
+.ml-14.data-v-43413e24 {
+  margin-left: 26.25rpx;
+}
+.mt-14.data-v-43413e24 {
+  margin-top: 26.25rpx;
+}
+.ml-16.data-v-43413e24 {
+  margin-left: 30rpx;
+}
+.mt-16.data-v-43413e24 {
+  margin-top: 30rpx;
+}
+.ml-18.data-v-43413e24 {
+  margin-left: 33.75rpx;
+}
+.mt-18.data-v-43413e24 {
+  margin-top: 33.75rpx;
+}
+.ml-20.data-v-43413e24 {
+  margin-left: 37.5rpx;
+}
+.mt-20.data-v-43413e24 {
+  margin-top: 37.5rpx;
+}
+.ml-22.data-v-43413e24 {
+  margin-left: 41.25rpx;
+}
+.mt-22.data-v-43413e24 {
+  margin-top: 41.25rpx;
+}
+.ml-24.data-v-43413e24 {
+  margin-left: 45rpx;
+}
+.mt-24.data-v-43413e24 {
+  margin-top: 45rpx;
+}
+.ml-26.data-v-43413e24 {
+  margin-left: 48.75rpx;
+}
+.mt-26.data-v-43413e24 {
+  margin-top: 48.75rpx;
+}
+.ml-28.data-v-43413e24 {
+  margin-left: 52.5rpx;
+}
+.mt-28.data-v-43413e24 {
+  margin-top: 52.5rpx;
+}
+.ml-30.data-v-43413e24 {
+  margin-left: 56.25rpx;
+}
+.mt-30.data-v-43413e24 {
+  margin-top: 56.25rpx;
+}
+.ml-32.data-v-43413e24 {
+  margin-left: 60rpx;
+}
+.mt-32.data-v-43413e24 {
+  margin-top: 60rpx;
+}
+.ml-34.data-v-43413e24 {
+  margin-left: 63.75rpx;
+}
+.mt-34.data-v-43413e24 {
+  margin-top: 63.75rpx;
+}
+.ml-36.data-v-43413e24 {
+  margin-left: 67.5rpx;
+}
+.mt-36.data-v-43413e24 {
+  margin-top: 67.5rpx;
+}
+.ml-38.data-v-43413e24 {
+  margin-left: 71.25rpx;
+}
+.mt-38.data-v-43413e24 {
+  margin-top: 71.25rpx;
+}
+.ml-40.data-v-43413e24 {
+  margin-left: 75rpx;
+}
+.mt-40.data-v-43413e24 {
+  margin-top: 75rpx;
+}
+.ml-42.data-v-43413e24 {
+  margin-left: 78.75rpx;
+}
+.mt-42.data-v-43413e24 {
+  margin-top: 78.75rpx;
+}
+.ml-44.data-v-43413e24 {
+  margin-left: 82.5rpx;
+}
+.mt-44.data-v-43413e24 {
+  margin-top: 82.5rpx;
+}
+.ml-46.data-v-43413e24 {
+  margin-left: 86.25rpx;
+}
+.mt-46.data-v-43413e24 {
+  margin-top: 86.25rpx;
+}
+.ml-48.data-v-43413e24 {
+  margin-left: 90rpx;
+}
+.mt-48.data-v-43413e24 {
+  margin-top: 90rpx;
+}
+.ml-50.data-v-43413e24 {
+  margin-left: 93.75rpx;
+}
+.mt-50.data-v-43413e24 {
+  margin-top: 93.75rpx;
+}
+.ml-52.data-v-43413e24 {
+  margin-left: 97.5rpx;
+}
+.mt-52.data-v-43413e24 {
+  margin-top: 97.5rpx;
+}
+.ml-54.data-v-43413e24 {
+  margin-left: 101.25rpx;
+}
+.mt-54.data-v-43413e24 {
+  margin-top: 101.25rpx;
+}
+.ml-56.data-v-43413e24 {
+  margin-left: 105rpx;
+}
+.mt-56.data-v-43413e24 {
+  margin-top: 105rpx;
+}
+.ml-58.data-v-43413e24 {
+  margin-left: 108.75rpx;
+}
+.mt-58.data-v-43413e24 {
+  margin-top: 108.75rpx;
+}
+.ml-60.data-v-43413e24 {
+  margin-left: 112.5rpx;
+}
+.mt-60.data-v-43413e24 {
+  margin-top: 112.5rpx;
+}
+.ml-62.data-v-43413e24 {
+  margin-left: 116.25rpx;
+}
+.mt-62.data-v-43413e24 {
+  margin-top: 116.25rpx;
+}
+.ml-64.data-v-43413e24 {
+  margin-left: 120rpx;
+}
+.mt-64.data-v-43413e24 {
+  margin-top: 120rpx;
+}
+.ml-66.data-v-43413e24 {
+  margin-left: 123.75rpx;
+}
+.mt-66.data-v-43413e24 {
+  margin-top: 123.75rpx;
+}
+.ml-68.data-v-43413e24 {
+  margin-left: 127.5rpx;
+}
+.mt-68.data-v-43413e24 {
+  margin-top: 127.5rpx;
+}
+.ml-70.data-v-43413e24 {
+  margin-left: 131.25rpx;
+}
+.mt-70.data-v-43413e24 {
+  margin-top: 131.25rpx;
+}
+.ml-72.data-v-43413e24 {
+  margin-left: 135rpx;
+}
+.mt-72.data-v-43413e24 {
+  margin-top: 135rpx;
+}
+.ml-74.data-v-43413e24 {
+  margin-left: 138.75rpx;
+}
+.mt-74.data-v-43413e24 {
+  margin-top: 138.75rpx;
+}
+.ml-76.data-v-43413e24 {
+  margin-left: 142.5rpx;
+}
+.mt-76.data-v-43413e24 {
+  margin-top: 142.5rpx;
+}
+.ml-78.data-v-43413e24 {
+  margin-left: 146.25rpx;
+}
+.mt-78.data-v-43413e24 {
+  margin-top: 146.25rpx;
+}
+.ml-80.data-v-43413e24 {
+  margin-left: 150rpx;
+}
+.mt-80.data-v-43413e24 {
+  margin-top: 150rpx;
+}
+.ml-82.data-v-43413e24 {
+  margin-left: 153.75rpx;
+}
+.mt-82.data-v-43413e24 {
+  margin-top: 153.75rpx;
+}
+.ml-84.data-v-43413e24 {
+  margin-left: 157.5rpx;
+}
+.mt-84.data-v-43413e24 {
+  margin-top: 157.5rpx;
+}
+.ml-86.data-v-43413e24 {
+  margin-left: 161.25rpx;
+}
+.mt-86.data-v-43413e24 {
+  margin-top: 161.25rpx;
+}
+.ml-88.data-v-43413e24 {
+  margin-left: 165rpx;
+}
+.mt-88.data-v-43413e24 {
+  margin-top: 165rpx;
+}
+.ml-90.data-v-43413e24 {
+  margin-left: 168.75rpx;
+}
+.mt-90.data-v-43413e24 {
+  margin-top: 168.75rpx;
+}
+.ml-92.data-v-43413e24 {
+  margin-left: 172.5rpx;
+}
+.mt-92.data-v-43413e24 {
+  margin-top: 172.5rpx;
+}
+.ml-94.data-v-43413e24 {
+  margin-left: 176.25rpx;
+}
+.mt-94.data-v-43413e24 {
+  margin-top: 176.25rpx;
+}
+.ml-96.data-v-43413e24 {
+  margin-left: 180rpx;
+}
+.mt-96.data-v-43413e24 {
+  margin-top: 180rpx;
+}
+.ml-98.data-v-43413e24 {
+  margin-left: 183.75rpx;
+}
+.mt-98.data-v-43413e24 {
+  margin-top: 183.75rpx;
+}
+.ml-100.data-v-43413e24 {
+  margin-left: 187.5rpx;
+}
+.mt-100.data-v-43413e24 {
+  margin-top: 187.5rpx;
+}
+.ml-9.data-v-43413e24 {
+  margin-left: 16.88rpx;
+}
+.mt-251.data-v-43413e24 {
+  position: fixed;
+  bottom: 0;
+  width: 100%;
+}
+.page.data-v-43413e24 {
+  background-color: #f5f5dc;
+  border-radius: 28.13rpx 28.13rpx 0rpx 0rpx;
+  width: 100%;
+  overflow-y: auto;
+  overflow-x: hidden;
+  height: 100%;
+}
+.group_2.data-v-43413e24 {
+  overflow-y: auto;
+}
+.section.data-v-43413e24 {
+  padding: 52.5rpx 15rpx;
+  background-color: #fffef8;
+  border-bottom: solid 1.88rpx #c8c8c8;
+}
+.image_3.data-v-43413e24 {
+  width: 33.75rpx;
+  height: 33.75rpx;
+}
+.font.data-v-43413e24 {
+  font-size: 30rpx;
+  font-family: Open Sans;
+  line-height: 27.19rpx;
+  color: #323232;
+}
+.font_2.data-v-43413e24 {
+  font-size: 30rpx;
+  font-family: Open Sans;
+  line-height: 22.05rpx;
+  color: #323232;
+}
+.group_3.data-v-43413e24 {
+  margin-right: 11.25rpx;
+}
+.image_2.data-v-43413e24 {
+  width: 39.38rpx;
+  height: 39.38rpx;
+}
+.section_2.data-v-43413e24 {
+  padding: 22.5rpx 0 15rpx;
+  background-color: #fffef8;
+}
+.button.data-v-43413e24 {
+  padding: 30rpx 0;
+  background-color: #fbb612;
+  border-radius: 75rpx;
+  width: 639.38rpx;
+}
+.text_2.data-v-43413e24 {
+  color: #ffffff;
+  line-height: 27.75rpx;
+}
\ No newline at end of file
diff --git a/unpackage/dist/dev/mp-weixin/pages/booking/date.js b/unpackage/dist/dev/mp-weixin/pages/booking/date.js
new file mode 100644
index 0000000..995a8f4
--- /dev/null
+++ b/unpackage/dist/dev/mp-weixin/pages/booking/date.js
@@ -0,0 +1,8 @@
+"use strict";
+const common_vendor = require("../../common/vendor.js");
+const _sfc_main = {};
+function _sfc_render(_ctx, _cache) {
+  return {};
+}
+const MiniProgramPage = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-f815bf4c"], ["__file", "D:/jiangchengfeiyi-xiaochengxu/pages/booking/date.vue"]]);
+wx.createPage(MiniProgramPage);
diff --git a/unpackage/dist/dev/mp-weixin/pages/booking/date.json b/unpackage/dist/dev/mp-weixin/pages/booking/date.json
new file mode 100644
index 0000000..a0812ee
--- /dev/null
+++ b/unpackage/dist/dev/mp-weixin/pages/booking/date.json
@@ -0,0 +1,4 @@
+{
+  "navigationBarTitleText": "",
+  "usingComponents": {}
+}
\ No newline at end of file
diff --git a/unpackage/dist/dev/mp-weixin/pages/booking/date.wxml b/unpackage/dist/dev/mp-weixin/pages/booking/date.wxml
new file mode 100644
index 0000000..7a2e480
--- /dev/null
+++ b/unpackage/dist/dev/mp-weixin/pages/booking/date.wxml
@@ -0,0 +1 @@
+<view class="flex-col page data-v-f815bf4c"><view class="flex-col flex-1 group_3 data-v-f815bf4c"><view class="flex-col relative group data-v-f815bf4c"><view class="flex-col data-v-f815bf4c"><view class="flex-col group_2 data-v-f815bf4c"><text class="self-start font text data-v-f815bf4c">场次</text><view class="mt-20 flex-col items-start self-stretch group_4 data-v-f815bf4c"><view class="flex-col justify-start text-wrapper data-v-f815bf4c"><text class="font_2 text_2 data-v-f815bf4c">上午场（09:30-12:00）</text></view><view class="mt-14 flex-col justify-start text-wrapper_2 data-v-f815bf4c"><text class="text_3 data-v-f815bf4c">下午场（13:00-16:00）</text></view></view><view class="mt-20 self-stretch divider data-v-f815bf4c"></view><text class="mt-20 self-start font text_4 data-v-f815bf4c">日期</text></view><view class="mt-22 flex-col data-v-f815bf4c"><view class="flex-col justify-start self-start section data-v-f815bf4c"><view class="flex-row equal-division data-v-f815bf4c"><view class="flex-col items-center group_5 equal-division-item data-v-f815bf4c"><text class="font_2 text_5 data-v-f815bf4c">9月</text><text class="font_3 mt-9 data-v-f815bf4c">￥68.00起</text></view><view class="flex-col items-center group_5 equal-division-item data-v-f815bf4c"><text class="font_2 text_5 data-v-f815bf4c">10月</text><text class="font_3 mt-9 data-v-f815bf4c">￥68.00起</text></view><view class="flex-col items-center group_5 equal-division-item data-v-f815bf4c"><text class="font_2 text_5 data-v-f815bf4c">11月</text><text class="font_3 mt-9 data-v-f815bf4c">￥68.00起</text></view><view class="flex-col items-center group_5 equal-division-item data-v-f815bf4c"><text class="font_2 text_5 data-v-f815bf4c">12月</text><text class="font_3 mt-9 data-v-f815bf4c">￥68.00起</text></view></view></view><view class="mt-10 flex-row justify-between items-center self-stretch section_2 data-v-f815bf4c"><text class="font_4 text_6 data-v-f815bf4c">日</text><text class="font_5 text_12 data-v-f815bf4c">一</text><text class="font_5 text_7 data-v-f815bf4c">二</text><text class="font_5 text_8 data-v-f815bf4c">三</text><text class="font_5 text_9 data-v-f815bf4c">四</text><text class="font_5 text_10 data-v-f815bf4c">五</text><text class="font_4 text_11 data-v-f815bf4c">六</text></view></view></view><view class="flex-col data-v-f815bf4c"><view class="grid data-v-f815bf4c"><view class="flex-col items-center grid-item data-v-f815bf4c"><text class="font_6 data-v-f815bf4c">余99</text><text class="font_7 mt-7 data-v-f815bf4c">1</text><text class="font_8 mt-7 data-v-f815bf4c">￥68.00</text></view><view class="flex-col items-center grid-item data-v-f815bf4c"><text class="font_6 data-v-f815bf4c">余99</text><text class="font_7 mt-7 data-v-f815bf4c">2</text><text class="font_8 mt-7 data-v-f815bf4c">￥68.00</text></view><view class="flex-col items-center grid-item data-v-f815bf4c"><text class="font_6 data-v-f815bf4c">余99</text><text class="font_7 mt-7 data-v-f815bf4c">3</text><text class="font_8 mt-7 data-v-f815bf4c">￥68.00</text></view><view class="flex-col items-center grid-item data-v-f815bf4c"><text class="font_6 data-v-f815bf4c">余99</text><text class="font_7 mt-7 data-v-f815bf4c">4</text><text class="font_8 mt-7 data-v-f815bf4c">￥68.00</text></view><view class="flex-col items-center grid-item data-v-f815bf4c"><text class="font_6 data-v-f815bf4c">余99</text><text class="font_7 mt-7 data-v-f815bf4c">5</text><text class="font_8 mt-7 data-v-f815bf4c">￥68.00</text></view><view class="flex-col items-center grid-item data-v-f815bf4c"><text class="font_6 data-v-f815bf4c">余99</text><text class="font_7 mt-7 data-v-f815bf4c">6</text><text class="font_8 mt-7 data-v-f815bf4c">￥68.00</text></view><view class="flex-col items-center grid-item data-v-f815bf4c"><text class="font_6 data-v-f815bf4c">余99</text><text class="font_7 mt-7 data-v-f815bf4c">7</text><text class="font_8 mt-7 data-v-f815bf4c">￥68.00</text></view><view class="flex-col items-center grid-item data-v-f815bf4c"><text class="font_6 data-v-f815bf4c">余99</text><text class="font_7 mt-7 data-v-f815bf4c">8</text><text class="font_8 mt-7 data-v-f815bf4c">￥68.00</text></view><view class="flex-col items-center grid-item data-v-f815bf4c"><text class="font_6 data-v-f815bf4c">余99</text><text class="font_7 mt-7 data-v-f815bf4c">9</text><text class="font_8 mt-7 data-v-f815bf4c">￥68.00</text></view><view class="flex-col items-center grid-item data-v-f815bf4c"><text class="font_6 data-v-f815bf4c">余99</text><text class="font_7 mt-7 data-v-f815bf4c">10</text><text class="font_8 mt-7 data-v-f815bf4c">￥68.00</text></view><view class="flex-col items-center grid-item data-v-f815bf4c"><text class="font_6 data-v-f815bf4c">余99</text><text class="font_7 mt-7 data-v-f815bf4c">11</text><text class="font_8 mt-7 data-v-f815bf4c">￥68.00</text></view><view class="flex-col items-center grid-item data-v-f815bf4c"><text class="font_6 data-v-f815bf4c">余99</text><text class="font_7 mt-7 data-v-f815bf4c">12</text><text class="font_8 mt-7 data-v-f815bf4c">￥68.00</text></view><view class="flex-col items-center grid-item data-v-f815bf4c"><text class="font_6 data-v-f815bf4c">余99</text><text class="font_7 mt-7 data-v-f815bf4c">13</text><text class="font_8 mt-7 data-v-f815bf4c">￥68.00</text></view><view class="flex-col items-center grid-item data-v-f815bf4c"><text class="font_6 data-v-f815bf4c">余99</text><text class="font_7 mt-7 data-v-f815bf4c">14</text><text class="font_8 mt-7 data-v-f815bf4c">￥68.00</text></view><view class="flex-col items-center grid-item data-v-f815bf4c"><text class="font_6 data-v-f815bf4c">余99</text><text class="font_7 mt-7 data-v-f815bf4c">15</text><text class="font_8 mt-7 data-v-f815bf4c">￥68.00</text></view><view class="flex-col items-center grid-item data-v-f815bf4c"><text class="font_6 data-v-f815bf4c">余99</text><text class="font_7 mt-7 data-v-f815bf4c">16</text><text class="font_8 mt-7 data-v-f815bf4c">￥68.00</text></view><view class="flex-col items-center grid-item data-v-f815bf4c"><text class="font_6 data-v-f815bf4c">余99</text><text class="font_7 mt-7 data-v-f815bf4c">17</text><text class="font_8 mt-7 data-v-f815bf4c">￥68.00</text></view><view class="flex-col items-center grid-item data-v-f815bf4c"><text class="font_6 data-v-f815bf4c">余99</text><text class="font_7 mt-7 data-v-f815bf4c">18</text><text class="font_8 mt-7 data-v-f815bf4c">￥68.00</text></view><view class="flex-col items-center grid-item data-v-f815bf4c"><text class="font_6 data-v-f815bf4c">余99</text><text class="font_7 mt-7 data-v-f815bf4c">19</text><text class="font_8 mt-7 data-v-f815bf4c">￥68.00</text></view><view class="flex-col items-center grid-item data-v-f815bf4c"><text class="font_6 data-v-f815bf4c">余99</text><text class="font_7 mt-7 data-v-f815bf4c">20</text><text class="font_8 mt-7 data-v-f815bf4c">￥68.00</text></view><view class="flex-col items-center grid-item data-v-f815bf4c"><text class="font_6 data-v-f815bf4c">余99</text><text class="font_7 mt-7 data-v-f815bf4c">21</text><text class="font_8 mt-7 data-v-f815bf4c">￥68.00</text></view><view class="flex-col items-center grid-item data-v-f815bf4c"><text class="font_6 data-v-f815bf4c">余99</text><text class="font_7 mt-7 data-v-f815bf4c">22</text><text class="font_8 mt-7 data-v-f815bf4c">￥68.00</text></view><view class="flex-col items-center grid-item data-v-f815bf4c"><text class="font_6 data-v-f815bf4c">余99</text><text class="font_7 mt-7 data-v-f815bf4c">23</text><text class="font_8 mt-7 data-v-f815bf4c">￥68.00</text></view><view class="flex-col items-center grid-item data-v-f815bf4c"><text class="font_6 data-v-f815bf4c">余99</text><text class="font_7 mt-7 data-v-f815bf4c">24</text><text class="font_8 mt-7 data-v-f815bf4c">￥68.00</text></view><view class="flex-col items-center grid-item data-v-f815bf4c"><text class="font_6 data-v-f815bf4c">余99</text><text class="font_7 mt-7 data-v-f815bf4c">25</text><text class="font_8 mt-7 data-v-f815bf4c">￥68.00</text></view><view class="flex-col items-center grid-item data-v-f815bf4c"><text class="font_6 data-v-f815bf4c">余99</text><text class="font_7 mt-7 data-v-f815bf4c">26</text><text class="font_8 mt-7 data-v-f815bf4c">￥68.00</text></view><view class="flex-col items-center grid-item data-v-f815bf4c"><text class="font_6 data-v-f815bf4c">余99</text><text class="font_7 mt-7 data-v-f815bf4c">27</text><text class="font_8 mt-7 data-v-f815bf4c">￥68.00</text></view><view class="flex-col items-center grid-item data-v-f815bf4c"><text class="font_6 data-v-f815bf4c">余99</text><text class="font_7 mt-7 data-v-f815bf4c">28</text><text class="font_8 mt-7 data-v-f815bf4c">￥68.00</text></view></view><view class="flex-row mt-5 data-v-f815bf4c"><view class="flex-col items-center section_3 data-v-f815bf4c"><text class="font_6 data-v-f815bf4c">余99</text><text class="font_7 text_13 mt-7 data-v-f815bf4c">29</text><text class="font_8 mt-7 data-v-f815bf4c">￥68.00</text></view><view class="flex-col items-center section_3 ml-5 data-v-f815bf4c"><text class="font_6 data-v-f815bf4c">余99</text><text class="font_7 text_14 mt-7 data-v-f815bf4c">30</text><text class="font_8 mt-7 data-v-f815bf4c">￥68.00</text></view></view></view><view class="flex-row justify-between items-center group_6 data-v-f815bf4c"><text class="font data-v-f815bf4c">数量</text><view class="flex-row items-center data-v-f815bf4c"><text class="text_15 data-v-f815bf4c">一次限购100件</text><image class="shrink-0 image_2 data-v-f815bf4c" src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/66d02802d54496f19fd8b116/6705182d1511d900114a0a46/bd83ec79ae6ad0d4932c2e9d97aef3ef.png"/><view class="flex-col justify-start items-center shrink-0 text-wrapper_3 data-v-f815bf4c"><text class="font_7 text_16 data-v-f815bf4c">1</text></view><image class="shrink-0 image_3 data-v-f815bf4c" src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/66d02802d54496f19fd8b116/6705182d1511d900114a0a46/3d7428683bada7a94b84917c1f260b0e.png"/></view></view></view><view class="flex-col justify-start section_4 mt-55 data-v-f815bf4c"><view class="flex-col justify-start items-center button text-wrapper_4 data-v-f815bf4c"><text class="text_17 data-v-f815bf4c">下一步</text></view></view></view></view>
\ No newline at end of file
diff --git a/unpackage/dist/dev/mp-weixin/pages/booking/date.wxss b/unpackage/dist/dev/mp-weixin/pages/booking/date.wxss
new file mode 100644
index 0000000..939a0d9
--- /dev/null
+++ b/unpackage/dist/dev/mp-weixin/pages/booking/date.wxss
@@ -0,0 +1,641 @@
+/* 水平间距 */
+/* 水平间距 */
+/************************************************************
+** 请将全局样式拷贝到项目的全局 CSS 文件或者当前页面的顶部 **
+** 否则页面将无法正常显示                                  **
+************************************************************/
+html.data-v-f815bf4c {
+  font-size: 16px;
+}
+body.data-v-f815bf4c {
+  margin: 0;
+  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans',
+    'Droid Sans', 'Helvetica Neue', 'Microsoft Yahei', sans-serif;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+view.data-v-f815bf4c,
+image.data-v-f815bf4c,
+text.data-v-f815bf4c {
+  box-sizing: border-box;
+  flex-shrink: 0;
+}
+#app.data-v-f815bf4c {
+  width: 100vw;
+  height: 100vh;
+}
+.flex-row.data-v-f815bf4c {
+  display: flex;
+  flex-direction: row;
+}
+.flex-col.data-v-f815bf4c {
+  display: flex;
+  flex-direction: column;
+}
+.justify-start.data-v-f815bf4c {
+  justify-content: flex-start;
+}
+.justify-end.data-v-f815bf4c {
+  justify-content: flex-end;
+}
+.justify-center.data-v-f815bf4c {
+  justify-content: center;
+}
+.justify-between.data-v-f815bf4c {
+  justify-content: space-between;
+}
+.justify-around.data-v-f815bf4c {
+  justify-content: space-around;
+}
+.justify-evenly.data-v-f815bf4c {
+  justify-content: space-evenly;
+}
+.items-start.data-v-f815bf4c {
+  align-items: flex-start;
+}
+.items-end.data-v-f815bf4c {
+  align-items: flex-end;
+}
+.items-center.data-v-f815bf4c {
+  align-items: center;
+}
+.items-baseline.data-v-f815bf4c {
+  align-items: baseline;
+}
+.items-stretch.data-v-f815bf4c {
+  align-items: stretch;
+}
+.self-start.data-v-f815bf4c {
+  align-self: flex-start;
+}
+.self-end.data-v-f815bf4c {
+  align-self: flex-end;
+}
+.self-center.data-v-f815bf4c {
+  align-self: center;
+}
+.self-baseline.data-v-f815bf4c {
+  align-self: baseline;
+}
+.self-stretch.data-v-f815bf4c {
+  align-self: stretch;
+}
+.flex-1.data-v-f815bf4c {
+  flex: 1 1 0%;
+}
+.flex-auto.data-v-f815bf4c {
+  flex: 1 1 auto;
+}
+.grow.data-v-f815bf4c {
+  flex-grow: 1;
+}
+.grow-0.data-v-f815bf4c {
+  flex-grow: 0;
+}
+.shrink.data-v-f815bf4c {
+  flex-shrink: 1;
+}
+.shrink-0.data-v-f815bf4c {
+  flex-shrink: 0;
+}
+.relative.data-v-f815bf4c {
+  position: relative;
+}
+.ml-2.data-v-f815bf4c {
+  margin-left: 3.75rpx;
+}
+.mt-2.data-v-f815bf4c {
+  margin-top: 3.75rpx;
+}
+.ml-4.data-v-f815bf4c {
+  margin-left: 7.5rpx;
+}
+.mt-4.data-v-f815bf4c {
+  margin-top: 7.5rpx;
+}
+.ml-6.data-v-f815bf4c {
+  margin-left: 11.25rpx;
+}
+.mt-6.data-v-f815bf4c {
+  margin-top: 11.25rpx;
+}
+.ml-8.data-v-f815bf4c {
+  margin-left: 15rpx;
+}
+.mt-8.data-v-f815bf4c {
+  margin-top: 15rpx;
+}
+.ml-10.data-v-f815bf4c {
+  margin-left: 18.75rpx;
+}
+.mt-10.data-v-f815bf4c {
+  margin-top: 18.75rpx;
+}
+.ml-12.data-v-f815bf4c {
+  margin-left: 22.5rpx;
+}
+.mt-12.data-v-f815bf4c {
+  margin-top: 22.5rpx;
+}
+.ml-14.data-v-f815bf4c {
+  margin-left: 26.25rpx;
+}
+.mt-14.data-v-f815bf4c {
+  margin-top: 26.25rpx;
+}
+.ml-16.data-v-f815bf4c {
+  margin-left: 30rpx;
+}
+.mt-16.data-v-f815bf4c {
+  margin-top: 30rpx;
+}
+.ml-18.data-v-f815bf4c {
+  margin-left: 33.75rpx;
+}
+.mt-18.data-v-f815bf4c {
+  margin-top: 33.75rpx;
+}
+.ml-20.data-v-f815bf4c {
+  margin-left: 37.5rpx;
+}
+.mt-20.data-v-f815bf4c {
+  margin-top: 37.5rpx;
+}
+.ml-22.data-v-f815bf4c {
+  margin-left: 41.25rpx;
+}
+.mt-22.data-v-f815bf4c {
+  margin-top: 41.25rpx;
+}
+.ml-24.data-v-f815bf4c {
+  margin-left: 45rpx;
+}
+.mt-24.data-v-f815bf4c {
+  margin-top: 45rpx;
+}
+.ml-26.data-v-f815bf4c {
+  margin-left: 48.75rpx;
+}
+.mt-26.data-v-f815bf4c {
+  margin-top: 48.75rpx;
+}
+.ml-28.data-v-f815bf4c {
+  margin-left: 52.5rpx;
+}
+.mt-28.data-v-f815bf4c {
+  margin-top: 52.5rpx;
+}
+.ml-30.data-v-f815bf4c {
+  margin-left: 56.25rpx;
+}
+.mt-30.data-v-f815bf4c {
+  margin-top: 56.25rpx;
+}
+.ml-32.data-v-f815bf4c {
+  margin-left: 60rpx;
+}
+.mt-32.data-v-f815bf4c {
+  margin-top: 60rpx;
+}
+.ml-34.data-v-f815bf4c {
+  margin-left: 63.75rpx;
+}
+.mt-34.data-v-f815bf4c {
+  margin-top: 63.75rpx;
+}
+.ml-36.data-v-f815bf4c {
+  margin-left: 67.5rpx;
+}
+.mt-36.data-v-f815bf4c {
+  margin-top: 67.5rpx;
+}
+.ml-38.data-v-f815bf4c {
+  margin-left: 71.25rpx;
+}
+.mt-38.data-v-f815bf4c {
+  margin-top: 71.25rpx;
+}
+.ml-40.data-v-f815bf4c {
+  margin-left: 75rpx;
+}
+.mt-40.data-v-f815bf4c {
+  margin-top: 75rpx;
+}
+.ml-42.data-v-f815bf4c {
+  margin-left: 78.75rpx;
+}
+.mt-42.data-v-f815bf4c {
+  margin-top: 78.75rpx;
+}
+.ml-44.data-v-f815bf4c {
+  margin-left: 82.5rpx;
+}
+.mt-44.data-v-f815bf4c {
+  margin-top: 82.5rpx;
+}
+.ml-46.data-v-f815bf4c {
+  margin-left: 86.25rpx;
+}
+.mt-46.data-v-f815bf4c {
+  margin-top: 86.25rpx;
+}
+.ml-48.data-v-f815bf4c {
+  margin-left: 90rpx;
+}
+.mt-48.data-v-f815bf4c {
+  margin-top: 90rpx;
+}
+.ml-50.data-v-f815bf4c {
+  margin-left: 93.75rpx;
+}
+.mt-50.data-v-f815bf4c {
+  margin-top: 93.75rpx;
+}
+.ml-52.data-v-f815bf4c {
+  margin-left: 97.5rpx;
+}
+.mt-52.data-v-f815bf4c {
+  margin-top: 97.5rpx;
+}
+.ml-54.data-v-f815bf4c {
+  margin-left: 101.25rpx;
+}
+.mt-54.data-v-f815bf4c {
+  margin-top: 101.25rpx;
+}
+.ml-56.data-v-f815bf4c {
+  margin-left: 105rpx;
+}
+.mt-56.data-v-f815bf4c {
+  margin-top: 105rpx;
+}
+.ml-58.data-v-f815bf4c {
+  margin-left: 108.75rpx;
+}
+.mt-58.data-v-f815bf4c {
+  margin-top: 108.75rpx;
+}
+.ml-60.data-v-f815bf4c {
+  margin-left: 112.5rpx;
+}
+.mt-60.data-v-f815bf4c {
+  margin-top: 112.5rpx;
+}
+.ml-62.data-v-f815bf4c {
+  margin-left: 116.25rpx;
+}
+.mt-62.data-v-f815bf4c {
+  margin-top: 116.25rpx;
+}
+.ml-64.data-v-f815bf4c {
+  margin-left: 120rpx;
+}
+.mt-64.data-v-f815bf4c {
+  margin-top: 120rpx;
+}
+.ml-66.data-v-f815bf4c {
+  margin-left: 123.75rpx;
+}
+.mt-66.data-v-f815bf4c {
+  margin-top: 123.75rpx;
+}
+.ml-68.data-v-f815bf4c {
+  margin-left: 127.5rpx;
+}
+.mt-68.data-v-f815bf4c {
+  margin-top: 127.5rpx;
+}
+.ml-70.data-v-f815bf4c {
+  margin-left: 131.25rpx;
+}
+.mt-70.data-v-f815bf4c {
+  margin-top: 131.25rpx;
+}
+.ml-72.data-v-f815bf4c {
+  margin-left: 135rpx;
+}
+.mt-72.data-v-f815bf4c {
+  margin-top: 135rpx;
+}
+.ml-74.data-v-f815bf4c {
+  margin-left: 138.75rpx;
+}
+.mt-74.data-v-f815bf4c {
+  margin-top: 138.75rpx;
+}
+.ml-76.data-v-f815bf4c {
+  margin-left: 142.5rpx;
+}
+.mt-76.data-v-f815bf4c {
+  margin-top: 142.5rpx;
+}
+.ml-78.data-v-f815bf4c {
+  margin-left: 146.25rpx;
+}
+.mt-78.data-v-f815bf4c {
+  margin-top: 146.25rpx;
+}
+.ml-80.data-v-f815bf4c {
+  margin-left: 150rpx;
+}
+.mt-80.data-v-f815bf4c {
+  margin-top: 150rpx;
+}
+.ml-82.data-v-f815bf4c {
+  margin-left: 153.75rpx;
+}
+.mt-82.data-v-f815bf4c {
+  margin-top: 153.75rpx;
+}
+.ml-84.data-v-f815bf4c {
+  margin-left: 157.5rpx;
+}
+.mt-84.data-v-f815bf4c {
+  margin-top: 157.5rpx;
+}
+.ml-86.data-v-f815bf4c {
+  margin-left: 161.25rpx;
+}
+.mt-86.data-v-f815bf4c {
+  margin-top: 161.25rpx;
+}
+.ml-88.data-v-f815bf4c {
+  margin-left: 165rpx;
+}
+.mt-88.data-v-f815bf4c {
+  margin-top: 165rpx;
+}
+.ml-90.data-v-f815bf4c {
+  margin-left: 168.75rpx;
+}
+.mt-90.data-v-f815bf4c {
+  margin-top: 168.75rpx;
+}
+.ml-92.data-v-f815bf4c {
+  margin-left: 172.5rpx;
+}
+.mt-92.data-v-f815bf4c {
+  margin-top: 172.5rpx;
+}
+.ml-94.data-v-f815bf4c {
+  margin-left: 176.25rpx;
+}
+.mt-94.data-v-f815bf4c {
+  margin-top: 176.25rpx;
+}
+.ml-96.data-v-f815bf4c {
+  margin-left: 180rpx;
+}
+.mt-96.data-v-f815bf4c {
+  margin-top: 180rpx;
+}
+.ml-98.data-v-f815bf4c {
+  margin-left: 183.75rpx;
+}
+.mt-98.data-v-f815bf4c {
+  margin-top: 183.75rpx;
+}
+.ml-100.data-v-f815bf4c {
+  margin-left: 187.5rpx;
+}
+.mt-100.data-v-f815bf4c {
+  margin-top: 187.5rpx;
+}
+.mt-9.data-v-f815bf4c {
+  margin-top: 16.88rpx;
+}
+.mt-5.data-v-f815bf4c {
+  margin-top: 9.38rpx;
+}
+.ml-5.data-v-f815bf4c {
+  margin-left: 9.38rpx;
+}
+.mt-7.data-v-f815bf4c {
+  margin-top: 13.13rpx;
+}
+.mt-55.data-v-f815bf4c {
+  margin-top: 103.13rpx;
+}
+.page.data-v-f815bf4c {
+  background-color: #fffef8;
+  border-radius: 37.5rpx 37.5rpx 0rpx 0rpx;
+  width: 100%;
+  overflow-y: auto;
+  overflow-x: hidden;
+  height: 100%;
+}
+.group_3.data-v-f815bf4c {
+  padding-bottom: 16.88rpx;
+  overflow-y: auto;
+}
+.group.data-v-f815bf4c {
+  margin-top: -15rpx;
+}
+.group_2.data-v-f815bf4c {
+  padding: 0 31.88rpx;
+}
+.font.data-v-f815bf4c {
+  font-size: 30rpx;
+  font-family: Times New Roman;
+  line-height: 27.69rpx;
+  color: #323233;
+}
+.text.data-v-f815bf4c {
+  margin-left: 3.75rpx;
+  line-height: 27.51rpx;
+}
+.group_4.data-v-f815bf4c {
+  padding: 0 3.75rpx;
+}
+.text-wrapper.data-v-f815bf4c {
+  padding: 18.75rpx 0;
+  background-color: #f3f3f3;
+  border-radius: 5.63rpx;
+}
+.font_2.data-v-f815bf4c {
+  font-size: 26.25rpx;
+  font-family: Open Sans;
+  line-height: 22.01rpx;
+  color: #323233;
+}
+.text_2.data-v-f815bf4c {
+  margin-left: 15rpx;
+  margin-right: 11.25rpx;
+  line-height: 24.96rpx;
+}
+.text-wrapper_2.data-v-f815bf4c {
+  padding: 18.75rpx 0;
+  background-color: #fff4cd;
+  border-radius: 5.63rpx;
+}
+.text_3.data-v-f815bf4c {
+  margin-left: 15rpx;
+  margin-right: 11.25rpx;
+  color: #fcc600;
+  font-size: 26.25rpx;
+  font-family: Open Sans;
+  line-height: 24.96rpx;
+}
+.divider.data-v-f815bf4c {
+  background-color: #eaeaea;
+  height: 1.88rpx;
+}
+.text_4.data-v-f815bf4c {
+  margin-left: 7.5rpx;
+  line-height: 27.39rpx;
+}
+.section.data-v-f815bf4c {
+  padding: 22.5rpx 0 15rpx;
+  background-color: #fffef8;
+  width: 538.13rpx;
+}
+.equal-division.data-v-f815bf4c {
+  padding: 0 26.25rpx;
+}
+.group_5.data-v-f815bf4c {
+  flex: 1 1 120rpx;
+}
+.equal-division-item.data-v-f815bf4c {
+  padding: 11.25rpx 0;
+}
+.text_5.data-v-f815bf4c {
+  line-height: 22.78rpx;
+}
+.font_3.data-v-f815bf4c {
+  font-size: 18.75rpx;
+  font-family: Open Sans;
+  line-height: 17.38rpx;
+  color: #fcc600;
+}
+.section_2.data-v-f815bf4c {
+  padding: 30rpx 41.25rpx 30rpx 45rpx;
+  background-color: #f5f5dc;
+}
+.font_4.data-v-f815bf4c {
+  font-size: 26.25rpx;
+  font-family: Times New Roman;
+  line-height: 22.01rpx;
+  color: #fcc600;
+}
+.text_6.data-v-f815bf4c {
+  line-height: 22.07rpx;
+}
+.font_5.data-v-f815bf4c {
+  font-size: 26.25rpx;
+  font-family: Times New Roman;
+  line-height: 22.01rpx;
+  color: #323233;
+}
+.text_12.data-v-f815bf4c {
+  line-height: 2.16rpx;
+}
+.text_7.data-v-f815bf4c {
+  line-height: 17.78rpx;
+}
+.text_8.data-v-f815bf4c {
+  line-height: 19.69rpx;
+}
+.text_9.data-v-f815bf4c {
+  line-height: 21rpx;
+}
+.text_10.data-v-f815bf4c {
+  line-height: 20.16rpx;
+}
+.text_11.data-v-f815bf4c {
+  line-height: 23.81rpx;
+}
+.grid.data-v-f815bf4c {
+  height: 455.63rpx;
+  display: grid;
+  grid-template-rows: repeat(4, minmax(0, 1fr));
+  grid-template-columns: repeat(7, minmax(0, 1fr));
+  row-gap: 11.38rpx;
+  column-gap: 0;
+}
+.grid-item.data-v-f815bf4c {
+  padding: 18.75rpx 0;
+  background-color: #fffef8;
+  border-radius: 5.63rpx;
+}
+.font_6.data-v-f815bf4c {
+  font-size: 15rpx;
+  font-family: Open Sans;
+  line-height: 13.76rpx;
+  color: #323233;
+}
+.font_7.data-v-f815bf4c {
+  font-size: 30rpx;
+  font-family: Open Sans;
+  line-height: 22.01rpx;
+  color: #323233;
+}
+.font_8.data-v-f815bf4c {
+  font-size: 15rpx;
+  font-family: Open Sans;
+  line-height: 11.08rpx;
+  color: #323233;
+}
+.section_3.data-v-f815bf4c {
+  padding: 15rpx 0;
+  background-color: #fffef8;
+  border-radius: 5.63rpx;
+  width: 101.25rpx;
+  height: 106.88rpx;
+}
+.text_13.data-v-f815bf4c {
+  line-height: 22.03rpx;
+}
+.text_14.data-v-f815bf4c {
+  line-height: 22.05rpx;
+}
+.group_6.data-v-f815bf4c {
+  margin-top: 52.5rpx;
+  padding-left: 37.5rpx;
+  padding-right: 28.13rpx;
+}
+.text_15.data-v-f815bf4c {
+  color: #818181;
+  font-size: 22.5rpx;
+  font-family: Open Sans;
+  line-height: 20.72rpx;
+}
+.image_2.data-v-f815bf4c {
+  margin-left: 11.25rpx;
+  border-radius: 5.63rpx 0rpx 0rpx 5.63rpx;
+  width: 52.5rpx;
+  height: 52.5rpx;
+}
+.text-wrapper_3.data-v-f815bf4c {
+  padding: 15rpx 0;
+  background-color: #f5f5dc;
+  width: 52.5rpx;
+  height: 52.5rpx;
+}
+.text_16.data-v-f815bf4c {
+  color: #000000;
+  line-height: 21.41rpx;
+}
+.image_3.data-v-f815bf4c {
+  border-radius: 0rpx 5.63rpx 5.63rpx 0rpx;
+  width: 52.5rpx;
+  height: 52.5rpx;
+}
+.section_4.data-v-f815bf4c {
+  padding: 22.5rpx 0;
+  background-color: #ffffff;
+}
+.button.data-v-f815bf4c {
+  margin: 0 45rpx;
+}
+.text-wrapper_4.data-v-f815bf4c {
+  padding: 22.5rpx 0;
+  background-color: #fbb612;
+  border-radius: 93.75rpx;
+}
+.text_17.data-v-f815bf4c {
+  color: #ffffff;
+  font-size: 30rpx;
+  font-family: Inter;
+  font-weight: 700;
+  line-height: 28.2rpx;
+}
\ No newline at end of file
diff --git a/unpackage/dist/dev/mp-weixin/pages/home/home/home.js b/unpackage/dist/dev/mp-weixin/pages/home/home/home.js
index 126f956..034411b 100644
--- a/unpackage/dist/dev/mp-weixin/pages/home/home/home.js
+++ b/unpackage/dist/dev/mp-weixin/pages/home/home/home.js
@@ -15,5 +15,5 @@ const _sfc_main = {
     };
   }
 };
-const MiniProgramPage = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["__scopeId", "data-v-41854f8b"]]);
+const MiniProgramPage = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["__scopeId", "data-v-41854f8b"], ["__file", "D:/jiangchengfeiyi-xiaochengxu/pages/home/home/home.vue"]]);
 wx.createPage(MiniProgramPage);
diff --git a/unpackage/dist/dev/mp-weixin/pages/home/home/home.wxml b/unpackage/dist/dev/mp-weixin/pages/home/home/home.wxml
index 8a3d558..d8ea380 100644
--- a/unpackage/dist/dev/mp-weixin/pages/home/home/home.wxml
+++ b/unpackage/dist/dev/mp-weixin/pages/home/home/home.wxml
@@ -1 +1 @@
-<view class="flex-col page data-v-41854f8b"><view class="flex-col justify-start items-end relative section data-v-41854f8b"><text class="text data-v-41854f8b">脸谱泥人</text><image class="image pos data-v-41854f8b" src="https://ide.code.fun/api/image?token=6708b7af1511d900114a2edd&name=32f7cfa041cbda3ed7428e65736bcf18.png"/></view><view class="flex-col relative section_2 data-v-41854f8b"><view class="flex-col data-v-41854f8b"><text class="self-start font text_2 text_3 data-v-41854f8b">热门精品</text><view class="mt-16 flex-col justify-start items-end self-stretch relative data-v-41854f8b"><view class="flex-row items-center section_4 data-v-41854f8b"><text class="font_2 text_5 data-v-41854f8b">非遗工坊</text><image class="shrink-0 image_2 ml-13 data-v-41854f8b" src="https://ide.code.fun/api/image?token=6708b7af1511d900114a2edd&name=f4de3d65b31c1d47278605b75adc3244.png"/></view><view class="flex-row items-center section_3 pos_2 data-v-41854f8b"><image class="image_2 data-v-41854f8b" src="https://ide.code.fun/api/image?token=6708b7af1511d900114a2edd&name=8dd1733f1fdb37d3bb4b1c1f6afb39d8.png"/><text class="font_2 text_4 ml-9 data-v-41854f8b">写真预约</text></view></view></view><view class="mt-24 flex-col group data-v-41854f8b"><view class="flex-row justify-between group_2 data-v-41854f8b"><text class="self-center font_3 text_2 text_6 data-v-41854f8b">推荐商品</text><view class="flex-row self-start group_3 data-v-41854f8b"><text class="font_4 data-v-41854f8b">更多</text><image class="shrink-0 image_3 data-v-41854f8b" src="https://ide.code.fun/api/image?token=6708b7af1511d900114a2edd&name=da2cb20b23a8885dcbb1fc7e94f13d8c.png"/></view></view><view class="flex-row equal-division data-v-41854f8b"><view class="flex-col section_5 equal-division-item data-v-41854f8b"><view class="flex-col items-start self-stretch data-v-41854f8b"><image class="image_4 data-v-41854f8b" src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/66d052e3d54496f19fdc6706/66d05ffa63765d0012a2cbee/9c2dd4462de150cf84cffea8f92edd48.png"/><text class="mt-2 font_5 text_7 data-v-41854f8b">琉璃发体验包</text></view><text class="self-start font_6 text_8 mt-7 data-v-41854f8b">￥750</text></view><view class="flex-col section_5 equal-division-item ml-9 data-v-41854f8b"><view class="flex-col items-start self-stretch data-v-41854f8b"><image class="image_4 data-v-41854f8b" src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/66d052e3d54496f19fdc6706/66d05ffa63765d0012a2cbee/9c2dd4462de150cf84cffea8f92edd48.png"/><text class="mt-2 font_5 text_7 data-v-41854f8b">琉璃发体验包</text></view><text class="self-start font_6 text_8 mt-7 data-v-41854f8b">￥750</text></view><view class="flex-col section_5 equal-division-item ml-9 data-v-41854f8b"><view class="flex-col items-start self-stretch data-v-41854f8b"><image class="image_4 data-v-41854f8b" src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/66d052e3d54496f19fdc6706/66d05ffa63765d0012a2cbee/9c2dd4462de150cf84cffea8f92edd48.png"/><text class="mt-2 font_5 text_7 data-v-41854f8b">琉璃发体验包</text></view><text class="self-start font_6 text_8 mt-7 data-v-41854f8b">￥750</text></view></view><view class="flex-row justify-between group_2 view data-v-41854f8b"><text class="self-center font_3 text_2 text_9 data-v-41854f8b">推荐服务</text><view class="flex-row self-start group_3 data-v-41854f8b"><text class="font_4 data-v-41854f8b">更多</text><image class="shrink-0 image_3 data-v-41854f8b" src="https://ide.code.fun/api/image?token=6708b7af1511d900114a2edd&name=da2cb20b23a8885dcbb1fc7e94f13d8c.png"/></view></view><view class="flex-row equal-division_2 data-v-41854f8b"><view class="flex-col section_5 equal-division-item data-v-41854f8b"><view class="flex-col items-start self-stretch data-v-41854f8b"><image class="image_4 data-v-41854f8b" src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/66d052e3d54496f19fdc6706/66d05ffa63765d0012a2cbee/9c2dd4462de150cf84cffea8f92edd48.png"/><text class="mt-2 font_5 text_7 data-v-41854f8b">琉璃发体验包</text></view><text class="self-start font_6 text_8 mt-7 data-v-41854f8b">￥750</text></view><view class="flex-col section_5 equal-division-item ml-9 data-v-41854f8b"><view class="flex-col items-start self-stretch data-v-41854f8b"><image class="image_4 data-v-41854f8b" src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/66d052e3d54496f19fdc6706/66d05ffa63765d0012a2cbee/9c2dd4462de150cf84cffea8f92edd48.png"/><text class="mt-2 font_5 text_7 data-v-41854f8b">琉璃发体验包</text></view><text class="self-start font_6 text_8 mt-7 data-v-41854f8b">￥750</text></view><view class="flex-col section_5 equal-division-item ml-9 data-v-41854f8b"><view class="flex-col items-start self-stretch data-v-41854f8b"><image class="image_4 data-v-41854f8b" src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/66d052e3d54496f19fdc6706/66d05ffa63765d0012a2cbee/9c2dd4462de150cf84cffea8f92edd48.png"/><text class="mt-2 font_5 text_7 data-v-41854f8b">琉璃发体验包</text></view><text class="self-start font_6 text_8 mt-7 data-v-41854f8b">￥750</text></view></view><view class="flex-row justify-between items-end group_4 data-v-41854f8b"><text class="font text_2 text_10 data-v-41854f8b">活动资讯</text><view class="flex-row group_5 data-v-41854f8b"><text class="font_4 data-v-41854f8b">更多</text><image class="shrink-0 image_3 data-v-41854f8b" src="https://ide.code.fun/api/image?token=6708b7af1511d900114a2edd&name=da2cb20b23a8885dcbb1fc7e94f13d8c.png"/></view></view></view><view class="mt-24 flex-col list data-v-41854f8b"><view wx:for="{{a}}" wx:for-item="item" wx:key="a" class="flex-row items-center list-item data-v-41854f8b"><view class="flex-col items-start flex-1 data-v-41854f8b"><text class="font_5 text_11 data-v-41854f8b">“五色五育”研学——端午香囊篇</text><text class="font_7 text_12 mt-13 data-v-41854f8b">为进一步深入贯彻落实习近平总书记...</text><text class="font_8 text_13 mt-13 data-v-41854f8b">2024-08-04</text></view><image class="shrink-0 image_5 ml-21 data-v-41854f8b" src="https://ide.code.fun/api/image?token=6708b7af1511d900114a2edd&name=42a86bab4dc94295706fbf1b3480c571.png"/></view></view></view></view>
\ No newline at end of file
+<view class="flex-col page data-v-41854f8b"><view class="flex-col justify-start items-end relative section data-v-41854f8b"><text class="text data-v-41854f8b">脸谱泥人</text><image class="image pos data-v-41854f8b" src="https://ide.code.fun/api/image?token=6708b7af1511d900114a2edd&name=32f7cfa041cbda3ed7428e65736bcf18.png"/></view><view class="flex-col relative section_2 data-v-41854f8b"><view class="flex-col data-v-41854f8b"><text class="self-start font text_2 text_3 data-v-41854f8b">热门精品</text><view class="mt-16 flex-col justify-start items-end self-stretch relative data-v-41854f8b"><view class="flex-row items-center section_4 data-v-41854f8b"><text class="font_2 text_5 data-v-41854f8b">非遗工坊</text><image class="shrink-0 image_2 ml-13 data-v-41854f8b" src="https://ide.code.fun/api/image?token=6708b7af1511d900114a2edd&name=f4de3d65b31c1d47278605b75adc3244.png"/></view><view class="flex-row items-center section_3 pos_2 data-v-41854f8b"><image class="image_2 data-v-41854f8b" src="https://ide.code.fun/api/image?token=6708b7af1511d900114a2edd&name=8dd1733f1fdb37d3bb4b1c1f6afb39d8.png"/><navigator class="data-v-41854f8b" url="/pages/booking/AppointmentHome"><text class="font_2 text_4 ml-9 data-v-41854f8b">写真预约</text></navigator></view></view></view><view class="mt-24 flex-col group data-v-41854f8b"><view class="flex-row justify-between group_2 data-v-41854f8b"><text class="self-center font_3 text_2 text_6 data-v-41854f8b">推荐商品</text><view class="flex-row self-start group_3 data-v-41854f8b"><text class="font_4 data-v-41854f8b">更多</text><image class="shrink-0 image_3 data-v-41854f8b" src="https://ide.code.fun/api/image?token=6708b7af1511d900114a2edd&name=da2cb20b23a8885dcbb1fc7e94f13d8c.png"/></view></view><view class="flex-row equal-division data-v-41854f8b"><view class="flex-col section_5 equal-division-item data-v-41854f8b"><view class="flex-col items-start self-stretch data-v-41854f8b"><image class="image_4 data-v-41854f8b" src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/66d052e3d54496f19fdc6706/66d05ffa63765d0012a2cbee/9c2dd4462de150cf84cffea8f92edd48.png"/><text class="mt-2 font_5 text_7 data-v-41854f8b">琉璃发体验包</text></view><text class="self-start font_6 text_8 mt-7 data-v-41854f8b">￥750</text></view><view class="flex-col section_5 equal-division-item ml-9 data-v-41854f8b"><view class="flex-col items-start self-stretch data-v-41854f8b"><image class="image_4 data-v-41854f8b" src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/66d052e3d54496f19fdc6706/66d05ffa63765d0012a2cbee/9c2dd4462de150cf84cffea8f92edd48.png"/><text class="mt-2 font_5 text_7 data-v-41854f8b">琉璃发体验包</text></view><text class="self-start font_6 text_8 mt-7 data-v-41854f8b">￥750</text></view><view class="flex-col section_5 equal-division-item ml-9 data-v-41854f8b"><view class="flex-col items-start self-stretch data-v-41854f8b"><image class="image_4 data-v-41854f8b" src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/66d052e3d54496f19fdc6706/66d05ffa63765d0012a2cbee/9c2dd4462de150cf84cffea8f92edd48.png"/><text class="mt-2 font_5 text_7 data-v-41854f8b">琉璃发体验包</text></view><text class="self-start font_6 text_8 mt-7 data-v-41854f8b">￥750</text></view></view><view class="flex-row justify-between group_2 view data-v-41854f8b"><text class="self-center font_3 text_2 text_9 data-v-41854f8b">推荐服务</text><view class="flex-row self-start group_3 data-v-41854f8b"><text class="font_4 data-v-41854f8b">更多</text><image class="shrink-0 image_3 data-v-41854f8b" src="https://ide.code.fun/api/image?token=6708b7af1511d900114a2edd&name=da2cb20b23a8885dcbb1fc7e94f13d8c.png"/></view></view><view class="flex-row equal-division_2 data-v-41854f8b"><view class="flex-col section_5 equal-division-item data-v-41854f8b"><view class="flex-col items-start self-stretch data-v-41854f8b"><image class="image_4 data-v-41854f8b" src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/66d052e3d54496f19fdc6706/66d05ffa63765d0012a2cbee/9c2dd4462de150cf84cffea8f92edd48.png"/><text class="mt-2 font_5 text_7 data-v-41854f8b">琉璃发体验包</text></view><text class="self-start font_6 text_8 mt-7 data-v-41854f8b">￥750</text></view><view class="flex-col section_5 equal-division-item ml-9 data-v-41854f8b"><view class="flex-col items-start self-stretch data-v-41854f8b"><image class="image_4 data-v-41854f8b" src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/66d052e3d54496f19fdc6706/66d05ffa63765d0012a2cbee/9c2dd4462de150cf84cffea8f92edd48.png"/><text class="mt-2 font_5 text_7 data-v-41854f8b">琉璃发体验包</text></view><text class="self-start font_6 text_8 mt-7 data-v-41854f8b">￥750</text></view><view class="flex-col section_5 equal-division-item ml-9 data-v-41854f8b"><view class="flex-col items-start self-stretch data-v-41854f8b"><image class="image_4 data-v-41854f8b" src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/66d052e3d54496f19fdc6706/66d05ffa63765d0012a2cbee/9c2dd4462de150cf84cffea8f92edd48.png"/><text class="mt-2 font_5 text_7 data-v-41854f8b">琉璃发体验包</text></view><text class="self-start font_6 text_8 mt-7 data-v-41854f8b">￥750</text></view></view><view class="flex-row justify-between items-end group_4 data-v-41854f8b"><text class="font text_2 text_10 data-v-41854f8b">活动资讯</text><view class="flex-row group_5 data-v-41854f8b"><text class="font_4 data-v-41854f8b">更多</text><image class="shrink-0 image_3 data-v-41854f8b" src="https://ide.code.fun/api/image?token=6708b7af1511d900114a2edd&name=da2cb20b23a8885dcbb1fc7e94f13d8c.png"/></view></view></view><view class="mt-24 flex-col list data-v-41854f8b"><view wx:for="{{a}}" wx:for-item="item" wx:key="a" class="flex-row items-center list-item data-v-41854f8b"><view class="flex-col items-start flex-1 data-v-41854f8b"><text class="font_5 text_11 data-v-41854f8b">“五色五育”研学——端午香囊篇</text><text class="font_7 text_12 mt-13 data-v-41854f8b">为进一步深入贯彻落实习近平总书记...</text><text class="font_8 text_13 mt-13 data-v-41854f8b">2024-08-04</text></view><image class="shrink-0 image_5 ml-21 data-v-41854f8b" src="https://ide.code.fun/api/image?token=6708b7af1511d900114a2edd&name=42a86bab4dc94295706fbf1b3480c571.png"/></view></view></view></view>
\ No newline at end of file
diff --git a/unpackage/dist/dev/mp-weixin/pages/mine/main/main.js b/unpackage/dist/dev/mp-weixin/pages/mine/main/main.js
index a92a3b5..9a3d56a 100644
--- a/unpackage/dist/dev/mp-weixin/pages/mine/main/main.js
+++ b/unpackage/dist/dev/mp-weixin/pages/mine/main/main.js
@@ -4,5 +4,5 @@ const _sfc_main = {};
 function _sfc_render(_ctx, _cache) {
   return {};
 }
-const MiniProgramPage = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-8172b2ba"]]);
+const MiniProgramPage = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-8172b2ba"], ["__file", "D:/jiangchengfeiyi-xiaochengxu/pages/mine/main/main.vue"]]);
 wx.createPage(MiniProgramPage);
diff --git a/unpackage/dist/dev/mp-weixin/pages/store-home/main/main.js b/unpackage/dist/dev/mp-weixin/pages/store-home/main/main.js
index 5665a13..cf14c67 100644
--- a/unpackage/dist/dev/mp-weixin/pages/store-home/main/main.js
+++ b/unpackage/dist/dev/mp-weixin/pages/store-home/main/main.js
@@ -98,5 +98,5 @@ const _sfc_main = {
     };
   }
 };
-const MiniProgramPage = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["__scopeId", "data-v-7e3c386d"]]);
+const MiniProgramPage = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["__scopeId", "data-v-7e3c386d"], ["__file", "D:/jiangchengfeiyi-xiaochengxu/pages/store-home/main/main.vue"]]);
 wx.createPage(MiniProgramPage);
diff --git a/unpackage/dist/dev/mp-weixin/pages/store-home/main/main.wxml b/unpackage/dist/dev/mp-weixin/pages/store-home/main/main.wxml
index 3c9185e..47aaed9 100644
--- a/unpackage/dist/dev/mp-weixin/pages/store-home/main/main.wxml
+++ b/unpackage/dist/dev/mp-weixin/pages/store-home/main/main.wxml
@@ -1 +1 @@
-<view class="flex-col page data-v-7e3c386d"><view class="flex-col data-v-7e3c386d"><view class="flex-row items-center section data-v-7e3c386d"><text class="text data-v-7e3c386d">商品</text><view class="flex-row section_2 ml-15 data-v-7e3c386d"><image class="image data-v-7e3c386d" src="https://ide.code.fun/api/image?token=670c83a81511d900114a6d7e&name=348b14e68c9ce02a3b9fe870f131c4c7.png"/><input class="text-wrapper ml-2 data-v-7e3c386d" placeholder="请输入想要搜索的商品"/></view></view><view class="flex-col justify-start items-center image-wrapper mt-3 data-v-7e3c386d"><image class="shrink-0 image_2 data-v-7e3c386d" src="https://ide.code.fun/api/image?token=670c83a81511d900114a6d7e&name=bf3dfe8c3d572943e00870d83c40b20c.png"/></view></view><view class="flex-row relative group data-v-7e3c386d"><view class="shrink-0 section_3 data-v-7e3c386d"></view><view class="flex-col shrink-0 group_1 pos_5 data-v-7e3c386d"><view wx:for="{{a}}" wx:for-item="item" wx:key="c" class="flex-col items-center section_6 list-item_1 mt-4 data-v-7e3c386d"><image class="image_3 data-v-7e3c386d" src="{{item.a}}"/><text class="font_3 text_5 mt-3 data-v-7e3c386d">{{item.b}}</text></view></view><view class="flex-col justify-start flex-1 relative section_4 data-v-7e3c386d"><view class="flex-col items-start section_5 data-v-7e3c386d"><text class="font_2 text_3 data-v-7e3c386d">材料包</text><text class="font text_4 mt-6 data-v-7e3c386d">提供材料自行DIY</text></view><view class="flex-col shrink-0 pos data-v-7e3c386d"><view wx:for="{{b}}" wx:for-item="item" wx:key="e" class="flex-row list-item mt-5 data-v-7e3c386d"><image class="self-center image_4 data-v-7e3c386d" src="{{item.a}}"/><view class="flex-col items-start self-center group_5 data-v-7e3c386d"><text class="font_2 data-v-7e3c386d">{{item.b}}</text><text class="font mt-13 data-v-7e3c386d">{{item.c}}</text><text class="font_4 text_7 mt-13 data-v-7e3c386d">￥{{item.d}}</text></view><image class="self-start image_5 data-v-7e3c386d" src="https://ide.code.fun/api/image?token=670c83a81511d900114a6d7e&name=806f54ff88b61d172a611e704c80a85c.png"/></view></view></view></view></view>
\ No newline at end of file
+<view class="flex-col page data-v-7e3c386d"><view class="flex-col data-v-7e3c386d"><view class="flex-row items-center section data-v-7e3c386d"><text class="text data-v-7e3c386d">商品</text><view class="flex-row section_2 ml-15 data-v-7e3c386d"><image class="image data-v-7e3c386d" src="https://ide.code.fun/api/image?token=670c83a81511d900114a6d7e&name=348b14e68c9ce02a3b9fe870f131c4c7.png"/><input class="text-wrapper ml-2 data-v-7e3c386d" placeholder="请输入想要搜索的商品"/></view></view><view class="flex-col justify-start items-center image-wrapper mt-3 data-v-7e3c386d"><image class="shrink-0 image_2 data-v-7e3c386d" src="https://ide.code.fun/api/image?token=670c83a81511d900114a6d7e&name=bf3dfe8c3d572943e00870d83c40b20c.png"/></view></view><view class="flex-row relative group data-v-7e3c386d"><view class="shrink-0 section_3 data-v-7e3c386d"></view><view class="flex-col shrink-0 group_1 pos_5 data-v-7e3c386d"><view wx:for="{{a}}" wx:for-item="item" wx:key="c" class="flex-col items-center section_6 list-item_1 mt-4 data-v-7e3c386d"><image class="image_3 data-v-7e3c386d" src="{{item.a}}"/><text class="font_3 text_5 mt-3 data-v-7e3c386d">{{item.b}}</text></view></view><view class="flex-col justify-start flex-1 relative section_4 data-v-7e3c386d"><view class="flex-col items-start section_5 data-v-7e3c386d"><text class="font_2 text_3 data-v-7e3c386d">材料包</text><text class="font text_4 mt-6 data-v-7e3c386d">提供材料自行DIY</text></view><view class="flex-col shrink-0 pos data-v-7e3c386d"><view wx:for="{{b}}" wx:for-item="item" wx:key="e" class="flex-row list-item mt-5 data-v-7e3c386d"><navigator class="data-v-7e3c386d" url="../../booking/ContactInformation"><image class="self-center image_4 data-v-7e3c386d" src="{{item.a}}"/><view class="flex-col items-start self-center group_5 data-v-7e3c386d"><text class="font_2 data-v-7e3c386d">{{item.b}}</text><text class="font mt-13 data-v-7e3c386d">{{item.c}}</text><text class="font_4 text_7 mt-13 data-v-7e3c386d">￥{{item.d}}</text></view><image class="self-start image_5 data-v-7e3c386d" src="https://ide.code.fun/api/image?token=670c83a81511d900114a6d7e&name=806f54ff88b61d172a611e704c80a85c.png"/></navigator></view></view></view></view></view>
\ No newline at end of file
diff --git a/unpackage/dist/dev/mp-weixin/pages/store-home/main/main.wxss b/unpackage/dist/dev/mp-weixin/pages/store-home/main/main.wxss
index 3316fea..3704141 100644
--- a/unpackage/dist/dev/mp-weixin/pages/store-home/main/main.wxss
+++ b/unpackage/dist/dev/mp-weixin/pages/store-home/main/main.wxss
@@ -461,7 +461,7 @@ text.data-v-7e3c386d {
   margin-top: 22.5rpx;
 }
 .section_3.data-v-7e3c386d {
-  background-color: #f7de98;
+  background-color: #FFFEF8;
   width: 151.88rpx;
 }
 .group_1.data-v-7e3c386d {
@@ -504,7 +504,7 @@ text.data-v-7e3c386d {
 }
 .section_5.data-v-7e3c386d {
   padding: 18.06rpx 16.24rpx 14.94rpx;
-  background-color: #fffef8;
+  background-color: #C1651A;
   border-radius: 0rpx 18.75rpx 0rpx 0rpx;
 }
 .font_2.data-v-7e3c386d {
diff --git a/unpackage/dist/dev/mp-weixin/pages/store-home/products/product-detail.js b/unpackage/dist/dev/mp-weixin/pages/store-home/products/product-detail.js
index b710aed..886ff66 100644
--- a/unpackage/dist/dev/mp-weixin/pages/store-home/products/product-detail.js
+++ b/unpackage/dist/dev/mp-weixin/pages/store-home/products/product-detail.js
@@ -4,5 +4,5 @@ const _sfc_main = {};
 function _sfc_render(_ctx, _cache) {
   return {};
 }
-const MiniProgramPage = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["render", _sfc_render]]);
+const MiniProgramPage = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "D:/jiangchengfeiyi-xiaochengxu/pages/store-home/products/product-detail.vue"]]);
 wx.createPage(MiniProgramPage);
diff --git a/unpackage/dist/dev/mp-weixin/project.config.json b/unpackage/dist/dev/mp-weixin/project.config.json
index f1e88b6..cb09fe7 100644
--- a/unpackage/dist/dev/mp-weixin/project.config.json
+++ b/unpackage/dist/dev/mp-weixin/project.config.json
@@ -18,7 +18,7 @@
     }
   },
   "compileType": "miniprogram",
-  "libVersion": "3.6.0",
+  "libVersion": "3.6.2",
   "appid": "wxbcb1cf9951fa17c8",
   "projectname": "FeiYi",
   "condition": {},