From 9da2ec9681d6292994a0d6836df03b740fade762 Mon Sep 17 00:00:00 2001
From: yuanteng0011 <1876787513@qq.com>
Date: Sun, 20 Oct 2024 13:16:38 +0800
Subject: [PATCH] id

---
 pages.json                                    |  13 +
 pages/booking/BillingOfFees/BillingOfFees.vue | 194 ++---
 pages/booking/bookingpay/bookingpay.vue       | 443 +++++++++++
 pages/booking/respectable/respectable.vue     | 510 ++++++-------
 pages/home/home.vue                           |   7 +-
 pages/store-home/main/main.vue                | 119 ++-
 unpackage/dist/dev/mp-weixin/app.js           |   4 +-
 unpackage/dist/dev/mp-weixin/app.json         |   4 +-
 unpackage/dist/dev/mp-weixin/common/assets.js |  14 +-
 unpackage/dist/dev/mp-weixin/common/vendor.js |  22 +-
 .../pages/Shopping-cart/Contact/Contact.js    |   2 +-
 .../pages/Shopping-cart/Phone/Phone.js        |   2 +-
 .../pages/Shopping-cart/address/address.js    |   2 +-
 .../newaddress_Info/newaddress_Info.js        |   2 +-
 .../Shopping-cart/productmain/productmain.js  |  14 +-
 .../Shopping-cart/servicemain/servicemain.js  |   2 +-
 .../pages/booking/AppointmentHome.js          |   2 +-
 .../booking/BillingOfFees/BillingOfFees.js    |  21 +-
 .../booking/BillingOfFees/BillingOfFees.wxml  |   2 +-
 .../booking/BillingOfFees/BillingOfFees.wxss  | 406 +++++++++-
 .../pages/booking/ContactInformation.js       |   2 +-
 .../ReservationInstructions.js                |   2 +-
 .../mp-weixin/pages/booking/Simple/Simple.js  |  14 +
 .../pages/booking/Simple/Simple.json          |   4 +
 .../pages/booking/Simple/Simple.wxml          |   1 +
 .../pages/booking/Simple/Simple.wxss          | 576 +++++++++++++++
 .../pages/booking/bookingpay/bookingpay.js    |   8 +
 .../pages/booking/bookingpay/bookingpay.json  |   4 +
 .../pages/booking/bookingpay/bookingpay.wxml  |   1 +
 .../pages/booking/bookingpay/bookingpay.wxss  | 693 ++++++++++++++++++
 .../dist/dev/mp-weixin/pages/booking/date.js  |   2 +-
 .../pages/booking/respectable/respectable.js  |  29 +-
 .../booking/respectable/respectable.wxml      |   2 +-
 .../booking/respectable/respectable.wxss      |  13 +-
 .../dist/dev/mp-weixin/pages/home/home.js     |  26 +-
 .../dist/dev/mp-weixin/pages/home/home.wxml   |   2 +-
 .../dev/mp-weixin/pages/mine/main/main.js     |   2 +-
 .../pages/order/paysuccess/paysuccess.js      |   2 +-
 .../order/product-close/product-close.js      |   2 +-
 .../order/product-unpay/product-unpay.js      |   2 +-
 .../order/product-waitpay/product-waitpay.js  |   2 +-
 .../ProductDetails/ProductDetails.js          |   2 +-
 .../mp-weixin/pages/store-home/main/main.js   |  96 +--
 .../mp-weixin/pages/store-home/main/main.wxss |   7 +-
 .../dist/dev/mp-weixin/project.config.json    |  24 +-
 .../dev/mp-weixin/project.private.config.json |  17 +
 46 files changed, 2763 insertions(+), 557 deletions(-)
 create mode 100644 pages/booking/bookingpay/bookingpay.vue
 create mode 100644 unpackage/dist/dev/mp-weixin/pages/booking/Simple/Simple.js
 create mode 100644 unpackage/dist/dev/mp-weixin/pages/booking/Simple/Simple.json
 create mode 100644 unpackage/dist/dev/mp-weixin/pages/booking/Simple/Simple.wxml
 create mode 100644 unpackage/dist/dev/mp-weixin/pages/booking/Simple/Simple.wxss
 create mode 100644 unpackage/dist/dev/mp-weixin/pages/booking/bookingpay/bookingpay.js
 create mode 100644 unpackage/dist/dev/mp-weixin/pages/booking/bookingpay/bookingpay.json
 create mode 100644 unpackage/dist/dev/mp-weixin/pages/booking/bookingpay/bookingpay.wxml
 create mode 100644 unpackage/dist/dev/mp-weixin/pages/booking/bookingpay/bookingpay.wxss

diff --git a/pages.json b/pages.json
index 30cb542..6883ac7 100644
--- a/pages.json
+++ b/pages.json
@@ -144,6 +144,19 @@
 		{
 			"navigationBarTitleText" : ""
 		}
+	},
+	{
+		"path": "pages/booking/Simple/Simple",
+		"style": {
+			"navigationBarTitleText": ""
+		}
+	},
+	{
+		"path" : "pages/booking/bookingpay/bookingpay",
+		"style" : 
+		{
+			"navigationBarTitleText" : ""
+		}
 	}
 	],
 	"globalStyle": {
diff --git a/pages/booking/BillingOfFees/BillingOfFees.vue b/pages/booking/BillingOfFees/BillingOfFees.vue
index fe1f6b5..fce6a74 100644
--- a/pages/booking/BillingOfFees/BillingOfFees.vue
+++ b/pages/booking/BillingOfFees/BillingOfFees.vue
@@ -38,104 +38,114 @@
 	      <br />
 	    </text>
 	  </view>
-	  <view class="flex-col justify-start items-center self-stretch text-wrapper">
+	  <view class="flex-col justify-start items-center self-stretch text-wrapper" @click="jump_pay">
 	    <text class="text_10">我知道了</text>
 	  </view>
 	</view>
 </template>
 
-<script>
+<script setup>
+	import {ref} from 'vue'
+	const jump_pay =()=>{
+		uni.navigateTo({
+			url: '../../../pages/booking/bookingpay/bookingpay'
+		})
+	}
 </script>
 
 <style lang="scss" scoped>
-	.mt-15 {
-	  margin-top: 28.13rpx;
-	}
-	.page {
-	  padding: 48.75rpx 33.75rpx 61.88rpx;
-	  background-color: #fffef8;
-	  border-radius: 37.5rpx 37.5rpx 0rpx 0rpx;
-	  width: 100%;
-	  overflow-y: auto;
-	  overflow-x: hidden;
-	  height: 100%;
-	}
-	.text {
-	  color: #323232;
-	  font-size: 37.5rpx;
-	  font-family: Open Sans;
-	  line-height: 34.73rpx;
-	}
-	.group {
-	  margin-right: 11.25rpx;
-	  margin-top: 67.5rpx;
-	}
-	.font {
-	  font-size: 30rpx;
-	  font-family: Open Sans;
-	  line-height: 27.71rpx;
-	  color: #323232;
-	}
-	.text_2 {
-	  line-height: 35.63rpx;
-	}
-	.font_2 {
-	  font-size: 26.25rpx;
-	  font-family: Inter;
-	  line-height: 31.88rpx;
-	  color: #323232;
-	}
-	.text_3 {
-	  margin-left: 22.5rpx;
-	  margin-top: 15rpx;
-	}
-	.text_4 {
-	  margin-left: 18.75rpx;
-	  margin-right: 15rpx;
-	}
-	.group_2 {
-	  margin-right: 18.75rpx;
-	  margin-top: 63.75rpx;
-	}
-	.font_3 {
-	  font-size: 26.25rpx;
-	  font-family: Open Sans;
-	  line-height: 31.88rpx;
-	  color: #323232;
-	}
-	.text_5 {
-	  margin-left: 15rpx;
-	}
-	.group_3 {
-	  margin-right: 18.75rpx;
-	  margin-top: 63.75rpx;
-	}
-	.text_6 {
-	  line-height: 27.84rpx;
-	}
-	.text_7 {
-	  margin-left: 15rpx;
-	}
-	.group_4 {
-	  margin-right: 22.5rpx;
-	  margin-top: 56.25rpx;
-	}
-	.text_8 {
-	  line-height: 27.75rpx;
-	}
-	.text_9 {
-	  margin-left: 3.75rpx;
-	}
-	.text-wrapper {
-	  margin: 75rpx 22.5rpx 0;
-	  padding: 30rpx 0;
-	  background-color: #fbb612;
-	  border-radius: 75rpx;
-	}
-	.text_10 {
-	  color: #ffffff;
-	  font-size: 30rpx;
-	  font-family: Inter;
-	  line-height: 27.71rpx;
-	}
+.mt-15 {
+  margin-top: 28.13rpx;
+}
+.page {
+  padding: 48.75rpx 11.75rpx 61.88rpx;
+  background-color: #fffef8;
+  border-radius: 37.5rpx 37.5rpx 0rpx 0rpx;
+  width: 100%;
+  overflow-y: auto;
+  overflow-x: hidden;
+  height: 100%;
+}
+.text {
+  color: #323232;
+  font-size: 37.5rpx;
+  font-family: Open Sans;
+  line-height: 34.73rpx;
+}
+.group {
+  margin-right: 11.25rpx;
+  margin-top: 67.5rpx;
+}
+.font {
+  font-size: 30rpx;
+  font-family: Open Sans;
+  line-height: 27.71rpx;
+  color: #323232;
+}
+.text_2 {
+  line-height: 35.63rpx;
+}
+.font_2 {
+  font-size: 26.25rpx;
+  font-family: Inter;
+  line-height: 31.88rpx;
+  color: #323232;
+}
+.text_3 {
+  margin-left: 22.5rpx;
+  margin-top: 15rpx;
+}
+.text_4 {
+  margin-left: 18.75rpx;
+  margin-right: 15rpx;
+}
+.group_2 {
+  margin-right: 18.75rpx;
+  margin-top: 63.75rpx;
+}
+.font_3 {
+  font-size: 26.25rpx;
+  font-family: Open Sans;
+  line-height: 31.88rpx;
+  color: #323232;
+}
+.text_5 {
+  margin-left: 15rpx;
+}
+.group_3 {
+  margin-right: 18.75rpx;
+  margin-top: 63.75rpx;
+}
+.text_6 {
+  line-height: 27.84rpx;
+}
+.text_7 {
+  margin-left: 15rpx;
+}
+.group_4 {
+  margin-right: 22.5rpx;
+  margin-top: 56.25rpx;
+}
+.text_8 {
+  line-height: 27.75rpx;
+}
+.text_9 {
+  margin-left: 3.75rpx;
+}
+.text-wrapper {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  margin: 75rpx 22.5rpx 0;
+  padding: 30rpx 0;
+  background-color: #fbb612;
+  border-radius: 75rpx;
+}
+.text_10 {
+  color: #ffffff;
+  font-size: 30rpx;
+  font-family: Inter;
+  line-height: 27.71rpx;
+}
+@import url(../../../common/css/global.css);
 </style>
\ No newline at end of file
diff --git a/pages/booking/bookingpay/bookingpay.vue b/pages/booking/bookingpay/bookingpay.vue
new file mode 100644
index 0000000..bf9494d
--- /dev/null
+++ b/pages/booking/bookingpay/bookingpay.vue
@@ -0,0 +1,443 @@
+<template>
+	<view class="flex-col justify-start page">
+	  <view class="flex-col section">
+	    <view class="flex-col justify-start items-start relative group">
+	      <view class="section_2"></view>
+	      <text class="font text pos">填写预约信息</text>
+	      <view class="flex-col section_3 pos_2">
+	        <view class="flex-row justify-between items-center group_2">
+	          <view class="flex-row items-center">
+	            <image
+	              class="shrink-0 image"
+	              src="https://ide.code.fun/api/image?token=6714723d38a7c1001587fbb0&name=bb513bb96b7e8c5705f06c4bfc640618.png"
+	            />
+	            <text class="font_2 ml-7">联系人：张三</text>
+	            <text class="font_2 ml-7">15888610253</text>
+	          </view>
+	          <image
+	            class="image_2"
+	            src="https://ide.code.fun/api/image?token=6714723d38a7c1001587fbb0&name=6a472e2ad5dc2aec534bd3b852a38986.png"
+	          />
+	        </view>
+	        <view class="flex-row justify-between items-center group_3">
+	          <view class="flex-row items-center">
+	            <image
+	              class="image"
+	              src="https://ide.code.fun/api/image?token=6714723d38a7c1001587fbb0&name=62c3ebe2e0dfac0ba2ddec26fdcb54ec.png"
+	            />
+	            <view class="flex-col items-start ml-9">
+	              <text class="font_3">到店日期：2024-10-15</text>
+	              <text class="mt-2 font_3">具体场次：上午场（09:30-12:00）</text>
+	            </view>
+	          </view>
+	          <image
+	            class="image_2"
+	            src="https://ide.code.fun/api/image?token=6714723d38a7c1001587fbb0&name=6a472e2ad5dc2aec534bd3b852a38986.png"
+	          />
+	        </view>
+	      </view>
+	    </view>
+	    <view class="flex-col group_4">
+	      <view class="flex-col self-stretch">
+	        <text class="self-start font text_2">选择预约类别</text>
+	        <view class="mt-14 flex-col justify-start self-stretch section_4">
+	          <view class="flex-row equal-division">
+	            <view class="flex-col items-center section_5 equal-division-item">
+	              <image
+	                class="image_3"
+	                src="https://ide.code.fun/api/image?token=6714723d38a7c1001587fbb0&name=b5db39327852641a550d033d1026764f.png"
+	              />
+	              <text class="font_4 text_3 mt-11">租赁服装</text>
+	            </view>
+	            <view class="flex-col items-center section_6 equal-division-item ml-23">
+	              <image
+	                class="image_3"
+	                src="https://ide.code.fun/api/image?token=6714723d38a7c1001587fbb0&name=ee3cc136b2309fda20df9a345ce1ef05.png"
+	              />
+	              <text class="font_4 text_3 text_4">自带服装</text>
+	              <view class="section_7 pos_3"></view>
+	            </view>
+	          </view>
+	        </view>
+	      </view>
+	      <text class="self-start font text_5 mt-23">提供免费的服务</text>
+	    </view>
+	    <view class="flex-col section_8">
+	      <view class="flex-row items-center section_9">
+	        <image
+	          class="shrink-0 image_4"
+	          src="https://ide.code.fun/api/image?token=6714723d38a7c1001587fbb0&name=0ee5b9f55ce6aef46d889234d99afe33.png"
+	        />
+	        <view class="flex-col flex-1 ml-7">
+	          <text class="self-start font_2 text_6">妆发服务</text>
+	          <text class="mt-6 self-stretch font_5">
+	            包括底妆、眉毛、眼妆、腮红和唇妆，根据您的肤色和服装风格进行个性化设计。
+	          </text>
+	          <text class="mt-6 self-stretch font_5">
+	            根据您的脸型和服装风格，提供合适的发型设计，包括但不限于编发、盘发、吹风造型等。
+	          </text>
+	        </view>
+	      </view>
+	      <view class="flex-row items-center section_10">
+	        <image
+	          class="shrink-0 image_4"
+	          src="https://ide.code.fun/api/image?token=6714723d38a7c1001587fbb0&name=e853d682e2b7bbba7c02051808f75a0b.png"
+	        />
+	        <view class="flex-col flex-1 ml-7">
+	          <text class="self-start font_2 text_7">摄影服务</text>
+	          <text class="mt-6 self-stretch font_5">
+	            提供专业的摄影棚和灯光设备，为客户打造舒适的拍摄环境。
+	            <br />
+	          </text>
+	          <text class="mt-6 self-stretch font_5">
+	            拍摄完成后，摄影师将精选照片进行后期处理，包括色彩调整、亮度优化、瑕疵去除等。
+	          </text>
+	        </view>
+	      </view>
+	      <view class="divider"></view>
+	      <view class="flex-row section_11">
+	        <image
+	          class="shrink-0 self-center image_5"
+	          src="https://ide.code.fun/api/image?token=6714723d38a7c1001587fbb0&name=ca917a0e9fb6b228f113a8850988a754.png"
+	        />
+	        <view class="flex-col shrink-0 self-start group_5">
+	          <text class="self-start font_2 text_8">联系客服</text>
+	          <text class="mt-10 self-stretch font_5">请提供详细的问题描述，以便我们更快地为您解决问题。</text>
+	        </view>
+	        <image
+	          class="shrink-0 self-center image image_6"
+	          src="https://ide.code.fun/api/image?token=6714723d38a7c1001587fbb0&name=a36c51a83d47fe9c04ecc0b3af4443ad.png"
+	        />
+	      </view>
+	      <view class="flex-row justify-center items-center group_6">
+	        <image
+	          class="image_7"
+	          src="https://ide.code.fun/api/image?token=6714723d38a7c1001587fbb0&name=7857ecaca482cebbdd382382920634a0.png"
+	        />
+	        <text class="ml-4 font_5 text_9">预约须知</text>
+	      </view>
+	    </view>
+	    <view class="flex-row items-center section_12">
+	      <view class="flex-row items-center shrink-0 group_7">
+	        <view class="flex-col justify-start items-start shrink-0 relative">
+	          <text class="text_10">预约费用：</text>
+	        </view>
+	        <text class="text_11">￥88.</text>
+	        <text class="text_13">00</text>
+	      </view>
+	      <view class="flex-row items-center flex-1 ml-51">
+	        <view class="flex-row shrink-0 section_13">
+	          <text class="text_14">费用说明</text>
+	          <image
+	            class="shrink-0 image_8 ml-3"
+	            src="https://ide.code.fun/api/image?token=6714723d38a7c1001587fbb0&name=1a5714d6e445a76940d6217416bffd25.png"
+	          />
+	        </view>
+	        <view class="ml-10 flex-col justify-start items-center flex-1 text-wrapper">
+	          <text class="font_4 text_12">确定预约</text>
+	        </view>
+	      </view>
+	    </view>
+	  </view>
+	</view>
+</template>
+
+<script setup>
+	
+	
+</script>
+
+<style lang="scss" scoped>
+.ml-7 {
+  margin-left: 13.13rpx;
+}
+.ml-9 {
+  margin-left: 16.88rpx;
+}
+.mt-11 {
+  margin-top: 20.63rpx;
+}
+.ml-23 {
+  margin-left: 43.13rpx;
+}
+.mt-23 {
+  margin-top: 43.13rpx;
+}
+.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 {
+  padding-top: 45rpx;
+  background-color: #f5f5dc;
+}
+.group {
+  padding-top: 11.25rpx;
+}
+.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: 26.25rpx;
+  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_2 {
+  padding: 31.88rpx 0 15rpx;
+  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: 24rpx;
+  color: #323232;
+}
+.image_2 {
+  width: 33.75rpx;
+  height: 33.75rpx;
+}
+.group_3 {
+  padding: 22.5rpx 0 37.5rpx;
+}
+.font_3 {
+  font-size: 26.25rpx;
+  font-family: Open Sans;
+  line-height: 31.88rpx;
+  color: #323232;
+}
+.group_4 {
+  margin-top: 26.25rpx;
+  padding: 0 30rpx;
+}
+.text_2 {
+  line-height: 27.69rpx;
+}
+.section_4 {
+  padding: 31.88rpx 0;
+  background-color: #fffef8;
+  border-radius: 18.75rpx;
+}
+.equal-division {
+  margin: 0 41.25rpx;
+}
+.section_5 {
+  flex: 1 1 281.25rpx;
+}
+.image_3 {
+  width: 159.99rpx;
+  height: 159.99rpx;
+}
+.font_4 {
+  font-size: 30rpx;
+  font-family: Inter;
+  line-height: 26.25rpx;
+  color: #323232;
+}
+.text_3 {
+  line-height: 27.75rpx;
+}
+.section_6 {
+  position: relative;
+  flex: 1 1 281.25rpx;
+}
+.equal-division-item {
+  padding: 30rpx 0 41.25rpx;
+  background-color: #fff291;
+  border-radius: 18.75rpx;
+  height: 281.25rpx;
+}
+.text_4 {
+  margin-top: 18.75rpx;
+}
+.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_5 {
+  line-height: 27.79rpx;
+}
+.section_8 {
+  margin: 26.25rpx 0 100rpx 0;
+  
+  padding: 28.13rpx 24.38rpx 0;
+  background-color: #fff3c3;
+}
+.section_9 {
+  margin: 0 7.5rpx;
+  padding: 33.75rpx 30rpx 26.25rpx;
+  background-color: #fffef8;
+  border-radius: 18.75rpx;
+}
+.image_4 {
+  border-radius: 9.38rpx;
+  width: 129.38rpx;
+  height: 166.88rpx;
+}
+.text_6 {
+  line-height: 24.3rpx;
+}
+.section_10 {
+  margin: 18.75rpx 7.5rpx 0;
+  padding: 30rpx;
+  background-color: #fffef8;
+  border-radius: 18.75rpx;
+}
+.text_7 {
+  line-height: 24.23rpx;
+}
+.divider {
+  margin-top: 39.38rpx;
+  background-color: #e3e3e3;
+  height: 1.88rpx;
+}
+.section_11 {
+  margin: 31.88rpx 7.5rpx 0;
+  padding: 15rpx 26.25rpx;
+  background-color: #fffef8;
+  border-radius: 18.75rpx;
+}
+.image_5 {
+  border-radius: 9.38rpx;
+  width: 93.75rpx;
+  height: 118.13rpx;
+}
+.group_5 {
+  margin-left: 22.5rpx;
+  margin-top: 15rpx;
+  width: 405rpx;
+}
+.text_8 {
+  line-height: 24.36rpx;
+}
+.image_6 {
+  margin-left: 48.75rpx;
+}
+.group_6 {
+  margin-top: 37.5rpx;
+  padding: 22.5rpx 0;
+}
+.image_7 {
+  width: 28.13rpx;
+  height: 28.13rpx;
+}
+.font_5 {
+  font-size: 22.5rpx;
+  font-family: Open Sans;
+  line-height: 26.25rpx;
+  color: #898989;
+}
+.text_9 {
+  color: #000000;
+  line-height: 20.77rpx;
+}
+.section_12 {
+  position: fixed;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  padding: 15rpx 22.5rpx;
+  background-color: #fffef8;
+}
+.group_7 {
+  width: 236.23rpx;
+}
+.text_10 {
+  color: #000000;
+  font-size: 26.25rpx;
+  font-family: Inter;
+  line-height: 24.28rpx;
+}
+.pos_4 {
+  position: absolute;
+  right: 0;
+  bottom: 0;
+}
+.text_11 {
+  color: #fbb612;
+  font-size: 33.75rpx;
+  font-family: Open Sans;
+  font-weight: 700;
+  line-height: 24.84rpx;
+}
+.text_13 {
+  color: #fbb612;
+  font-size: 26.25rpx;
+  font-family: Open Sans;
+  font-weight: 700;
+  line-height: 19.29rpx;
+}
+.section_13 {
+  padding: 9.38rpx 11.25rpx;
+  background-color: #d9d9d9;
+  border-radius: 9.38rpx;
+  height: 37.5rpx;
+}
+.text_14 {
+  color: #323232;
+  font-size: 18.75rpx;
+  font-family: Inter;
+  line-height: 17.36rpx;
+}
+.image_8 {
+  width: 18.75rpx;
+  height: 18.75rpx;
+}
+.text-wrapper {
+  padding: 26.25rpx 0;
+  background-color: #fbb612;
+  border-radius: 75rpx;
+  height: 82.5rpx;
+}
+.text_12 {
+  color: #ffffff;
+  line-height: 27.75rpx;
+}
+@import url(../../../common/css/global.css);
+</style>
diff --git a/pages/booking/respectable/respectable.vue b/pages/booking/respectable/respectable.vue
index 9b132c1..8f45b08 100644
--- a/pages/booking/respectable/respectable.vue
+++ b/pages/booking/respectable/respectable.vue
@@ -1,255 +1,271 @@
 <template>
-	<view class="flex-col justify-start page">
-	  <view class="flex-col section">
-	    <view class="flex-col group">
-	      <view class="flex-col relative section_2">
-	        <view class="flex-row items-baseline self-stretch">
-	          <text class="font text">尊贵体验</text>
-	          <text class="ml-20 font_2 text_2">非遗匠心独运，奢华专属定制</text>
-	        </view>
-	        <text class="self-start font_2 text_3">服装特点</text>
-	        <view class="flex-col items-start self-stretch group_2">
-	          <text class="font_3">提供限量版或定制款汉服，如宫廷风格龙袍、凤冠霞帔等。</text>
-	          <text class="mt-2 font_3">服装工艺精湛，面料奢华，适合特殊场合或高端体验。</text>
-	          <text class="mt-2 font_3">配饰豪华，尽显尊贵气质。</text>
-	        </view>
-	        <text class="self-start font_2 text_4">服务内容</text>
-	        <view class="flex-col items-start self-stretch group_3">
-	          <text class="font_3">定制化妆及发型设计。</text>
-	          <text class="mt-2 font_3">服装租赁服务。</text>
-	          <text class="mt-2 font_3">高端摄影服务（含10张精修照片）。</text>
-	        </view>
-	        <image
-	          class="image pos"
-	          src="https://ide.code.fun/api/image?token=6711f04f38a7c1001587de59&name=69163dae6ab46641031be77235f6d125.png"
-	        />
-	      </view>
-	      <view class="mt-12 flex-col section_3">
-	        <text class="self-start font text_5">服装选择</text>
-	        <view class="flex-col self-stretch mt-11">
-	          <view class="flex-row items-center mt-10 list-item" v-for="(item, index) in items" :key="index">
-	            <image
-	              class="shrink-0 image_3"
-	              src="https://ide.code.fun/api/image?token=6711f04f38a7c1001587de59&name=4748ef7b20ab334729f67d4d6218d790.png"
-	            />
-	            <view class="flex-col flex-1 ml-11">
-	              <view class="flex-col self-stretch">
-	                <view class="flex-row justify-end self-stretch group_4">
-	                  <text class="font_4">详细信息</text>
-	                  <image
-	                    class="image_2"
-	                    src="https://ide.code.fun/api/image?token=6711f04f38a7c1001587de59&name=1484e0cc6274180ba7c91cddf1ec833b.png"
-	                  />
-	                </view>
-	                <text class="self-start font_5 text_6 mt-3">龙凤呈祥华丽长袍</text>
-	              </view>
-	              <view class="mt-4 self-stretch group_5">
-	                <text class="font_7">服装简介：</text>
-	                <text class="font_6">
-	                  这件京剧服饰色彩鲜艳，以红色和绿色为主色调，配以金色和银色的点缀。它使用了传统的云纹、凤凰和其他吉祥图案，这些图案通过精细的刺绣工艺...
-	                </text>
-	              </view>
-	              <text class="mt-4 self-end font_8">￥550</text>
-	            </view>
-	          </view>
-	        </view>
-	      </view>
-	    </view>
-	    <view class="mt-40 flex-row">
-	      <view class="flex-col items-center shrink-0 section_4">
-	        <image
-	          class="image_4"
-	          src="https://ide.code.fun/api/image?token=6711f04f38a7c1001587de59&name=4b56fed14a39630ca2312edf6e34c024.png"
-	        />
-	        <text class="mt-2 text_8">客服</text>
-	      </view>
-	      <view class="flex-col justify-start items-end flex-1 section_5">
-	        <view class="flex-col justify-start items-center text-wrapper"><text class="text_7">现在去预约</text></view>
-	      </view>
-	    </view>
-	  </view>
-	</view>
+<view class="flex-col justify-start page">
+  <view class="flex-col section">
+    <view class="flex-col group">
+      <view class="flex-col relative section_2">
+        <view class="flex-row items-baseline self-stretch">
+          <text class="font text">尊贵体验</text>
+          <text class="ml-20 font_2 text_2">非遗匠心独运，奢华专属定制</text>
+        </view>
+        <text class="self-start font_2 text_3">服装特点</text>
+        <view class="flex-col items-start self-stretch group_2">
+          <text class="font_3">提供限量版或定制款汉服，如宫廷风格龙袍、凤冠霞帔等。</text>
+          <text class="mt-2 font_3">服装工艺精湛，面料奢华，适合特殊场合或高端体验。</text>
+          <text class="mt-2 font_3">配饰豪华，尽显尊贵气质。</text>
+        </view>
+        <text class="self-start font_2 text_4">服务内容</text>
+        <view class="flex-col items-start self-stretch group_3">
+          <text class="font_3">定制化妆及发型设计。</text>
+          <text class="mt-2 font_3">服装租赁服务。</text>
+          <text class="mt-2 font_3">高端摄影服务（含10张精修照片）。</text>
+        </view>
+        <image
+          class="image pos"
+          src="https://ide.code.fun/api/image?token=6714723d38a7c1001587fbb0&name=a708765f6b985078e3f28954b3fe4dcd.png"
+        />
+      </view>
+      <view class="mt-12 flex-col section_3">
+        <text class="self-start font text_5">服装选择</text>
+        <view class="flex-col self-stretch mt-11">
+          <view class="flex-row items-center mt-10 list-item" v-for="(item, index) in fuzhuang" :key="index">
+            <image
+              class="shrink-0 image_3"
+              src="https://ide.code.fun/api/image?token=6714723d38a7c1001587fbb0&name=91d23f14317358e61b5b6e64919fcf05.png"
+            />
+            <view class="flex-col flex-1 ml-11">
+              <view class="flex-col self-stretch">
+                <view class="flex-row justify-end self-stretch group_4">
+                  <text class="font_4">详细信息</text>
+                  <image
+                    class="image_2"
+                    src="https://ide.code.fun/api/image?token=6714723d38a7c1001587fbb0&name=9975609994c07321ade6a37bb7864447.png"
+                  />
+                </view>
+                <text class="self-start font_5 text_6 mt-3">龙凤呈祥华丽长袍</text>
+              </view>
+              <view class="mt-4 self-stretch group_5">
+                <text class="font_7">服装简介：</text>
+                <text class="font_6">
+                  这件京剧服饰色彩鲜艳，以红色和绿色为主色调，配以金色和银色的点缀。它使用了传统的云纹、凤凰和其他吉祥图案，这些图案通过精细的刺绣工艺...
+                </text>
+              </view>
+              <text class="mt-4 self-end font_8">￥550</text>
+            </view>
+          </view>
+        </view>
+      </view>
+    </view>
+    <view class="mt-40 flex-row section6">
+      <view class="flex-col items-center shrink-0 section_4">
+        <image
+          class="image_4"
+          src="https://ide.code.fun/api/image?token=6714723d38a7c1001587fbb0&name=47be6e2fba9a351ce021444d1113200f.png"
+        />
+        <text class="mt-2 text_8">客服</text>
+      </view>
+      <view class="flex-col justify-start items-end flex-1 section_5" @click="jump_xuzhi">
+        <view class="flex-col justify-start items-center text-wrapper"><text class="text_7">现在去预约</text></view>
+      </view>
+    </view>
+  </view>
+</view>
 </template>
 
-<script>
+<script setup>
+	import {ref} from 'vue'
+	const fuzhuang = ref([null,null,null,null,null,null])
+	const jump_xuzhi =()=>{
+		uni.navigateTo({
+			url: '../../../pages/booking/BillingOfFees/BillingOfFees'
+		})
+	}
 </script>
 
 <style lang="scss" scoped>
-	.mt-11 {
-	  margin-top: 20.63rpx;
-	}
-	.ml-11 {
-	  margin-left: 20.63rpx;
-	}
-	.mt-3 {
-	  margin-top: 5.63rpx;
-	}
-	.page {
-	  background-color: #ffffff;
-	  height: 100%;
-	  width: 100%;
-	  overflow-y: auto;
-	  overflow-x: hidden;
-	}
-	.section {
-	  padding-top: 22.5rpx;
-	  background-color: #f5f5dc;
-	}
-	.group {
-	  padding: 0 16.88rpx;
-	}
-	.section_2 {
-	  padding: 37.5rpx 41.25rpx 30rpx;
-	  background-color: #fffdbb;
-	  border-radius: 18.75rpx 18.75rpx 0rpx 0rpx;
-	}
-	.font {
-	  font-size: 30rpx;
-	  font-family: Open Sans;
-	}
-	.text {
-	  color: #323232;
-	  line-height: 27.86rpx;
-	}
-	.font_2 {
-	  font-size: 22.5rpx;
-	  font-family: Open Sans;
-	  line-height: 22.5rpx;
-	  color: #323232;
-	}
-	.text_2 {
-	  color: #8a8a8a;
-	  line-height: 21.36rpx;
-	}
-	.text_3 {
-	  margin-top: 22.5rpx;
-	  line-height: 20.79rpx;
-	}
-	.group_2 {
-	  margin-top: 15rpx;
-	  padding: 0 22.5rpx;
-	}
-	.font_3 {
-	  font-size: 22.5rpx;
-	  font-family: Open Sans;
-	  line-height: 26.25rpx;
-	  color: #696969;
-	}
-	.text_4 {
-	  margin-top: 26.25rpx;
-	  line-height: 20.77rpx;
-	}
-	.group_3 {
-	  margin-top: 15rpx;
-	  padding: 0 24.38rpx;
-	}
-	.image {
-	  width: 127.5rpx;
-	  height: 127.5rpx;
-	}
-	.pos {
-	  position: absolute;
-	  right: 18.77rpx;
-	  bottom: 11.25rpx;
-	}
-	.section_3 {
-	  padding: 37.5rpx 30rpx;
-	  background-color: #fffef8;
-	  border-radius: 18.75rpx;
-	}
-	.text_5 {
-	  color: #000000;
-	  line-height: 27.71rpx;
-	}
-	.list-item {
-	  padding: 22.5rpx 18.75rpx 22.5rpx 30rpx;
-	  background-color: #fff3c3;
-	  border-radius: 9.38rpx;
-	}
-	.list-item:first-child {
-	  margin-top: 0;
-	}
-	.image_3 {
-	  border-radius: 9.38rpx;
-	  width: 148.13rpx;
-	  height: 165rpx;
-	}
-	.group_4 {
-	  padding: 0 3.75rpx;
-	}
-	.font_4 {
-	  font-size: 18.75rpx;
-	  font-family: Open Sans;
-	  line-height: 17.44rpx;
-	  color: #323232;
-	}
-	.image_2 {
-	  width: 15rpx;
-	  height: 15rpx;
-	}
-	.font_5 {
-	  font-size: 26.25rpx;
-	  font-family: Open Sans;
-	  line-height: 22.5rpx;
-	  color: #323232;
-	}
-	.text_6 {
-	  line-height: 24.28rpx;
-	}
-	.group_5 {
-	  line-height: 22.5rpx;
-	}
-	.font_7 {
-	  font-size: 18.75rpx;
-	  font-family: Open Sans;
-	  line-height: 22.5rpx;
-	  color: #323232;
-	}
-	.font_6 {
-	  font-size: 18.75rpx;
-	  font-family: Open Sans;
-	  line-height: 22.5rpx;
-	  color: #828282;
-	}
-	.font_8 {
-	  font-size: 33.75rpx;
-	  font-family: Times New Roman;
-	  line-height: 24.73rpx;
-	  color: #ff3c3c;
-	}
-	.section_4 {
-	  padding: 15rpx 0;
-	  background-color: #ffc470;
-	  width: 118.13rpx;
-	  height: 114.38rpx;
-	}
-	.image_4 {
-	  width: 52.5rpx;
-	  height: 52.5rpx;
-	}
-	.text_8 {
-	  color: #fffef8;
-	  font-size: 26.25rpx;
-	  font-family: Inter;
-	  line-height: 24.17rpx;
-	}
-	.section_5 {
-	  padding: 15rpx 0;
-	  background-color: #fffef8;
-	  height: 114.38rpx;
-	}
-	.text-wrapper {
-	  margin-right: 20.63rpx;
-	  padding: 26.25rpx 0;
-	  background-color: #fbb612;
-	  border-radius: 75rpx;
-	  width: 457.5rpx;
-	}
-	.text_7 {
-	  color: #ffffff;
-	  font-size: 30rpx;
-	  font-family: Inter;
-	  line-height: 27.86rpx;
-	}
+.mt-11 {
+  margin-top: 20.63rpx;
+}
+.ml-11 {
+  margin-left: 20.63rpx;
+}
+.mt-3 {
+  margin-top: 5.63rpx;
+}
+.page {
+  background-color: #f5f5dc;
+  height: 100%;
+  width: 100%;
+  overflow-y: auto;
+  overflow-x: hidden;
+}
+.section {
+  padding-top: 22.5rpx;
+  background-color: #f5f5dc;
+}
+.group {
+  padding: 0 16.88rpx;
+}
+.section_2 {
+  padding: 37.5rpx 41.25rpx 30rpx;
+  background-color: #fffdbb;
+  border-radius: 18.75rpx 18.75rpx 0rpx 0rpx;
+}
+.font {
+  font-size: 30rpx;
+  font-family: Open Sans;
+}
+.text {
+  color: #323232;
+  line-height: 27.86rpx;
+}
+.font_2 {
+  font-size: 22.5rpx;
+  font-family: Open Sans;
+  line-height: 22.5rpx;
+  color: #323232;
+}
+.text_2 {
+  color: #898989;
+  line-height: 21.36rpx;
+}
+.text_3 {
+  margin-top: 22.5rpx;
+  line-height: 20.79rpx;
+}
+.group_2 {
+  margin-top: 15rpx;
+  padding: 0 22.5rpx;
+}
+.font_3 {
+  font-size: 22.5rpx;
+  font-family: Open Sans;
+  line-height: 26.25rpx;
+  color: #696969;
+}
+.text_4 {
+  margin-top: 26.25rpx;
+  line-height: 20.77rpx;
+}
+.group_3 {
+  margin-top: 15rpx;
+  padding: 0 24.38rpx;
+}
+.image {
+  width: 127.5rpx;
+  height: 127.5rpx;
+}
+.pos {
+  position: absolute;
+  right: 18.77rpx;
+  bottom: 11.25rpx;
+}
+.section_3 {
+  padding: 37.5rpx 30rpx;
+  background-color: #fffef8;
+  border-radius: 18.75rpx;
+  margin-bottom: 80rpx;
+}
+.text_5 {
+  color: #000000;
+  line-height: 27.71rpx;
+}
+.list-item {
+  padding: 22.5rpx 18.75rpx 22.5rpx 30rpx;
+  background-color: #fff3c3;
+  border-radius: 9.38rpx;
+}
+.list-item:first-child {
+  margin-top: 0;
+}
+.image_3 {
+  border-radius: 9.38rpx;
+  width: 148.13rpx;
+  height: 165rpx;
+}
+.group_4 {
+  padding: 0 3.75rpx;
+}
+.font_4 {
+  font-size: 18.75rpx;
+  font-family: Open Sans;
+  line-height: 17.44rpx;
+  color: #323232;
+}
+.image_2 {
+  width: 15rpx;
+  height: 15rpx;
+}
+.font_5 {
+  font-size: 26.25rpx;
+  font-family: Open Sans;
+  line-height: 22.5rpx;
+  color: #323232;
+}
+.text_6 {
+  line-height: 24.28rpx;
+}
+.group_5 {
+  line-height: 22.5rpx;
+}
+.font_7 {
+  font-size: 18.75rpx;
+  font-family: Open Sans;
+  line-height: 22.5rpx;
+  color: #323232;
+}
+.font_6 {
+  font-size: 18.75rpx;
+  font-family: Open Sans;
+  line-height: 22.5rpx;
+  color: #828282;
+}
+.font_8 {
+  font-size: 33.75rpx;
+  font-family: Times New Roman;
+  line-height: 24.73rpx;
+  color: #ff3c3c;
+}
+.section_4 {
+  padding: 15rpx 0;
+  background-color: #ffc470;
+  width: 118.13rpx;
+  height: 114.38rpx;
+}
+.image_4 {
+  width: 52.5rpx;
+  height: 52.5rpx;
+}
+.text_8 {
+  color: #fffef8;
+  font-size: 26.25rpx;
+  font-family: Inter;
+  line-height: 24.17rpx;
+}
+.section_5 {
+  padding: 15rpx 0;
+  background-color: #fffef8;
+  height: 114.38rpx;
+}
+.text-wrapper {
+  margin-right: 20.63rpx;
+  padding: 26.25rpx 0;
+  background-color: #fbb612;
+  border-radius: 75rpx;
+  width: 457.5rpx;
+}
+.text_7 {
+  color: #ffffff;
+  font-size: 30rpx;
+  font-family: Inter;
+  line-height: 27.86rpx;
+}
+.section6 {
+	position: fixed;
+	bottom: 0;
+	left: 0;
+	right: 0;
+	padding-bottom: 10rpx;
+	background-color: #f5f5dc;
+}
 	@import url(../../../common/css/global.css);
 </style>
\ No newline at end of file
diff --git a/pages/home/home.vue b/pages/home/home.vue
index 3bc8959..bf64d18 100644
--- a/pages/home/home.vue
+++ b/pages/home/home.vue
@@ -12,7 +12,7 @@
             :src="shizi"
           />
         </view>
-        <view class="flex-row items-center section_2 pos">
+        <view class="flex-row items-center section_2 pos" @click="jump_xiezhen">
           <image
             class="image_2"
             :src="rili"
@@ -153,6 +153,11 @@ const jump_product =()=>{
 		url:'../../pages/store-home/ProductDetails/ProductDetails'
 	}) 
 }
+const jump_xiezhen =()=>{
+	uni.navigateTo({
+		url: '../../pages/booking/respectable/respectable'
+	})
+}
 </script>
 
 <style lang="scss" scoped>
diff --git a/pages/store-home/main/main.vue b/pages/store-home/main/main.vue
index ce89c98..6ec6a8b 100644
--- a/pages/store-home/main/main.vue
+++ b/pages/store-home/main/main.vue
@@ -47,7 +47,7 @@
 
 <script setup>
 	import {
-		ref
+		ref,onMounted, toRaw
 	} from 'vue';
 	import img1 from '@/pages/store-home/main/img/cailiaobao.png';
 	import img2 from '@/pages/store-home/main/img/shouchiwu.png';
@@ -57,74 +57,56 @@
 	import product_img from '@/pages/store-home/main/img/shangpingtupian.png';
 	import add_img from '@/pages/store-home/main/img/tianjia.png';
 	import sousuokuang from '@/pages/store-home/main/img/sousuokuang.png';
-	const sort = ref([{
-			name: "材料包",
-			imgurl: img1
-		},
+	
+	const sort =ref([
 		{
-			name: "手持物",
-			imgurl: img2
-		},
-		{
-			name: "头饰",
-			imgurl: img3
-		},
-		{
-			name: "定制",
-			imgurl: img4
-		},
-		{
-			name: "积分商城",
-			imgurl: img5
+			name:'',
+			imgurl:'',
+			id: ''
 		}
 	])
+	onMounted(() => {
+	  // Getproduct_list(),
+	  Getsort()
+	})
+	const goodsId=ref([])
+	const Getsort = async ()=>{
+		const res = await uni.request({
+			url:'http://localhost:9092/api/category/list',
+			method:'POST',
+		})
+		console.log(res.data.data);
+		goodsId.value = res.data.data
+		console.log(goodsId.value[0].id)
+		if(res.data.data != null){
+			for(let key in res.data.data) {
+				sort.value[key] = {
+					name : res.data.data[key].typeName,
+					imgurl : res.data.data[key].typeUrl,
+					id : res.data.data[key].id
+				}
+			}
+		}
+		 // console.log(sort,2132131)
+		 // console.log(sort._rawValue[0].id)
+	}
+	
+	// const Getproduct_list = async()=>{
+	// 	const res = await uni.request({
+	// 		url:'http://localhost:9092/api/category/list/type',
+	// 		method:'POST',
+	// 	})
+	// 	if(res.data.data ==  ){
+			
+	// 	}
+	// }
+	
 	const product_list = ref([{
-			product_name: "琉璃发簪体验包",
-			detail: "非遗材料包，匠心独运",
-			value: "750",
-			imgurl: product_img
-		},
-		{
-			product_name: "琉璃发簪体验包",
-			detail: "非遗材料包，匠心独运",
-			value: "750",
-			imgurl: product_img
-		},
-		{
-			product_name: "琉璃发簪体验包",
-			detail: "非遗材料包，匠心独运",
-			value: "750",
-			imgurl: product_img
-		},
-		{
-			product_name: "琉璃发簪体验包",
-			detail: "非遗材料包，匠心独运",
-			value: "750",
-			imgurl: product_img
-		},
-		{
-			product_name: "琉璃发簪体验包",
-			detail: "非遗材料包，匠心独运",
-			value: "750",
-			imgurl: product_img
-		},
-		{
-			product_name: "琉璃发簪体验包",
-			detail: "非遗材料包，匠心独运",
-			value: "750",
-			imgurl: product_img
-		},
-		{
-			product_name: "琉璃发簪体验包",
-			detail: "非遗材料包，匠心独运",
-			value: "750",
-			imgurl: product_img
-		},
-		{
-			product_name: "琉璃发簪体验包",
-			detail: "非遗材料包，匠心独运",
-			value: "750",
-			imgurl: product_img
+			product_name: "",
+			detail: "",
+			value: "",
+			imgurl: "",
+			id:""
 		}
 	])
 	const product_type = [{
@@ -154,6 +136,7 @@
 
 	.mt-3 {
 		margin-top: 5.63rpx;
+		text-align: center;
 	}
 
 	.mt-13 {
@@ -265,12 +248,12 @@
 
 	.image_3 {
 		border-radius: 0rpx 9.38rpx 9.38rpx 0rpx;
-		width: 48.75rpx;
-		height: 48.75rpx;
+		width: 60rpx;
+		height: 60rpx;
 	}
 
 	.font_4 {
-		font-size: 30rpx;
+		font-size: 25rpx;
 		font-family: STFangsong;
 		line-height: 28.26rpx;
 		color: #c1651a;
diff --git a/unpackage/dist/dev/mp-weixin/app.js b/unpackage/dist/dev/mp-weixin/app.js
index 208ad23..957280b 100644
--- a/unpackage/dist/dev/mp-weixin/app.js
+++ b/unpackage/dist/dev/mp-weixin/app.js
@@ -22,12 +22,14 @@ if (!Math) {
   "./pages/Shopping-cart/address/address.js";
   "./pages/order/product-waitpay/product-waitpay.js";
   "./pages/order/paysuccess/paysuccess.js";
+  "./pages/booking/Simple/Simple.js";
+  "./pages/booking/bookingpay/bookingpay.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 6574fc0..6b811a5 100644
--- a/unpackage/dist/dev/mp-weixin/app.json
+++ b/unpackage/dist/dev/mp-weixin/app.json
@@ -19,7 +19,9 @@
     "pages/Shopping-cart/newaddress_Info/newaddress_Info",
     "pages/Shopping-cart/address/address",
     "pages/order/product-waitpay/product-waitpay",
-    "pages/order/paysuccess/paysuccess"
+    "pages/order/paysuccess/paysuccess",
+    "pages/booking/Simple/Simple",
+    "pages/booking/bookingpay/bookingpay"
   ],
   "window": {
     "navigationBarTextStyle": "black",
diff --git a/unpackage/dist/dev/mp-weixin/common/assets.js b/unpackage/dist/dev/mp-weixin/common/assets.js
index 880ffdd..c5b8747 100644
--- a/unpackage/dist/dev/mp-weixin/common/assets.js
+++ b/unpackage/dist/dev/mp-weixin/common/assets.js
@@ -4,12 +4,6 @@ const rili = "/assets/rili.7746043b.png";
 const xuanchuan = "/assets/xuanchuan.f0fc207c.png";
 const shizi = "/assets/shizi.dd0347ec.png";
 const you$1 = "/assets/you.60391a00.png";
-const img1 = "/assets/cailiaobao.52f9097b.png";
-const img2 = "/assets/shouchiwu.37cdee46.png";
-const img3 = "/assets/toushi.6558cc23.png";
-const img4 = "/assets/dingzhi.d6614f9f.png";
-const img5 = "/assets/jifenduihuan.a1c23524.png";
-const product_img$1 = "/assets/shangpingtupian.ec8c0440.png";
 const add_img = "/assets/tianjia.187834c9.png";
 const sousuokuang = "/assets/sousuokuang.6160c4c7.png";
 const address = "/assets/address.e91cc3a1.png";
@@ -68,18 +62,12 @@ exports.detele = detele;
 exports.dingdan = dingdan;
 exports.dingwei = dingwei$1;
 exports.dingwei$1 = dingwei;
-exports.img1 = img1;
-exports.img2 = img2;
-exports.img3 = img3;
-exports.img4 = img4;
-exports.img5 = img5;
 exports.kefu = kefu;
 exports.lianxiren_s = lianxiren_s;
 exports.product = product$2;
 exports.product$1 = product$1;
 exports.product$2 = product;
-exports.product_img = product_img$1;
-exports.product_img$1 = product_img;
+exports.product_img = product_img;
 exports.pull = pull;
 exports.qianbao = qianbao;
 exports.rili = rili;
diff --git a/unpackage/dist/dev/mp-weixin/common/vendor.js b/unpackage/dist/dev/mp-weixin/common/vendor.js
index 255636f..1c57d9f 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,
@@ -7101,7 +7102,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,
@@ -7272,7 +7273,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");
@@ -7538,6 +7539,7 @@ exports.defineComponent = defineComponent;
 exports.f = f;
 exports.index = index;
 exports.o = o;
+exports.onMounted = onMounted;
 exports.ref = ref;
 exports.t = t;
 exports.unref = unref;
diff --git a/unpackage/dist/dev/mp-weixin/pages/Shopping-cart/Contact/Contact.js b/unpackage/dist/dev/mp-weixin/pages/Shopping-cart/Contact/Contact.js
index b710aed..3dd6605 100644
--- a/unpackage/dist/dev/mp-weixin/pages/Shopping-cart/Contact/Contact.js
+++ b/unpackage/dist/dev/mp-weixin/pages/Shopping-cart/Contact/Contact.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/Shopping-cart/Contact/Contact.vue"]]);
 wx.createPage(MiniProgramPage);
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
index af0173b..5b34f16 100644
--- a/unpackage/dist/dev/mp-weixin/pages/Shopping-cart/Phone/Phone.js
+++ b/unpackage/dist/dev/mp-weixin/pages/Shopping-cart/Phone/Phone.js
@@ -10,5 +10,5 @@ function _sfc_render(_ctx, _cache) {
     })
   };
 }
-const MiniProgramPage = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-6d058dc0"]]);
+const MiniProgramPage = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-6d058dc0"], ["__file", "D:/jiangchengfeiyi-xiaochengxu/pages/Shopping-cart/Phone/Phone.vue"]]);
 wx.createPage(MiniProgramPage);
diff --git a/unpackage/dist/dev/mp-weixin/pages/Shopping-cart/address/address.js b/unpackage/dist/dev/mp-weixin/pages/Shopping-cart/address/address.js
index 1637d9a..902d404 100644
--- a/unpackage/dist/dev/mp-weixin/pages/Shopping-cart/address/address.js
+++ b/unpackage/dist/dev/mp-weixin/pages/Shopping-cart/address/address.js
@@ -68,5 +68,5 @@ const _sfc_main = {
     };
   }
 };
-const MiniProgramPage = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["__scopeId", "data-v-fdeeb5e5"]]);
+const MiniProgramPage = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["__scopeId", "data-v-fdeeb5e5"], ["__file", "D:/jiangchengfeiyi-xiaochengxu/pages/Shopping-cart/address/address.vue"]]);
 wx.createPage(MiniProgramPage);
diff --git a/unpackage/dist/dev/mp-weixin/pages/Shopping-cart/newaddress_Info/newaddress_Info.js b/unpackage/dist/dev/mp-weixin/pages/Shopping-cart/newaddress_Info/newaddress_Info.js
index ee8dc87..2bb033c 100644
--- a/unpackage/dist/dev/mp-weixin/pages/Shopping-cart/newaddress_Info/newaddress_Info.js
+++ b/unpackage/dist/dev/mp-weixin/pages/Shopping-cart/newaddress_Info/newaddress_Info.js
@@ -18,5 +18,5 @@ const _sfc_main = {
     };
   }
 };
-const MiniProgramPage = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["__scopeId", "data-v-fb57d854"]]);
+const MiniProgramPage = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["__scopeId", "data-v-fb57d854"], ["__file", "D:/jiangchengfeiyi-xiaochengxu/pages/Shopping-cart/newaddress_Info/newaddress_Info.vue"]]);
 wx.createPage(MiniProgramPage);
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 5c5bd4a..1e781db 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
@@ -12,7 +12,7 @@ const _sfc_main = {
         "selected_style": "紫色",
         "product_num": 1,
         "product_price": 138,
-        "product_img": common_assets.product_img$1,
+        "product_img": common_assets.product_img,
         "pull_img": common_assets.pull,
         "select_img": common_assets.choose,
         "rmb_img": common_assets.rmb,
@@ -25,7 +25,7 @@ const _sfc_main = {
         "selected_style": "紫色",
         "product_num": 1,
         "product_price": 138,
-        "product_img": common_assets.product_img$1,
+        "product_img": common_assets.product_img,
         "pull_img": common_assets.pull,
         "select_img": common_assets.choose,
         "rmb_img": common_assets.rmb,
@@ -38,7 +38,7 @@ const _sfc_main = {
         "selected_style": "紫色",
         "product_num": 1,
         "product_price": 138,
-        "product_img": common_assets.product_img$1,
+        "product_img": common_assets.product_img,
         "pull_img": common_assets.pull,
         "select_img": common_assets.choose,
         "rmb_img": common_assets.rmb,
@@ -51,7 +51,7 @@ const _sfc_main = {
         "selected_style": "紫色",
         "product_num": 1,
         "product_price": 138,
-        "product_img": common_assets.product_img$1,
+        "product_img": common_assets.product_img,
         "pull_img": common_assets.pull,
         "select_img": common_assets.choose,
         "rmb_img": common_assets.rmb,
@@ -64,7 +64,7 @@ const _sfc_main = {
         "selected_style": "紫色",
         "product_num": 1,
         "product_price": 138,
-        "product_img": common_assets.product_img$1,
+        "product_img": common_assets.product_img,
         "pull_img": common_assets.pull,
         "select_img": common_assets.choose,
         "rmb_img": common_assets.rmb,
@@ -77,7 +77,7 @@ const _sfc_main = {
         "selected_style": "紫色",
         "product_num": 1,
         "product_price": 138,
-        "product_img": common_assets.product_img$1,
+        "product_img": common_assets.product_img,
         "pull_img": common_assets.pull,
         "select_img": common_assets.choose,
         "rmb_img": common_assets.rmb,
@@ -115,5 +115,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/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
index 078f7f6..99abf27 100644
--- a/unpackage/dist/dev/mp-weixin/pages/booking/AppointmentHome.js
+++ b/unpackage/dist/dev/mp-weixin/pages/booking/AppointmentHome.js
@@ -15,5 +15,5 @@ const _sfc_main = /* @__PURE__ */ common_vendor.defineComponent({
     };
   }
 });
-const MiniProgramPage = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["__scopeId", "data-v-60893f73"]]);
+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/BillingOfFees/BillingOfFees.js b/unpackage/dist/dev/mp-weixin/pages/booking/BillingOfFees/BillingOfFees.js
index e31247f..59012db 100644
--- a/unpackage/dist/dev/mp-weixin/pages/booking/BillingOfFees/BillingOfFees.js
+++ b/unpackage/dist/dev/mp-weixin/pages/booking/BillingOfFees/BillingOfFees.js
@@ -1,8 +1,19 @@
 "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-cab9a6c6"]]);
+const _sfc_main = {
+  __name: "BillingOfFees",
+  setup(__props) {
+    const jump_pay = () => {
+      common_vendor.index.navigateTo({
+        url: "../../../pages/booking/bookingpay/bookingpay"
+      });
+    };
+    return (_ctx, _cache) => {
+      return {
+        a: common_vendor.o(jump_pay)
+      };
+    };
+  }
+};
+const MiniProgramPage = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["__scopeId", "data-v-cab9a6c6"], ["__file", "D:/jiangchengfeiyi-xiaochengxu/pages/booking/BillingOfFees/BillingOfFees.vue"]]);
 wx.createPage(MiniProgramPage);
diff --git a/unpackage/dist/dev/mp-weixin/pages/booking/BillingOfFees/BillingOfFees.wxml b/unpackage/dist/dev/mp-weixin/pages/booking/BillingOfFees/BillingOfFees.wxml
index c3a8769..893f21a 100644
--- a/unpackage/dist/dev/mp-weixin/pages/booking/BillingOfFees/BillingOfFees.wxml
+++ b/unpackage/dist/dev/mp-weixin/pages/booking/BillingOfFees/BillingOfFees.wxml
@@ -1 +1 @@
-<view class="flex-col page data-v-cab9a6c6"><text class="self-center text data-v-cab9a6c6">费用说明</text><view class="flex-col self-stretch group data-v-cab9a6c6"><text class="self-start font text_2 data-v-cab9a6c6">一、费用支付流程</text><text class="self-stretch font_2 text_3 data-v-cab9a6c6"> 确定等级：您将根据个人需求选择合适的服装价位区间，并完成预约操作。 <view class="data-v-cab9a6c6"/> 预约成功：预约成功后，您需前往店铺挑选对应等级的服装。 <view class="data-v-cab9a6c6"/></text><text class="self-stretch font_2 text_4 data-v-cab9a6c6"> 补缴尾款及押金：在挑选服装时，您需要补缴尾款（扣除已支付定金后的剩余服务或商品费用）以及押金（用于保障服装归还时的完好）。 </text></view><view class="flex-col self-stretch group_2 data-v-cab9a6c6"><text class="self-start font data-v-cab9a6c6">二、尾款具体事项</text><text class="mt-18 self-stretch font_3 text_5 data-v-cab9a6c6"> 租赁服装：若您选择租赁我们店铺没有的服装，租赁费用将在您支付尾款时一并结算。无论拍摄是否进行，租赁费用均不予退还。 <view class="data-v-cab9a6c6"/> 购买服装：如您希望购买我们店铺的服装，且我们同意购买，将按照服装的稀有程度分等级定价。您需按照所选等级支付尾款。 <view class="data-v-cab9a6c6"/> 定制服务：若您自带衣服，我们提供妆发及摄影服务。若需我们额外购买服装，将按照上述等级定价，您需支付相应的尾款。 </text></view><view class="flex-col self-stretch group_3 data-v-cab9a6c6"><text class="self-start font text_6 data-v-cab9a6c6">三、定金与押金说明</text><text class="self-stretch font_3 text_7 mt-15 data-v-cab9a6c6"> 定金：预约时支付的定金用于确认您的预约意向，定金 不予退还。 <view class="data-v-cab9a6c6"/> 押金：拍摄完成后，我们将根据服装的归还情况决定是否扣除押金。若服装无损坏，押金将全额退还。 </text></view><view class="flex-col self-stretch group_4 data-v-cab9a6c6"><text class="self-start font text_8 data-v-cab9a6c6">四、特殊情况处理</text><text class="mt-18 self-stretch font_3 text_9 data-v-cab9a6c6"> 若因特殊情况您需要取消预约，请及时与我们联系。未拍摄情况下，定金不予退还，已支付的租赁费用亦不退还。 <view class="data-v-cab9a6c6"/></text></view><view class="flex-col justify-start items-center self-stretch text-wrapper data-v-cab9a6c6"><text class="text_10 data-v-cab9a6c6">我知道了</text></view></view>
\ No newline at end of file
+<view class="flex-col page data-v-cab9a6c6"><text class="self-center text data-v-cab9a6c6">费用说明</text><view class="flex-col self-stretch group data-v-cab9a6c6"><text class="self-start font text_2 data-v-cab9a6c6">一、费用支付流程</text><text class="self-stretch font_2 text_3 data-v-cab9a6c6"> 确定等级：您将根据个人需求选择合适的服装价位区间，并完成预约操作。 <view class="data-v-cab9a6c6"/> 预约成功：预约成功后，您需前往店铺挑选对应等级的服装。 <view class="data-v-cab9a6c6"/></text><text class="self-stretch font_2 text_4 data-v-cab9a6c6"> 补缴尾款及押金：在挑选服装时，您需要补缴尾款（扣除已支付定金后的剩余服务或商品费用）以及押金（用于保障服装归还时的完好）。 </text></view><view class="flex-col self-stretch group_2 data-v-cab9a6c6"><text class="self-start font data-v-cab9a6c6">二、尾款具体事项</text><text class="mt-18 self-stretch font_3 text_5 data-v-cab9a6c6"> 租赁服装：若您选择租赁我们店铺没有的服装，租赁费用将在您支付尾款时一并结算。无论拍摄是否进行，租赁费用均不予退还。 <view class="data-v-cab9a6c6"/> 购买服装：如您希望购买我们店铺的服装，且我们同意购买，将按照服装的稀有程度分等级定价。您需按照所选等级支付尾款。 <view class="data-v-cab9a6c6"/> 定制服务：若您自带衣服，我们提供妆发及摄影服务。若需我们额外购买服装，将按照上述等级定价，您需支付相应的尾款。 </text></view><view class="flex-col self-stretch group_3 data-v-cab9a6c6"><text class="self-start font text_6 data-v-cab9a6c6">三、定金与押金说明</text><text class="self-stretch font_3 text_7 mt-15 data-v-cab9a6c6"> 定金：预约时支付的定金用于确认您的预约意向，定金 不予退还。 <view class="data-v-cab9a6c6"/> 押金：拍摄完成后，我们将根据服装的归还情况决定是否扣除押金。若服装无损坏，押金将全额退还。 </text></view><view class="flex-col self-stretch group_4 data-v-cab9a6c6"><text class="self-start font text_8 data-v-cab9a6c6">四、特殊情况处理</text><text class="mt-18 self-stretch font_3 text_9 data-v-cab9a6c6"> 若因特殊情况您需要取消预约，请及时与我们联系。未拍摄情况下，定金不予退还，已支付的租赁费用亦不退还。 <view class="data-v-cab9a6c6"/></text></view><view class="flex-col justify-start items-center self-stretch text-wrapper data-v-cab9a6c6" bindtap="{{a}}"><text class="text_10 data-v-cab9a6c6">我知道了</text></view></view>
\ No newline at end of file
diff --git a/unpackage/dist/dev/mp-weixin/pages/booking/BillingOfFees/BillingOfFees.wxss b/unpackage/dist/dev/mp-weixin/pages/booking/BillingOfFees/BillingOfFees.wxss
index e6eeea9..67264e0 100644
--- a/unpackage/dist/dev/mp-weixin/pages/booking/BillingOfFees/BillingOfFees.wxss
+++ b/unpackage/dist/dev/mp-weixin/pages/booking/BillingOfFees/BillingOfFees.wxss
@@ -1,10 +1,411 @@
 /* 水平间距 */
 /* 水平间距 */
+/************************************************************
+** 请将全局样式拷贝到项目的全局 CSS 文件或者当前页面的顶部 **
+** 否则页面将无法正常显示                                  **
+************************************************************/
+html.data-v-cab9a6c6 {
+  font-size: 16px;
+}
+body.data-v-cab9a6c6 {
+  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-cab9a6c6,
+image.data-v-cab9a6c6,
+text.data-v-cab9a6c6 {
+  box-sizing: border-box;
+  flex-shrink: 0;
+}
+#app.data-v-cab9a6c6 {
+  width: 100vw;
+  height: 100vh;
+}
+.flex-row.data-v-cab9a6c6 {
+  display: flex;
+  flex-direction: row;
+}
+.flex-col.data-v-cab9a6c6 {
+  display: flex;
+  flex-direction: column;
+}
+.justify-start.data-v-cab9a6c6 {
+  justify-content: flex-start;
+}
+.justify-end.data-v-cab9a6c6 {
+  justify-content: flex-end;
+}
+.justify-center.data-v-cab9a6c6 {
+  justify-content: center;
+}
+.justify-between.data-v-cab9a6c6 {
+  justify-content: space-between;
+}
+.justify-around.data-v-cab9a6c6 {
+  justify-content: space-around;
+}
+.justify-evenly.data-v-cab9a6c6 {
+  justify-content: space-evenly;
+}
+.items-start.data-v-cab9a6c6 {
+  align-items: flex-start;
+}
+.items-end.data-v-cab9a6c6 {
+  align-items: flex-end;
+}
+.items-center.data-v-cab9a6c6 {
+  align-items: center;
+}
+.items-baseline.data-v-cab9a6c6 {
+  align-items: baseline;
+}
+.items-stretch.data-v-cab9a6c6 {
+  align-items: stretch;
+}
+.self-start.data-v-cab9a6c6 {
+  align-self: flex-start;
+}
+.self-end.data-v-cab9a6c6 {
+  align-self: flex-end;
+}
+.self-center.data-v-cab9a6c6 {
+  align-self: center;
+}
+.self-baseline.data-v-cab9a6c6 {
+  align-self: baseline;
+}
+.self-stretch.data-v-cab9a6c6 {
+  align-self: stretch;
+}
+.flex-1.data-v-cab9a6c6 {
+  flex: 1 1 0%;
+}
+.flex-auto.data-v-cab9a6c6 {
+  flex: 1 1 auto;
+}
+.grow.data-v-cab9a6c6 {
+  flex-grow: 1;
+}
+.grow-0.data-v-cab9a6c6 {
+  flex-grow: 0;
+}
+.shrink.data-v-cab9a6c6 {
+  flex-shrink: 1;
+}
+.shrink-0.data-v-cab9a6c6 {
+  flex-shrink: 0;
+}
+.relative.data-v-cab9a6c6 {
+  position: relative;
+}
+.ml-2.data-v-cab9a6c6 {
+  margin-left: 3.75rpx;
+}
+.mt-2.data-v-cab9a6c6 {
+  margin-top: 3.75rpx;
+}
+.ml-4.data-v-cab9a6c6 {
+  margin-left: 7.5rpx;
+}
+.mt-4.data-v-cab9a6c6 {
+  margin-top: 7.5rpx;
+}
+.ml-6.data-v-cab9a6c6 {
+  margin-left: 11.25rpx;
+}
+.mt-6.data-v-cab9a6c6 {
+  margin-top: 11.25rpx;
+}
+.ml-8.data-v-cab9a6c6 {
+  margin-left: 15rpx;
+}
+.mt-8.data-v-cab9a6c6 {
+  margin-top: 15rpx;
+}
+.ml-10.data-v-cab9a6c6 {
+  margin-left: 18.75rpx;
+}
+.mt-10.data-v-cab9a6c6 {
+  margin-top: 18.75rpx;
+}
+.ml-12.data-v-cab9a6c6 {
+  margin-left: 22.5rpx;
+}
+.mt-12.data-v-cab9a6c6 {
+  margin-top: 22.5rpx;
+}
+.ml-14.data-v-cab9a6c6 {
+  margin-left: 26.25rpx;
+}
+.mt-14.data-v-cab9a6c6 {
+  margin-top: 26.25rpx;
+}
+.ml-16.data-v-cab9a6c6 {
+  margin-left: 30rpx;
+}
+.mt-16.data-v-cab9a6c6 {
+  margin-top: 30rpx;
+}
+.ml-18.data-v-cab9a6c6 {
+  margin-left: 33.75rpx;
+}
+.mt-18.data-v-cab9a6c6 {
+  margin-top: 33.75rpx;
+}
+.ml-20.data-v-cab9a6c6 {
+  margin-left: 37.5rpx;
+}
+.mt-20.data-v-cab9a6c6 {
+  margin-top: 37.5rpx;
+}
+.ml-22.data-v-cab9a6c6 {
+  margin-left: 41.25rpx;
+}
+.mt-22.data-v-cab9a6c6 {
+  margin-top: 41.25rpx;
+}
+.ml-24.data-v-cab9a6c6 {
+  margin-left: 45rpx;
+}
+.mt-24.data-v-cab9a6c6 {
+  margin-top: 45rpx;
+}
+.ml-26.data-v-cab9a6c6 {
+  margin-left: 48.75rpx;
+}
+.mt-26.data-v-cab9a6c6 {
+  margin-top: 48.75rpx;
+}
+.ml-28.data-v-cab9a6c6 {
+  margin-left: 52.5rpx;
+}
+.mt-28.data-v-cab9a6c6 {
+  margin-top: 52.5rpx;
+}
+.ml-30.data-v-cab9a6c6 {
+  margin-left: 56.25rpx;
+}
+.mt-30.data-v-cab9a6c6 {
+  margin-top: 56.25rpx;
+}
+.ml-32.data-v-cab9a6c6 {
+  margin-left: 60rpx;
+}
+.mt-32.data-v-cab9a6c6 {
+  margin-top: 60rpx;
+}
+.ml-34.data-v-cab9a6c6 {
+  margin-left: 63.75rpx;
+}
+.mt-34.data-v-cab9a6c6 {
+  margin-top: 63.75rpx;
+}
+.ml-36.data-v-cab9a6c6 {
+  margin-left: 67.5rpx;
+}
+.mt-36.data-v-cab9a6c6 {
+  margin-top: 67.5rpx;
+}
+.ml-38.data-v-cab9a6c6 {
+  margin-left: 71.25rpx;
+}
+.mt-38.data-v-cab9a6c6 {
+  margin-top: 71.25rpx;
+}
+.ml-40.data-v-cab9a6c6 {
+  margin-left: 75rpx;
+}
+.mt-40.data-v-cab9a6c6 {
+  margin-top: 75rpx;
+}
+.ml-42.data-v-cab9a6c6 {
+  margin-left: 78.75rpx;
+}
+.mt-42.data-v-cab9a6c6 {
+  margin-top: 78.75rpx;
+}
+.ml-44.data-v-cab9a6c6 {
+  margin-left: 82.5rpx;
+}
+.mt-44.data-v-cab9a6c6 {
+  margin-top: 82.5rpx;
+}
+.ml-46.data-v-cab9a6c6 {
+  margin-left: 86.25rpx;
+}
+.mt-46.data-v-cab9a6c6 {
+  margin-top: 86.25rpx;
+}
+.ml-48.data-v-cab9a6c6 {
+  margin-left: 90rpx;
+}
+.mt-48.data-v-cab9a6c6 {
+  margin-top: 90rpx;
+}
+.ml-50.data-v-cab9a6c6 {
+  margin-left: 93.75rpx;
+}
+.mt-50.data-v-cab9a6c6 {
+  margin-top: 93.75rpx;
+}
+.ml-52.data-v-cab9a6c6 {
+  margin-left: 97.5rpx;
+}
+.mt-52.data-v-cab9a6c6 {
+  margin-top: 97.5rpx;
+}
+.ml-54.data-v-cab9a6c6 {
+  margin-left: 101.25rpx;
+}
+.mt-54.data-v-cab9a6c6 {
+  margin-top: 101.25rpx;
+}
+.ml-56.data-v-cab9a6c6 {
+  margin-left: 105rpx;
+}
+.mt-56.data-v-cab9a6c6 {
+  margin-top: 105rpx;
+}
+.ml-58.data-v-cab9a6c6 {
+  margin-left: 108.75rpx;
+}
+.mt-58.data-v-cab9a6c6 {
+  margin-top: 108.75rpx;
+}
+.ml-60.data-v-cab9a6c6 {
+  margin-left: 112.5rpx;
+}
+.mt-60.data-v-cab9a6c6 {
+  margin-top: 112.5rpx;
+}
+.ml-62.data-v-cab9a6c6 {
+  margin-left: 116.25rpx;
+}
+.mt-62.data-v-cab9a6c6 {
+  margin-top: 116.25rpx;
+}
+.ml-64.data-v-cab9a6c6 {
+  margin-left: 120rpx;
+}
+.mt-64.data-v-cab9a6c6 {
+  margin-top: 120rpx;
+}
+.ml-66.data-v-cab9a6c6 {
+  margin-left: 123.75rpx;
+}
+.mt-66.data-v-cab9a6c6 {
+  margin-top: 123.75rpx;
+}
+.ml-68.data-v-cab9a6c6 {
+  margin-left: 127.5rpx;
+}
+.mt-68.data-v-cab9a6c6 {
+  margin-top: 127.5rpx;
+}
+.ml-70.data-v-cab9a6c6 {
+  margin-left: 131.25rpx;
+}
+.mt-70.data-v-cab9a6c6 {
+  margin-top: 131.25rpx;
+}
+.ml-72.data-v-cab9a6c6 {
+  margin-left: 135rpx;
+}
+.mt-72.data-v-cab9a6c6 {
+  margin-top: 135rpx;
+}
+.ml-74.data-v-cab9a6c6 {
+  margin-left: 138.75rpx;
+}
+.mt-74.data-v-cab9a6c6 {
+  margin-top: 138.75rpx;
+}
+.ml-76.data-v-cab9a6c6 {
+  margin-left: 142.5rpx;
+}
+.mt-76.data-v-cab9a6c6 {
+  margin-top: 142.5rpx;
+}
+.ml-78.data-v-cab9a6c6 {
+  margin-left: 146.25rpx;
+}
+.mt-78.data-v-cab9a6c6 {
+  margin-top: 146.25rpx;
+}
+.ml-80.data-v-cab9a6c6 {
+  margin-left: 150rpx;
+}
+.mt-80.data-v-cab9a6c6 {
+  margin-top: 150rpx;
+}
+.ml-82.data-v-cab9a6c6 {
+  margin-left: 153.75rpx;
+}
+.mt-82.data-v-cab9a6c6 {
+  margin-top: 153.75rpx;
+}
+.ml-84.data-v-cab9a6c6 {
+  margin-left: 157.5rpx;
+}
+.mt-84.data-v-cab9a6c6 {
+  margin-top: 157.5rpx;
+}
+.ml-86.data-v-cab9a6c6 {
+  margin-left: 161.25rpx;
+}
+.mt-86.data-v-cab9a6c6 {
+  margin-top: 161.25rpx;
+}
+.ml-88.data-v-cab9a6c6 {
+  margin-left: 165rpx;
+}
+.mt-88.data-v-cab9a6c6 {
+  margin-top: 165rpx;
+}
+.ml-90.data-v-cab9a6c6 {
+  margin-left: 168.75rpx;
+}
+.mt-90.data-v-cab9a6c6 {
+  margin-top: 168.75rpx;
+}
+.ml-92.data-v-cab9a6c6 {
+  margin-left: 172.5rpx;
+}
+.mt-92.data-v-cab9a6c6 {
+  margin-top: 172.5rpx;
+}
+.ml-94.data-v-cab9a6c6 {
+  margin-left: 176.25rpx;
+}
+.mt-94.data-v-cab9a6c6 {
+  margin-top: 176.25rpx;
+}
+.ml-96.data-v-cab9a6c6 {
+  margin-left: 180rpx;
+}
+.mt-96.data-v-cab9a6c6 {
+  margin-top: 180rpx;
+}
+.ml-98.data-v-cab9a6c6 {
+  margin-left: 183.75rpx;
+}
+.mt-98.data-v-cab9a6c6 {
+  margin-top: 183.75rpx;
+}
+.ml-100.data-v-cab9a6c6 {
+  margin-left: 187.5rpx;
+}
+.mt-100.data-v-cab9a6c6 {
+  margin-top: 187.5rpx;
+}
 .mt-15.data-v-cab9a6c6 {
   margin-top: 28.13rpx;
 }
 .page.data-v-cab9a6c6 {
-  padding: 48.75rpx 33.75rpx 61.88rpx;
+  padding: 48.75rpx 11.75rpx 61.88rpx;
   background-color: #fffef8;
   border-radius: 37.5rpx 37.5rpx 0rpx 0rpx;
   width: 100%;
@@ -79,6 +480,9 @@
   margin-left: 3.75rpx;
 }
 .text-wrapper.data-v-cab9a6c6 {
+  display: flex;
+  justify-content: center;
+  align-items: center;
   margin: 75rpx 22.5rpx 0;
   padding: 30rpx 0;
   background-color: #fbb612;
diff --git a/unpackage/dist/dev/mp-weixin/pages/booking/ContactInformation.js b/unpackage/dist/dev/mp-weixin/pages/booking/ContactInformation.js
index bb23879..e4ea835 100644
--- a/unpackage/dist/dev/mp-weixin/pages/booking/ContactInformation.js
+++ b/unpackage/dist/dev/mp-weixin/pages/booking/ContactInformation.js
@@ -4,5 +4,5 @@ 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"]]);
+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/ReservationInstructions/ReservationInstructions.js b/unpackage/dist/dev/mp-weixin/pages/booking/ReservationInstructions/ReservationInstructions.js
index ccd57ba..9720bc7 100644
--- a/unpackage/dist/dev/mp-weixin/pages/booking/ReservationInstructions/ReservationInstructions.js
+++ b/unpackage/dist/dev/mp-weixin/pages/booking/ReservationInstructions/ReservationInstructions.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-a9d91b4b"]]);
+const MiniProgramPage = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-a9d91b4b"], ["__file", "D:/jiangchengfeiyi-xiaochengxu/pages/booking/ReservationInstructions/ReservationInstructions.vue"]]);
 wx.createPage(MiniProgramPage);
diff --git a/unpackage/dist/dev/mp-weixin/pages/booking/Simple/Simple.js b/unpackage/dist/dev/mp-weixin/pages/booking/Simple/Simple.js
new file mode 100644
index 0000000..a7bf5f5
--- /dev/null
+++ b/unpackage/dist/dev/mp-weixin/pages/booking/Simple/Simple.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], ["__scopeId", "data-v-d54bd2fc"], ["__file", "D:/jiangchengfeiyi-xiaochengxu/pages/booking/Simple/Simple.vue"]]);
+wx.createPage(MiniProgramPage);
diff --git a/unpackage/dist/dev/mp-weixin/pages/booking/Simple/Simple.json b/unpackage/dist/dev/mp-weixin/pages/booking/Simple/Simple.json
new file mode 100644
index 0000000..a0812ee
--- /dev/null
+++ b/unpackage/dist/dev/mp-weixin/pages/booking/Simple/Simple.json
@@ -0,0 +1,4 @@
+{
+  "navigationBarTitleText": "",
+  "usingComponents": {}
+}
\ No newline at end of file
diff --git a/unpackage/dist/dev/mp-weixin/pages/booking/Simple/Simple.wxml b/unpackage/dist/dev/mp-weixin/pages/booking/Simple/Simple.wxml
new file mode 100644
index 0000000..c9cca00
--- /dev/null
+++ b/unpackage/dist/dev/mp-weixin/pages/booking/Simple/Simple.wxml
@@ -0,0 +1 @@
+<view class="flex-col justify-start page data-v-d54bd2fc"><view class="flex-col section data-v-d54bd2fc"><view class="flex-col group data-v-d54bd2fc"><view class="flex-col relative section_2 data-v-d54bd2fc"><view class="flex-row items-baseline self-stretch data-v-d54bd2fc"><text class="font text data-v-d54bd2fc">简约风尚</text><text class="font_2 text_2 ml-19 data-v-d54bd2fc">传承非遗之美，简约演绎经典</text></view><text class="self-start font_3 text_3 data-v-d54bd2fc">服装特点</text><view class="flex-col items-start self-stretch group_2 data-v-d54bd2fc"><text class="font_2 data-v-d54bd2fc">提供多样化的经典汉服款式，如基础款曲裾、直裾等</text><text class="mt-2 font_2 data-v-d54bd2fc">服装面料舒适，适合日常拍摄体验</text><text class="mt-2 font_2 data-v-d54bd2fc">配饰简约，适合初次尝试传统服饰的用户</text></view><text class="self-start font_3 text_4 data-v-d54bd2fc">服务内容</text><view class="flex-col items-start self-stretch group_3 data-v-d54bd2fc"><text class="font_2 data-v-d54bd2fc">专业化妆及基础发型设计</text><text class="mt-2 font_2 data-v-d54bd2fc">服装租赁服务</text><text class="mt-2 font_2 data-v-d54bd2fc">基础摄影服务（不含精修）</text></view><image class="image pos data-v-d54bd2fc" src="https://ide.code.fun/api/image?token=6711f04f38a7c1001587de59&name=d6d88e3f45498775df202023e1df0871.png"/></view><view class="mt-12 flex-col section_3 data-v-d54bd2fc"><text class="self-start font text_5 data-v-d54bd2fc">服装选择</text><view class="flex-col self-stretch mt-11 data-v-d54bd2fc"><view wx:for="{{a}}" wx:for-item="item" wx:key="a" class="flex-row items-center mt-10 list-item data-v-d54bd2fc"><image class="shrink-0 image_3 data-v-d54bd2fc" src="https://ide.code.fun/api/image?token=6711f04f38a7c1001587de59&name=1c18c9d6f08498ff9a0cf7a598a0d271.png"/><view class="ml-10 flex-col flex-1 data-v-d54bd2fc"><view class="flex-row justify-end self-stretch group_4 data-v-d54bd2fc"><text class="font_4 data-v-d54bd2fc">详细信息</text><image class="image_2 data-v-d54bd2fc" src="https://ide.code.fun/api/image?token=6711f04f38a7c1001587de59&name=1484e0cc6274180ba7c91cddf1ec833b.png"/></view><text class="self-start font_5 text_6 data-v-d54bd2fc">彩绣菊花纹刺绣长袍</text><view class="self-stretch group_5 data-v-d54bd2fc"><text class="font_7 data-v-d54bd2fc">服装简介：</text><text class="font_6 data-v-d54bd2fc"> 用上等丝绸，质地细腻、柔软且富有光泽，触感极佳。统手工刺绣技艺，每一针每一线都凝聚着匠人的心血与智慧，图案精美绝伦，色彩丰富和谐... </text></view><text class="self-end font_8 data-v-d54bd2fc">￥150</text></view></view></view></view></view><view class="mt-26 flex-row data-v-d54bd2fc"><view class="flex-col items-center shrink-0 section_4 data-v-d54bd2fc"><image class="image_4 data-v-d54bd2fc" src="https://ide.code.fun/api/image?token=6711f04f38a7c1001587de59&name=4b56fed14a39630ca2312edf6e34c024.png"/><text class="mt-2 text_8 data-v-d54bd2fc">客服</text></view><view class="flex-col justify-start items-end flex-1 section_5 data-v-d54bd2fc"><view class="flex-col justify-start items-center text-wrapper data-v-d54bd2fc"><text class="text_7 data-v-d54bd2fc">现在去预约</text></view></view></view></view></view>
\ No newline at end of file
diff --git a/unpackage/dist/dev/mp-weixin/pages/booking/Simple/Simple.wxss b/unpackage/dist/dev/mp-weixin/pages/booking/Simple/Simple.wxss
new file mode 100644
index 0000000..864fc61
--- /dev/null
+++ b/unpackage/dist/dev/mp-weixin/pages/booking/Simple/Simple.wxss
@@ -0,0 +1,576 @@
+/* 水平间距 */
+/* 水平间距 */
+/************************************************************
+** 请将全局样式拷贝到项目的全局 CSS 文件或者当前页面的顶部 **
+** 否则页面将无法正常显示                                  **
+************************************************************/
+html.data-v-d54bd2fc {
+  font-size: 16px;
+}
+body.data-v-d54bd2fc {
+  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-d54bd2fc,
+image.data-v-d54bd2fc,
+text.data-v-d54bd2fc {
+  box-sizing: border-box;
+  flex-shrink: 0;
+}
+#app.data-v-d54bd2fc {
+  width: 100vw;
+  height: 100vh;
+}
+.flex-row.data-v-d54bd2fc {
+  display: flex;
+  flex-direction: row;
+}
+.flex-col.data-v-d54bd2fc {
+  display: flex;
+  flex-direction: column;
+}
+.justify-start.data-v-d54bd2fc {
+  justify-content: flex-start;
+}
+.justify-end.data-v-d54bd2fc {
+  justify-content: flex-end;
+}
+.justify-center.data-v-d54bd2fc {
+  justify-content: center;
+}
+.justify-between.data-v-d54bd2fc {
+  justify-content: space-between;
+}
+.justify-around.data-v-d54bd2fc {
+  justify-content: space-around;
+}
+.justify-evenly.data-v-d54bd2fc {
+  justify-content: space-evenly;
+}
+.items-start.data-v-d54bd2fc {
+  align-items: flex-start;
+}
+.items-end.data-v-d54bd2fc {
+  align-items: flex-end;
+}
+.items-center.data-v-d54bd2fc {
+  align-items: center;
+}
+.items-baseline.data-v-d54bd2fc {
+  align-items: baseline;
+}
+.items-stretch.data-v-d54bd2fc {
+  align-items: stretch;
+}
+.self-start.data-v-d54bd2fc {
+  align-self: flex-start;
+}
+.self-end.data-v-d54bd2fc {
+  align-self: flex-end;
+}
+.self-center.data-v-d54bd2fc {
+  align-self: center;
+}
+.self-baseline.data-v-d54bd2fc {
+  align-self: baseline;
+}
+.self-stretch.data-v-d54bd2fc {
+  align-self: stretch;
+}
+.flex-1.data-v-d54bd2fc {
+  flex: 1 1 0%;
+}
+.flex-auto.data-v-d54bd2fc {
+  flex: 1 1 auto;
+}
+.grow.data-v-d54bd2fc {
+  flex-grow: 1;
+}
+.grow-0.data-v-d54bd2fc {
+  flex-grow: 0;
+}
+.shrink.data-v-d54bd2fc {
+  flex-shrink: 1;
+}
+.shrink-0.data-v-d54bd2fc {
+  flex-shrink: 0;
+}
+.relative.data-v-d54bd2fc {
+  position: relative;
+}
+.ml-2.data-v-d54bd2fc {
+  margin-left: 3.75rpx;
+}
+.mt-2.data-v-d54bd2fc {
+  margin-top: 3.75rpx;
+}
+.ml-4.data-v-d54bd2fc {
+  margin-left: 7.5rpx;
+}
+.mt-4.data-v-d54bd2fc {
+  margin-top: 7.5rpx;
+}
+.ml-6.data-v-d54bd2fc {
+  margin-left: 11.25rpx;
+}
+.mt-6.data-v-d54bd2fc {
+  margin-top: 11.25rpx;
+}
+.ml-8.data-v-d54bd2fc {
+  margin-left: 15rpx;
+}
+.mt-8.data-v-d54bd2fc {
+  margin-top: 15rpx;
+}
+.ml-10.data-v-d54bd2fc {
+  margin-left: 18.75rpx;
+}
+.mt-10.data-v-d54bd2fc {
+  margin-top: 18.75rpx;
+}
+.ml-12.data-v-d54bd2fc {
+  margin-left: 22.5rpx;
+}
+.mt-12.data-v-d54bd2fc {
+  margin-top: 22.5rpx;
+}
+.ml-14.data-v-d54bd2fc {
+  margin-left: 26.25rpx;
+}
+.mt-14.data-v-d54bd2fc {
+  margin-top: 26.25rpx;
+}
+.ml-16.data-v-d54bd2fc {
+  margin-left: 30rpx;
+}
+.mt-16.data-v-d54bd2fc {
+  margin-top: 30rpx;
+}
+.ml-18.data-v-d54bd2fc {
+  margin-left: 33.75rpx;
+}
+.mt-18.data-v-d54bd2fc {
+  margin-top: 33.75rpx;
+}
+.ml-20.data-v-d54bd2fc {
+  margin-left: 37.5rpx;
+}
+.mt-20.data-v-d54bd2fc {
+  margin-top: 37.5rpx;
+}
+.ml-22.data-v-d54bd2fc {
+  margin-left: 41.25rpx;
+}
+.mt-22.data-v-d54bd2fc {
+  margin-top: 41.25rpx;
+}
+.ml-24.data-v-d54bd2fc {
+  margin-left: 45rpx;
+}
+.mt-24.data-v-d54bd2fc {
+  margin-top: 45rpx;
+}
+.ml-26.data-v-d54bd2fc {
+  margin-left: 48.75rpx;
+}
+.mt-26.data-v-d54bd2fc {
+  margin-top: 48.75rpx;
+}
+.ml-28.data-v-d54bd2fc {
+  margin-left: 52.5rpx;
+}
+.mt-28.data-v-d54bd2fc {
+  margin-top: 52.5rpx;
+}
+.ml-30.data-v-d54bd2fc {
+  margin-left: 56.25rpx;
+}
+.mt-30.data-v-d54bd2fc {
+  margin-top: 56.25rpx;
+}
+.ml-32.data-v-d54bd2fc {
+  margin-left: 60rpx;
+}
+.mt-32.data-v-d54bd2fc {
+  margin-top: 60rpx;
+}
+.ml-34.data-v-d54bd2fc {
+  margin-left: 63.75rpx;
+}
+.mt-34.data-v-d54bd2fc {
+  margin-top: 63.75rpx;
+}
+.ml-36.data-v-d54bd2fc {
+  margin-left: 67.5rpx;
+}
+.mt-36.data-v-d54bd2fc {
+  margin-top: 67.5rpx;
+}
+.ml-38.data-v-d54bd2fc {
+  margin-left: 71.25rpx;
+}
+.mt-38.data-v-d54bd2fc {
+  margin-top: 71.25rpx;
+}
+.ml-40.data-v-d54bd2fc {
+  margin-left: 75rpx;
+}
+.mt-40.data-v-d54bd2fc {
+  margin-top: 75rpx;
+}
+.ml-42.data-v-d54bd2fc {
+  margin-left: 78.75rpx;
+}
+.mt-42.data-v-d54bd2fc {
+  margin-top: 78.75rpx;
+}
+.ml-44.data-v-d54bd2fc {
+  margin-left: 82.5rpx;
+}
+.mt-44.data-v-d54bd2fc {
+  margin-top: 82.5rpx;
+}
+.ml-46.data-v-d54bd2fc {
+  margin-left: 86.25rpx;
+}
+.mt-46.data-v-d54bd2fc {
+  margin-top: 86.25rpx;
+}
+.ml-48.data-v-d54bd2fc {
+  margin-left: 90rpx;
+}
+.mt-48.data-v-d54bd2fc {
+  margin-top: 90rpx;
+}
+.ml-50.data-v-d54bd2fc {
+  margin-left: 93.75rpx;
+}
+.mt-50.data-v-d54bd2fc {
+  margin-top: 93.75rpx;
+}
+.ml-52.data-v-d54bd2fc {
+  margin-left: 97.5rpx;
+}
+.mt-52.data-v-d54bd2fc {
+  margin-top: 97.5rpx;
+}
+.ml-54.data-v-d54bd2fc {
+  margin-left: 101.25rpx;
+}
+.mt-54.data-v-d54bd2fc {
+  margin-top: 101.25rpx;
+}
+.ml-56.data-v-d54bd2fc {
+  margin-left: 105rpx;
+}
+.mt-56.data-v-d54bd2fc {
+  margin-top: 105rpx;
+}
+.ml-58.data-v-d54bd2fc {
+  margin-left: 108.75rpx;
+}
+.mt-58.data-v-d54bd2fc {
+  margin-top: 108.75rpx;
+}
+.ml-60.data-v-d54bd2fc {
+  margin-left: 112.5rpx;
+}
+.mt-60.data-v-d54bd2fc {
+  margin-top: 112.5rpx;
+}
+.ml-62.data-v-d54bd2fc {
+  margin-left: 116.25rpx;
+}
+.mt-62.data-v-d54bd2fc {
+  margin-top: 116.25rpx;
+}
+.ml-64.data-v-d54bd2fc {
+  margin-left: 120rpx;
+}
+.mt-64.data-v-d54bd2fc {
+  margin-top: 120rpx;
+}
+.ml-66.data-v-d54bd2fc {
+  margin-left: 123.75rpx;
+}
+.mt-66.data-v-d54bd2fc {
+  margin-top: 123.75rpx;
+}
+.ml-68.data-v-d54bd2fc {
+  margin-left: 127.5rpx;
+}
+.mt-68.data-v-d54bd2fc {
+  margin-top: 127.5rpx;
+}
+.ml-70.data-v-d54bd2fc {
+  margin-left: 131.25rpx;
+}
+.mt-70.data-v-d54bd2fc {
+  margin-top: 131.25rpx;
+}
+.ml-72.data-v-d54bd2fc {
+  margin-left: 135rpx;
+}
+.mt-72.data-v-d54bd2fc {
+  margin-top: 135rpx;
+}
+.ml-74.data-v-d54bd2fc {
+  margin-left: 138.75rpx;
+}
+.mt-74.data-v-d54bd2fc {
+  margin-top: 138.75rpx;
+}
+.ml-76.data-v-d54bd2fc {
+  margin-left: 142.5rpx;
+}
+.mt-76.data-v-d54bd2fc {
+  margin-top: 142.5rpx;
+}
+.ml-78.data-v-d54bd2fc {
+  margin-left: 146.25rpx;
+}
+.mt-78.data-v-d54bd2fc {
+  margin-top: 146.25rpx;
+}
+.ml-80.data-v-d54bd2fc {
+  margin-left: 150rpx;
+}
+.mt-80.data-v-d54bd2fc {
+  margin-top: 150rpx;
+}
+.ml-82.data-v-d54bd2fc {
+  margin-left: 153.75rpx;
+}
+.mt-82.data-v-d54bd2fc {
+  margin-top: 153.75rpx;
+}
+.ml-84.data-v-d54bd2fc {
+  margin-left: 157.5rpx;
+}
+.mt-84.data-v-d54bd2fc {
+  margin-top: 157.5rpx;
+}
+.ml-86.data-v-d54bd2fc {
+  margin-left: 161.25rpx;
+}
+.mt-86.data-v-d54bd2fc {
+  margin-top: 161.25rpx;
+}
+.ml-88.data-v-d54bd2fc {
+  margin-left: 165rpx;
+}
+.mt-88.data-v-d54bd2fc {
+  margin-top: 165rpx;
+}
+.ml-90.data-v-d54bd2fc {
+  margin-left: 168.75rpx;
+}
+.mt-90.data-v-d54bd2fc {
+  margin-top: 168.75rpx;
+}
+.ml-92.data-v-d54bd2fc {
+  margin-left: 172.5rpx;
+}
+.mt-92.data-v-d54bd2fc {
+  margin-top: 172.5rpx;
+}
+.ml-94.data-v-d54bd2fc {
+  margin-left: 176.25rpx;
+}
+.mt-94.data-v-d54bd2fc {
+  margin-top: 176.25rpx;
+}
+.ml-96.data-v-d54bd2fc {
+  margin-left: 180rpx;
+}
+.mt-96.data-v-d54bd2fc {
+  margin-top: 180rpx;
+}
+.ml-98.data-v-d54bd2fc {
+  margin-left: 183.75rpx;
+}
+.mt-98.data-v-d54bd2fc {
+  margin-top: 183.75rpx;
+}
+.ml-100.data-v-d54bd2fc {
+  margin-left: 187.5rpx;
+}
+.mt-100.data-v-d54bd2fc {
+  margin-top: 187.5rpx;
+}
+.ml-19.data-v-d54bd2fc {
+  margin-left: 35.63rpx;
+}
+.mt-11.data-v-d54bd2fc {
+  margin-top: 20.63rpx;
+}
+.page.data-v-d54bd2fc {
+  background-color: #ffffff;
+  height: 100%;
+  width: 100%;
+  overflow-y: auto;
+  overflow-x: hidden;
+}
+.section.data-v-d54bd2fc {
+  padding-top: 22.5rpx;
+  background-color: #f5f5dc;
+}
+.group.data-v-d54bd2fc {
+  padding: 0 16.88rpx;
+}
+.section_2.data-v-d54bd2fc {
+  padding: 37.5rpx 41.25rpx 30rpx;
+  background-color: #f3fff3;
+  border-radius: 18.75rpx 18.75rpx 0rpx 0rpx;
+}
+.font.data-v-d54bd2fc {
+  font-size: 30rpx;
+  font-family: Open Sans;
+  line-height: 27.71rpx;
+}
+.text.data-v-d54bd2fc {
+  color: #323232;
+}
+.font_3.data-v-d54bd2fc {
+  font-size: 22.5rpx;
+  font-family: Open Sans;
+  line-height: 22.5rpx;
+  color: #323232;
+}
+.text_3.data-v-d54bd2fc {
+  margin-top: 22.5rpx;
+  line-height: 20.79rpx;
+}
+.group_2.data-v-d54bd2fc {
+  margin-top: 15rpx;
+  padding: 0 22.5rpx;
+}
+.font_2.data-v-d54bd2fc {
+  font-size: 22.5rpx;
+  font-family: Open Sans;
+  line-height: 26.25rpx;
+  color: #696969;
+}
+.text_2.data-v-d54bd2fc {
+  line-height: 21.36rpx;
+}
+.text_4.data-v-d54bd2fc {
+  margin-top: 26.25rpx;
+  line-height: 20.77rpx;
+}
+.group_3.data-v-d54bd2fc {
+  margin-top: 15rpx;
+  padding: 0 24.38rpx;
+}
+.image.data-v-d54bd2fc {
+  width: 127.5rpx;
+  height: 127.5rpx;
+}
+.pos.data-v-d54bd2fc {
+  position: absolute;
+  right: 0;
+  bottom: 13.13rpx;
+}
+.section_3.data-v-d54bd2fc {
+  padding: 37.5rpx 30rpx 52.5rpx;
+  background-color: #fffef8;
+  border-radius: 18.75rpx;
+}
+.text_5.data-v-d54bd2fc {
+  color: #000000;
+}
+.list-item.data-v-d54bd2fc {
+  padding: 22.5rpx;
+  background-color: #fff3c3;
+  border-radius: 9.38rpx;
+}
+.list-item.data-v-d54bd2fc:first-child {
+  margin-top: 0;
+}
+.image_3.data-v-d54bd2fc {
+  border-radius: 9.38rpx;
+  width: 148.13rpx;
+  height: 165rpx;
+}
+.group_4.data-v-d54bd2fc {
+  padding: 0 3.75rpx;
+}
+.font_4.data-v-d54bd2fc {
+  font-size: 18.75rpx;
+  font-family: Open Sans;
+  line-height: 17.44rpx;
+  color: #323232;
+}
+.image_2.data-v-d54bd2fc {
+  width: 15rpx;
+  height: 15rpx;
+}
+.font_5.data-v-d54bd2fc {
+  font-size: 26.25rpx;
+  font-family: Open Sans;
+  line-height: 22.5rpx;
+  color: #323232;
+}
+.text_6.data-v-d54bd2fc {
+  margin-top: 15rpx;
+  line-height: 24.23rpx;
+}
+.group_5.data-v-d54bd2fc {
+  margin-top: 11.25rpx;
+  line-height: 22.5rpx;
+}
+.font_7.data-v-d54bd2fc {
+  font-size: 18.75rpx;
+  font-family: Open Sans;
+  line-height: 22.5rpx;
+  color: #323232;
+}
+.font_6.data-v-d54bd2fc {
+  font-size: 18.75rpx;
+  font-family: Open Sans;
+  line-height: 22.5rpx;
+  color: #828282;
+}
+.font_8.data-v-d54bd2fc {
+  font-size: 33.75rpx;
+  font-family: Times New Roman;
+  line-height: 24.73rpx;
+  color: #ff3c3c;
+}
+.section_4.data-v-d54bd2fc {
+  padding: 15rpx 0;
+  background-color: #ffc470;
+  width: 118.13rpx;
+  height: 114.38rpx;
+}
+.image_4.data-v-d54bd2fc {
+  width: 52.5rpx;
+  height: 52.5rpx;
+}
+.text_8.data-v-d54bd2fc {
+  color: #fffef8;
+  font-size: 26.25rpx;
+  font-family: Inter;
+  line-height: 24.17rpx;
+}
+.section_5.data-v-d54bd2fc {
+  padding: 15rpx 0;
+  background-color: #fffef8;
+  height: 114.38rpx;
+}
+.text-wrapper.data-v-d54bd2fc {
+  margin-right: 20.63rpx;
+  padding: 26.25rpx 0;
+  background-color: #fbb612;
+  border-radius: 75rpx;
+  width: 457.5rpx;
+}
+.text_7.data-v-d54bd2fc {
+  color: #ffffff;
+  font-size: 30rpx;
+  font-family: Inter;
+  line-height: 27.86rpx;
+}
\ No newline at end of file
diff --git a/unpackage/dist/dev/mp-weixin/pages/booking/bookingpay/bookingpay.js b/unpackage/dist/dev/mp-weixin/pages/booking/bookingpay/bookingpay.js
new file mode 100644
index 0000000..aa1bc8b
--- /dev/null
+++ b/unpackage/dist/dev/mp-weixin/pages/booking/bookingpay/bookingpay.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-1d20d48c"], ["__file", "D:/jiangchengfeiyi-xiaochengxu/pages/booking/bookingpay/bookingpay.vue"]]);
+wx.createPage(MiniProgramPage);
diff --git a/unpackage/dist/dev/mp-weixin/pages/booking/bookingpay/bookingpay.json b/unpackage/dist/dev/mp-weixin/pages/booking/bookingpay/bookingpay.json
new file mode 100644
index 0000000..a0812ee
--- /dev/null
+++ b/unpackage/dist/dev/mp-weixin/pages/booking/bookingpay/bookingpay.json
@@ -0,0 +1,4 @@
+{
+  "navigationBarTitleText": "",
+  "usingComponents": {}
+}
\ No newline at end of file
diff --git a/unpackage/dist/dev/mp-weixin/pages/booking/bookingpay/bookingpay.wxml b/unpackage/dist/dev/mp-weixin/pages/booking/bookingpay/bookingpay.wxml
new file mode 100644
index 0000000..e487e77
--- /dev/null
+++ b/unpackage/dist/dev/mp-weixin/pages/booking/bookingpay/bookingpay.wxml
@@ -0,0 +1 @@
+<view class="flex-col justify-start page data-v-1d20d48c"><view class="flex-col section data-v-1d20d48c"><view class="flex-col justify-start items-start relative group data-v-1d20d48c"><view class="section_2 data-v-1d20d48c"></view><text class="font text pos data-v-1d20d48c">填写预约信息</text><view class="flex-col section_3 pos_2 data-v-1d20d48c"><view class="flex-row justify-between items-center group_2 data-v-1d20d48c"><view class="flex-row items-center data-v-1d20d48c"><image class="shrink-0 image data-v-1d20d48c" src="https://ide.code.fun/api/image?token=6714723d38a7c1001587fbb0&name=bb513bb96b7e8c5705f06c4bfc640618.png"/><text class="font_2 ml-7 data-v-1d20d48c">联系人：张三</text><text class="font_2 ml-7 data-v-1d20d48c">15888610253</text></view><image class="image_2 data-v-1d20d48c" src="https://ide.code.fun/api/image?token=6714723d38a7c1001587fbb0&name=6a472e2ad5dc2aec534bd3b852a38986.png"/></view><view class="flex-row justify-between items-center group_3 data-v-1d20d48c"><view class="flex-row items-center data-v-1d20d48c"><image class="image data-v-1d20d48c" src="https://ide.code.fun/api/image?token=6714723d38a7c1001587fbb0&name=62c3ebe2e0dfac0ba2ddec26fdcb54ec.png"/><view class="flex-col items-start ml-9 data-v-1d20d48c"><text class="font_3 data-v-1d20d48c">到店日期：2024-10-15</text><text class="mt-2 font_3 data-v-1d20d48c">具体场次：上午场（09:30-12:00）</text></view></view><image class="image_2 data-v-1d20d48c" src="https://ide.code.fun/api/image?token=6714723d38a7c1001587fbb0&name=6a472e2ad5dc2aec534bd3b852a38986.png"/></view></view></view><view class="flex-col group_4 data-v-1d20d48c"><view class="flex-col self-stretch data-v-1d20d48c"><text class="self-start font text_2 data-v-1d20d48c">选择预约类别</text><view class="mt-14 flex-col justify-start self-stretch section_4 data-v-1d20d48c"><view class="flex-row equal-division data-v-1d20d48c"><view class="flex-col items-center section_5 equal-division-item data-v-1d20d48c"><image class="image_3 data-v-1d20d48c" src="https://ide.code.fun/api/image?token=6714723d38a7c1001587fbb0&name=b5db39327852641a550d033d1026764f.png"/><text class="font_4 text_3 mt-11 data-v-1d20d48c">租赁服装</text></view><view class="flex-col items-center section_6 equal-division-item ml-23 data-v-1d20d48c"><image class="image_3 data-v-1d20d48c" src="https://ide.code.fun/api/image?token=6714723d38a7c1001587fbb0&name=ee3cc136b2309fda20df9a345ce1ef05.png"/><text class="font_4 text_3 text_4 data-v-1d20d48c">自带服装</text><view class="section_7 pos_3 data-v-1d20d48c"></view></view></view></view></view><text class="self-start font text_5 mt-23 data-v-1d20d48c">提供免费的服务</text></view><view class="flex-col section_8 data-v-1d20d48c"><view class="flex-row items-center section_9 data-v-1d20d48c"><image class="shrink-0 image_4 data-v-1d20d48c" src="https://ide.code.fun/api/image?token=6714723d38a7c1001587fbb0&name=0ee5b9f55ce6aef46d889234d99afe33.png"/><view class="flex-col flex-1 ml-7 data-v-1d20d48c"><text class="self-start font_2 text_6 data-v-1d20d48c">妆发服务</text><text class="mt-6 self-stretch font_5 data-v-1d20d48c"> 包括底妆、眉毛、眼妆、腮红和唇妆，根据您的肤色和服装风格进行个性化设计。 </text><text class="mt-6 self-stretch font_5 data-v-1d20d48c"> 根据您的脸型和服装风格，提供合适的发型设计，包括但不限于编发、盘发、吹风造型等。 </text></view></view><view class="flex-row items-center section_10 data-v-1d20d48c"><image class="shrink-0 image_4 data-v-1d20d48c" src="https://ide.code.fun/api/image?token=6714723d38a7c1001587fbb0&name=e853d682e2b7bbba7c02051808f75a0b.png"/><view class="flex-col flex-1 ml-7 data-v-1d20d48c"><text class="self-start font_2 text_7 data-v-1d20d48c">摄影服务</text><text class="mt-6 self-stretch font_5 data-v-1d20d48c"> 提供专业的摄影棚和灯光设备，为客户打造舒适的拍摄环境。 <view class="data-v-1d20d48c"/></text><text class="mt-6 self-stretch font_5 data-v-1d20d48c"> 拍摄完成后，摄影师将精选照片进行后期处理，包括色彩调整、亮度优化、瑕疵去除等。 </text></view></view><view class="divider data-v-1d20d48c"></view><view class="flex-row section_11 data-v-1d20d48c"><image class="shrink-0 self-center image_5 data-v-1d20d48c" src="https://ide.code.fun/api/image?token=6714723d38a7c1001587fbb0&name=ca917a0e9fb6b228f113a8850988a754.png"/><view class="flex-col shrink-0 self-start group_5 data-v-1d20d48c"><text class="self-start font_2 text_8 data-v-1d20d48c">联系客服</text><text class="mt-10 self-stretch font_5 data-v-1d20d48c">请提供详细的问题描述，以便我们更快地为您解决问题。</text></view><image class="shrink-0 self-center image image_6 data-v-1d20d48c" src="https://ide.code.fun/api/image?token=6714723d38a7c1001587fbb0&name=a36c51a83d47fe9c04ecc0b3af4443ad.png"/></view><view class="flex-row justify-center items-center group_6 data-v-1d20d48c"><image class="image_7 data-v-1d20d48c" src="https://ide.code.fun/api/image?token=6714723d38a7c1001587fbb0&name=7857ecaca482cebbdd382382920634a0.png"/><text class="ml-4 font_5 text_9 data-v-1d20d48c">预约须知</text></view></view><view class="flex-row items-center section_12 data-v-1d20d48c"><view class="flex-row items-center shrink-0 group_7 data-v-1d20d48c"><view class="flex-col justify-start items-start shrink-0 relative data-v-1d20d48c"><text class="text_10 data-v-1d20d48c">预约费用：</text></view><text class="text_11 data-v-1d20d48c">￥88.</text><text class="text_13 data-v-1d20d48c">00</text></view><view class="flex-row items-center flex-1 ml-51 data-v-1d20d48c"><view class="flex-row shrink-0 section_13 data-v-1d20d48c"><text class="text_14 data-v-1d20d48c">费用说明</text><image class="shrink-0 image_8 ml-3 data-v-1d20d48c" src="https://ide.code.fun/api/image?token=6714723d38a7c1001587fbb0&name=1a5714d6e445a76940d6217416bffd25.png"/></view><view class="ml-10 flex-col justify-start items-center flex-1 text-wrapper data-v-1d20d48c"><text class="font_4 text_12 data-v-1d20d48c">确定预约</text></view></view></view></view></view>
\ No newline at end of file
diff --git a/unpackage/dist/dev/mp-weixin/pages/booking/bookingpay/bookingpay.wxss b/unpackage/dist/dev/mp-weixin/pages/booking/bookingpay/bookingpay.wxss
new file mode 100644
index 0000000..5bc8f4c
--- /dev/null
+++ b/unpackage/dist/dev/mp-weixin/pages/booking/bookingpay/bookingpay.wxss
@@ -0,0 +1,693 @@
+/* 水平间距 */
+/* 水平间距 */
+/************************************************************
+** 请将全局样式拷贝到项目的全局 CSS 文件或者当前页面的顶部 **
+** 否则页面将无法正常显示                                  **
+************************************************************/
+html.data-v-1d20d48c {
+  font-size: 16px;
+}
+body.data-v-1d20d48c {
+  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-1d20d48c,
+image.data-v-1d20d48c,
+text.data-v-1d20d48c {
+  box-sizing: border-box;
+  flex-shrink: 0;
+}
+#app.data-v-1d20d48c {
+  width: 100vw;
+  height: 100vh;
+}
+.flex-row.data-v-1d20d48c {
+  display: flex;
+  flex-direction: row;
+}
+.flex-col.data-v-1d20d48c {
+  display: flex;
+  flex-direction: column;
+}
+.justify-start.data-v-1d20d48c {
+  justify-content: flex-start;
+}
+.justify-end.data-v-1d20d48c {
+  justify-content: flex-end;
+}
+.justify-center.data-v-1d20d48c {
+  justify-content: center;
+}
+.justify-between.data-v-1d20d48c {
+  justify-content: space-between;
+}
+.justify-around.data-v-1d20d48c {
+  justify-content: space-around;
+}
+.justify-evenly.data-v-1d20d48c {
+  justify-content: space-evenly;
+}
+.items-start.data-v-1d20d48c {
+  align-items: flex-start;
+}
+.items-end.data-v-1d20d48c {
+  align-items: flex-end;
+}
+.items-center.data-v-1d20d48c {
+  align-items: center;
+}
+.items-baseline.data-v-1d20d48c {
+  align-items: baseline;
+}
+.items-stretch.data-v-1d20d48c {
+  align-items: stretch;
+}
+.self-start.data-v-1d20d48c {
+  align-self: flex-start;
+}
+.self-end.data-v-1d20d48c {
+  align-self: flex-end;
+}
+.self-center.data-v-1d20d48c {
+  align-self: center;
+}
+.self-baseline.data-v-1d20d48c {
+  align-self: baseline;
+}
+.self-stretch.data-v-1d20d48c {
+  align-self: stretch;
+}
+.flex-1.data-v-1d20d48c {
+  flex: 1 1 0%;
+}
+.flex-auto.data-v-1d20d48c {
+  flex: 1 1 auto;
+}
+.grow.data-v-1d20d48c {
+  flex-grow: 1;
+}
+.grow-0.data-v-1d20d48c {
+  flex-grow: 0;
+}
+.shrink.data-v-1d20d48c {
+  flex-shrink: 1;
+}
+.shrink-0.data-v-1d20d48c {
+  flex-shrink: 0;
+}
+.relative.data-v-1d20d48c {
+  position: relative;
+}
+.ml-2.data-v-1d20d48c {
+  margin-left: 3.75rpx;
+}
+.mt-2.data-v-1d20d48c {
+  margin-top: 3.75rpx;
+}
+.ml-4.data-v-1d20d48c {
+  margin-left: 7.5rpx;
+}
+.mt-4.data-v-1d20d48c {
+  margin-top: 7.5rpx;
+}
+.ml-6.data-v-1d20d48c {
+  margin-left: 11.25rpx;
+}
+.mt-6.data-v-1d20d48c {
+  margin-top: 11.25rpx;
+}
+.ml-8.data-v-1d20d48c {
+  margin-left: 15rpx;
+}
+.mt-8.data-v-1d20d48c {
+  margin-top: 15rpx;
+}
+.ml-10.data-v-1d20d48c {
+  margin-left: 18.75rpx;
+}
+.mt-10.data-v-1d20d48c {
+  margin-top: 18.75rpx;
+}
+.ml-12.data-v-1d20d48c {
+  margin-left: 22.5rpx;
+}
+.mt-12.data-v-1d20d48c {
+  margin-top: 22.5rpx;
+}
+.ml-14.data-v-1d20d48c {
+  margin-left: 26.25rpx;
+}
+.mt-14.data-v-1d20d48c {
+  margin-top: 26.25rpx;
+}
+.ml-16.data-v-1d20d48c {
+  margin-left: 30rpx;
+}
+.mt-16.data-v-1d20d48c {
+  margin-top: 30rpx;
+}
+.ml-18.data-v-1d20d48c {
+  margin-left: 33.75rpx;
+}
+.mt-18.data-v-1d20d48c {
+  margin-top: 33.75rpx;
+}
+.ml-20.data-v-1d20d48c {
+  margin-left: 37.5rpx;
+}
+.mt-20.data-v-1d20d48c {
+  margin-top: 37.5rpx;
+}
+.ml-22.data-v-1d20d48c {
+  margin-left: 41.25rpx;
+}
+.mt-22.data-v-1d20d48c {
+  margin-top: 41.25rpx;
+}
+.ml-24.data-v-1d20d48c {
+  margin-left: 45rpx;
+}
+.mt-24.data-v-1d20d48c {
+  margin-top: 45rpx;
+}
+.ml-26.data-v-1d20d48c {
+  margin-left: 48.75rpx;
+}
+.mt-26.data-v-1d20d48c {
+  margin-top: 48.75rpx;
+}
+.ml-28.data-v-1d20d48c {
+  margin-left: 52.5rpx;
+}
+.mt-28.data-v-1d20d48c {
+  margin-top: 52.5rpx;
+}
+.ml-30.data-v-1d20d48c {
+  margin-left: 56.25rpx;
+}
+.mt-30.data-v-1d20d48c {
+  margin-top: 56.25rpx;
+}
+.ml-32.data-v-1d20d48c {
+  margin-left: 60rpx;
+}
+.mt-32.data-v-1d20d48c {
+  margin-top: 60rpx;
+}
+.ml-34.data-v-1d20d48c {
+  margin-left: 63.75rpx;
+}
+.mt-34.data-v-1d20d48c {
+  margin-top: 63.75rpx;
+}
+.ml-36.data-v-1d20d48c {
+  margin-left: 67.5rpx;
+}
+.mt-36.data-v-1d20d48c {
+  margin-top: 67.5rpx;
+}
+.ml-38.data-v-1d20d48c {
+  margin-left: 71.25rpx;
+}
+.mt-38.data-v-1d20d48c {
+  margin-top: 71.25rpx;
+}
+.ml-40.data-v-1d20d48c {
+  margin-left: 75rpx;
+}
+.mt-40.data-v-1d20d48c {
+  margin-top: 75rpx;
+}
+.ml-42.data-v-1d20d48c {
+  margin-left: 78.75rpx;
+}
+.mt-42.data-v-1d20d48c {
+  margin-top: 78.75rpx;
+}
+.ml-44.data-v-1d20d48c {
+  margin-left: 82.5rpx;
+}
+.mt-44.data-v-1d20d48c {
+  margin-top: 82.5rpx;
+}
+.ml-46.data-v-1d20d48c {
+  margin-left: 86.25rpx;
+}
+.mt-46.data-v-1d20d48c {
+  margin-top: 86.25rpx;
+}
+.ml-48.data-v-1d20d48c {
+  margin-left: 90rpx;
+}
+.mt-48.data-v-1d20d48c {
+  margin-top: 90rpx;
+}
+.ml-50.data-v-1d20d48c {
+  margin-left: 93.75rpx;
+}
+.mt-50.data-v-1d20d48c {
+  margin-top: 93.75rpx;
+}
+.ml-52.data-v-1d20d48c {
+  margin-left: 97.5rpx;
+}
+.mt-52.data-v-1d20d48c {
+  margin-top: 97.5rpx;
+}
+.ml-54.data-v-1d20d48c {
+  margin-left: 101.25rpx;
+}
+.mt-54.data-v-1d20d48c {
+  margin-top: 101.25rpx;
+}
+.ml-56.data-v-1d20d48c {
+  margin-left: 105rpx;
+}
+.mt-56.data-v-1d20d48c {
+  margin-top: 105rpx;
+}
+.ml-58.data-v-1d20d48c {
+  margin-left: 108.75rpx;
+}
+.mt-58.data-v-1d20d48c {
+  margin-top: 108.75rpx;
+}
+.ml-60.data-v-1d20d48c {
+  margin-left: 112.5rpx;
+}
+.mt-60.data-v-1d20d48c {
+  margin-top: 112.5rpx;
+}
+.ml-62.data-v-1d20d48c {
+  margin-left: 116.25rpx;
+}
+.mt-62.data-v-1d20d48c {
+  margin-top: 116.25rpx;
+}
+.ml-64.data-v-1d20d48c {
+  margin-left: 120rpx;
+}
+.mt-64.data-v-1d20d48c {
+  margin-top: 120rpx;
+}
+.ml-66.data-v-1d20d48c {
+  margin-left: 123.75rpx;
+}
+.mt-66.data-v-1d20d48c {
+  margin-top: 123.75rpx;
+}
+.ml-68.data-v-1d20d48c {
+  margin-left: 127.5rpx;
+}
+.mt-68.data-v-1d20d48c {
+  margin-top: 127.5rpx;
+}
+.ml-70.data-v-1d20d48c {
+  margin-left: 131.25rpx;
+}
+.mt-70.data-v-1d20d48c {
+  margin-top: 131.25rpx;
+}
+.ml-72.data-v-1d20d48c {
+  margin-left: 135rpx;
+}
+.mt-72.data-v-1d20d48c {
+  margin-top: 135rpx;
+}
+.ml-74.data-v-1d20d48c {
+  margin-left: 138.75rpx;
+}
+.mt-74.data-v-1d20d48c {
+  margin-top: 138.75rpx;
+}
+.ml-76.data-v-1d20d48c {
+  margin-left: 142.5rpx;
+}
+.mt-76.data-v-1d20d48c {
+  margin-top: 142.5rpx;
+}
+.ml-78.data-v-1d20d48c {
+  margin-left: 146.25rpx;
+}
+.mt-78.data-v-1d20d48c {
+  margin-top: 146.25rpx;
+}
+.ml-80.data-v-1d20d48c {
+  margin-left: 150rpx;
+}
+.mt-80.data-v-1d20d48c {
+  margin-top: 150rpx;
+}
+.ml-82.data-v-1d20d48c {
+  margin-left: 153.75rpx;
+}
+.mt-82.data-v-1d20d48c {
+  margin-top: 153.75rpx;
+}
+.ml-84.data-v-1d20d48c {
+  margin-left: 157.5rpx;
+}
+.mt-84.data-v-1d20d48c {
+  margin-top: 157.5rpx;
+}
+.ml-86.data-v-1d20d48c {
+  margin-left: 161.25rpx;
+}
+.mt-86.data-v-1d20d48c {
+  margin-top: 161.25rpx;
+}
+.ml-88.data-v-1d20d48c {
+  margin-left: 165rpx;
+}
+.mt-88.data-v-1d20d48c {
+  margin-top: 165rpx;
+}
+.ml-90.data-v-1d20d48c {
+  margin-left: 168.75rpx;
+}
+.mt-90.data-v-1d20d48c {
+  margin-top: 168.75rpx;
+}
+.ml-92.data-v-1d20d48c {
+  margin-left: 172.5rpx;
+}
+.mt-92.data-v-1d20d48c {
+  margin-top: 172.5rpx;
+}
+.ml-94.data-v-1d20d48c {
+  margin-left: 176.25rpx;
+}
+.mt-94.data-v-1d20d48c {
+  margin-top: 176.25rpx;
+}
+.ml-96.data-v-1d20d48c {
+  margin-left: 180rpx;
+}
+.mt-96.data-v-1d20d48c {
+  margin-top: 180rpx;
+}
+.ml-98.data-v-1d20d48c {
+  margin-left: 183.75rpx;
+}
+.mt-98.data-v-1d20d48c {
+  margin-top: 183.75rpx;
+}
+.ml-100.data-v-1d20d48c {
+  margin-left: 187.5rpx;
+}
+.mt-100.data-v-1d20d48c {
+  margin-top: 187.5rpx;
+}
+.ml-7.data-v-1d20d48c {
+  margin-left: 13.13rpx;
+}
+.ml-9.data-v-1d20d48c {
+  margin-left: 16.88rpx;
+}
+.mt-11.data-v-1d20d48c {
+  margin-top: 20.63rpx;
+}
+.ml-23.data-v-1d20d48c {
+  margin-left: 43.13rpx;
+}
+.mt-23.data-v-1d20d48c {
+  margin-top: 43.13rpx;
+}
+.ml-51.data-v-1d20d48c {
+  margin-left: 95.63rpx;
+}
+.ml-3.data-v-1d20d48c {
+  margin-left: 5.63rpx;
+}
+.page.data-v-1d20d48c {
+  background-color: #ffffff;
+  height: 100%;
+  width: 100%;
+  overflow-y: auto;
+  overflow-x: hidden;
+}
+.section.data-v-1d20d48c {
+  padding-top: 45rpx;
+  background-color: #f5f5dc;
+}
+.group.data-v-1d20d48c {
+  padding-top: 11.25rpx;
+}
+.section_2.data-v-1d20d48c {
+  margin-left: 71.25rpx;
+  background-color: #ffffff00;
+  border-radius: 18.75rpx;
+  width: 281.25rpx;
+  height: 281.25rpx;
+}
+.font.data-v-1d20d48c {
+  font-size: 30rpx;
+  font-family: Open Sans;
+  line-height: 26.25rpx;
+  color: #323232;
+}
+.text.data-v-1d20d48c {
+  line-height: 27.96rpx;
+}
+.pos.data-v-1d20d48c {
+  position: absolute;
+  left: 21.62rpx;
+  top: 0;
+}
+.section_3.data-v-1d20d48c {
+  padding-left: 33.75rpx;
+  padding-right: 28.13rpx;
+  background-color: #fffef8;
+  border-radius: 18.75rpx;
+}
+.pos_2.data-v-1d20d48c {
+  position: absolute;
+  left: 20.63rpx;
+  right: 20.63rpx;
+  top: 53.63rpx;
+}
+.group_2.data-v-1d20d48c {
+  padding: 31.88rpx 0 15rpx;
+  border-bottom: solid 1.88rpx #e2e0e0;
+}
+.image.data-v-1d20d48c {
+  width: 43.13rpx;
+  height: 43.13rpx;
+}
+.font_2.data-v-1d20d48c {
+  font-size: 26.25rpx;
+  font-family: Open Sans;
+  line-height: 24rpx;
+  color: #323232;
+}
+.image_2.data-v-1d20d48c {
+  width: 33.75rpx;
+  height: 33.75rpx;
+}
+.group_3.data-v-1d20d48c {
+  padding: 22.5rpx 0 37.5rpx;
+}
+.font_3.data-v-1d20d48c {
+  font-size: 26.25rpx;
+  font-family: Open Sans;
+  line-height: 31.88rpx;
+  color: #323232;
+}
+.group_4.data-v-1d20d48c {
+  margin-top: 26.25rpx;
+  padding: 0 30rpx;
+}
+.text_2.data-v-1d20d48c {
+  line-height: 27.69rpx;
+}
+.section_4.data-v-1d20d48c {
+  padding: 31.88rpx 0;
+  background-color: #fffef8;
+  border-radius: 18.75rpx;
+}
+.equal-division.data-v-1d20d48c {
+  margin: 0 41.25rpx;
+}
+.section_5.data-v-1d20d48c {
+  flex: 1 1 281.25rpx;
+}
+.image_3.data-v-1d20d48c {
+  width: 159.99rpx;
+  height: 159.99rpx;
+}
+.font_4.data-v-1d20d48c {
+  font-size: 30rpx;
+  font-family: Inter;
+  line-height: 26.25rpx;
+  color: #323232;
+}
+.text_3.data-v-1d20d48c {
+  line-height: 27.75rpx;
+}
+.section_6.data-v-1d20d48c {
+  position: relative;
+  flex: 1 1 281.25rpx;
+}
+.equal-division-item.data-v-1d20d48c {
+  padding: 30rpx 0 41.25rpx;
+  background-color: #fff291;
+  border-radius: 18.75rpx;
+  height: 281.25rpx;
+}
+.text_4.data-v-1d20d48c {
+  margin-top: 18.75rpx;
+}
+.section_7.data-v-1d20d48c {
+  background-color: #ffffff99;
+  border-radius: 18.75rpx;
+  width: 281.25rpx;
+  height: 281.25rpx;
+}
+.pos_3.data-v-1d20d48c {
+  position: absolute;
+  left: 0;
+  right: 0;
+  top: 0;
+  bottom: 0;
+}
+.text_5.data-v-1d20d48c {
+  line-height: 27.79rpx;
+}
+.section_8.data-v-1d20d48c {
+  margin: 26.25rpx 0 100rpx 0;
+  padding: 28.13rpx 24.38rpx 0;
+  background-color: #fff3c3;
+}
+.section_9.data-v-1d20d48c {
+  margin: 0 7.5rpx;
+  padding: 33.75rpx 30rpx 26.25rpx;
+  background-color: #fffef8;
+  border-radius: 18.75rpx;
+}
+.image_4.data-v-1d20d48c {
+  border-radius: 9.38rpx;
+  width: 129.38rpx;
+  height: 166.88rpx;
+}
+.text_6.data-v-1d20d48c {
+  line-height: 24.3rpx;
+}
+.section_10.data-v-1d20d48c {
+  margin: 18.75rpx 7.5rpx 0;
+  padding: 30rpx;
+  background-color: #fffef8;
+  border-radius: 18.75rpx;
+}
+.text_7.data-v-1d20d48c {
+  line-height: 24.23rpx;
+}
+.divider.data-v-1d20d48c {
+  margin-top: 39.38rpx;
+  background-color: #e3e3e3;
+  height: 1.88rpx;
+}
+.section_11.data-v-1d20d48c {
+  margin: 31.88rpx 7.5rpx 0;
+  padding: 15rpx 26.25rpx;
+  background-color: #fffef8;
+  border-radius: 18.75rpx;
+}
+.image_5.data-v-1d20d48c {
+  border-radius: 9.38rpx;
+  width: 93.75rpx;
+  height: 118.13rpx;
+}
+.group_5.data-v-1d20d48c {
+  margin-left: 22.5rpx;
+  margin-top: 15rpx;
+  width: 405rpx;
+}
+.text_8.data-v-1d20d48c {
+  line-height: 24.36rpx;
+}
+.image_6.data-v-1d20d48c {
+  margin-left: 48.75rpx;
+}
+.group_6.data-v-1d20d48c {
+  margin-top: 37.5rpx;
+  padding: 22.5rpx 0;
+}
+.image_7.data-v-1d20d48c {
+  width: 28.13rpx;
+  height: 28.13rpx;
+}
+.font_5.data-v-1d20d48c {
+  font-size: 22.5rpx;
+  font-family: Open Sans;
+  line-height: 26.25rpx;
+  color: #898989;
+}
+.text_9.data-v-1d20d48c {
+  color: #000000;
+  line-height: 20.77rpx;
+}
+.section_12.data-v-1d20d48c {
+  position: fixed;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  padding: 15rpx 22.5rpx;
+  background-color: #fffef8;
+}
+.group_7.data-v-1d20d48c {
+  width: 236.23rpx;
+}
+.text_10.data-v-1d20d48c {
+  color: #000000;
+  font-size: 26.25rpx;
+  font-family: Inter;
+  line-height: 24.28rpx;
+}
+.pos_4.data-v-1d20d48c {
+  position: absolute;
+  right: 0;
+  bottom: 0;
+}
+.text_11.data-v-1d20d48c {
+  color: #fbb612;
+  font-size: 33.75rpx;
+  font-family: Open Sans;
+  font-weight: 700;
+  line-height: 24.84rpx;
+}
+.text_13.data-v-1d20d48c {
+  color: #fbb612;
+  font-size: 26.25rpx;
+  font-family: Open Sans;
+  font-weight: 700;
+  line-height: 19.29rpx;
+}
+.section_13.data-v-1d20d48c {
+  padding: 9.38rpx 11.25rpx;
+  background-color: #d9d9d9;
+  border-radius: 9.38rpx;
+  height: 37.5rpx;
+}
+.text_14.data-v-1d20d48c {
+  color: #323232;
+  font-size: 18.75rpx;
+  font-family: Inter;
+  line-height: 17.36rpx;
+}
+.image_8.data-v-1d20d48c {
+  width: 18.75rpx;
+  height: 18.75rpx;
+}
+.text-wrapper.data-v-1d20d48c {
+  padding: 26.25rpx 0;
+  background-color: #fbb612;
+  border-radius: 75rpx;
+  height: 82.5rpx;
+}
+.text_12.data-v-1d20d48c {
+  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
index dd67dc4..995a8f4 100644
--- a/unpackage/dist/dev/mp-weixin/pages/booking/date.js
+++ b/unpackage/dist/dev/mp-weixin/pages/booking/date.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-f815bf4c"]]);
+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/respectable/respectable.js b/unpackage/dist/dev/mp-weixin/pages/booking/respectable/respectable.js
index c949b40..61de849 100644
--- a/unpackage/dist/dev/mp-weixin/pages/booking/respectable/respectable.js
+++ b/unpackage/dist/dev/mp-weixin/pages/booking/respectable/respectable.js
@@ -1,14 +1,25 @@
 "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) => {
+const _sfc_main = {
+  __name: "respectable",
+  setup(__props) {
+    const fuzhuang = common_vendor.ref([null, null, null, null, null, null]);
+    const jump_xuzhi = () => {
+      common_vendor.index.navigateTo({
+        url: "../../../pages/booking/BillingOfFees/BillingOfFees"
+      });
+    };
+    return (_ctx, _cache) => {
       return {
-        a: index
+        a: common_vendor.f(fuzhuang.value, (item, index, i0) => {
+          return {
+            a: index
+          };
+        }),
+        b: common_vendor.o(jump_xuzhi)
       };
-    })
-  };
-}
-const MiniProgramPage = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-cad4fb76"]]);
+    };
+  }
+};
+const MiniProgramPage = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["__scopeId", "data-v-cad4fb76"], ["__file", "D:/jiangchengfeiyi-xiaochengxu/pages/booking/respectable/respectable.vue"]]);
 wx.createPage(MiniProgramPage);
diff --git a/unpackage/dist/dev/mp-weixin/pages/booking/respectable/respectable.wxml b/unpackage/dist/dev/mp-weixin/pages/booking/respectable/respectable.wxml
index a80186a..1f1780c 100644
--- a/unpackage/dist/dev/mp-weixin/pages/booking/respectable/respectable.wxml
+++ b/unpackage/dist/dev/mp-weixin/pages/booking/respectable/respectable.wxml
@@ -1 +1 @@
-<view class="flex-col justify-start page data-v-cad4fb76"><view class="flex-col section data-v-cad4fb76"><view class="flex-col group data-v-cad4fb76"><view class="flex-col relative section_2 data-v-cad4fb76"><view class="flex-row items-baseline self-stretch data-v-cad4fb76"><text class="font text data-v-cad4fb76">尊贵体验</text><text class="ml-20 font_2 text_2 data-v-cad4fb76">非遗匠心独运，奢华专属定制</text></view><text class="self-start font_2 text_3 data-v-cad4fb76">服装特点</text><view class="flex-col items-start self-stretch group_2 data-v-cad4fb76"><text class="font_3 data-v-cad4fb76">提供限量版或定制款汉服，如宫廷风格龙袍、凤冠霞帔等。</text><text class="mt-2 font_3 data-v-cad4fb76">服装工艺精湛，面料奢华，适合特殊场合或高端体验。</text><text class="mt-2 font_3 data-v-cad4fb76">配饰豪华，尽显尊贵气质。</text></view><text class="self-start font_2 text_4 data-v-cad4fb76">服务内容</text><view class="flex-col items-start self-stretch group_3 data-v-cad4fb76"><text class="font_3 data-v-cad4fb76">定制化妆及发型设计。</text><text class="mt-2 font_3 data-v-cad4fb76">服装租赁服务。</text><text class="mt-2 font_3 data-v-cad4fb76">高端摄影服务（含10张精修照片）。</text></view><image class="image pos data-v-cad4fb76" src="https://ide.code.fun/api/image?token=6711f04f38a7c1001587de59&name=69163dae6ab46641031be77235f6d125.png"/></view><view class="mt-12 flex-col section_3 data-v-cad4fb76"><text class="self-start font text_5 data-v-cad4fb76">服装选择</text><view class="flex-col self-stretch mt-11 data-v-cad4fb76"><view wx:for="{{a}}" wx:for-item="item" wx:key="a" class="flex-row items-center mt-10 list-item data-v-cad4fb76"><image class="shrink-0 image_3 data-v-cad4fb76" src="https://ide.code.fun/api/image?token=6711f04f38a7c1001587de59&name=4748ef7b20ab334729f67d4d6218d790.png"/><view class="flex-col flex-1 ml-11 data-v-cad4fb76"><view class="flex-col self-stretch data-v-cad4fb76"><view class="flex-row justify-end self-stretch group_4 data-v-cad4fb76"><text class="font_4 data-v-cad4fb76">详细信息</text><image class="image_2 data-v-cad4fb76" src="https://ide.code.fun/api/image?token=6711f04f38a7c1001587de59&name=1484e0cc6274180ba7c91cddf1ec833b.png"/></view><text class="self-start font_5 text_6 mt-3 data-v-cad4fb76">龙凤呈祥华丽长袍</text></view><view class="mt-4 self-stretch group_5 data-v-cad4fb76"><text class="font_7 data-v-cad4fb76">服装简介：</text><text class="font_6 data-v-cad4fb76"> 这件京剧服饰色彩鲜艳，以红色和绿色为主色调，配以金色和银色的点缀。它使用了传统的云纹、凤凰和其他吉祥图案，这些图案通过精细的刺绣工艺... </text></view><text class="mt-4 self-end font_8 data-v-cad4fb76">￥550</text></view></view></view></view></view><view class="mt-40 flex-row data-v-cad4fb76"><view class="flex-col items-center shrink-0 section_4 data-v-cad4fb76"><image class="image_4 data-v-cad4fb76" src="https://ide.code.fun/api/image?token=6711f04f38a7c1001587de59&name=4b56fed14a39630ca2312edf6e34c024.png"/><text class="mt-2 text_8 data-v-cad4fb76">客服</text></view><view class="flex-col justify-start items-end flex-1 section_5 data-v-cad4fb76"><view class="flex-col justify-start items-center text-wrapper data-v-cad4fb76"><text class="text_7 data-v-cad4fb76">现在去预约</text></view></view></view></view></view>
\ No newline at end of file
+<view class="flex-col justify-start page data-v-cad4fb76"><view class="flex-col section data-v-cad4fb76"><view class="flex-col group data-v-cad4fb76"><view class="flex-col relative section_2 data-v-cad4fb76"><view class="flex-row items-baseline self-stretch data-v-cad4fb76"><text class="font text data-v-cad4fb76">尊贵体验</text><text class="ml-20 font_2 text_2 data-v-cad4fb76">非遗匠心独运，奢华专属定制</text></view><text class="self-start font_2 text_3 data-v-cad4fb76">服装特点</text><view class="flex-col items-start self-stretch group_2 data-v-cad4fb76"><text class="font_3 data-v-cad4fb76">提供限量版或定制款汉服，如宫廷风格龙袍、凤冠霞帔等。</text><text class="mt-2 font_3 data-v-cad4fb76">服装工艺精湛，面料奢华，适合特殊场合或高端体验。</text><text class="mt-2 font_3 data-v-cad4fb76">配饰豪华，尽显尊贵气质。</text></view><text class="self-start font_2 text_4 data-v-cad4fb76">服务内容</text><view class="flex-col items-start self-stretch group_3 data-v-cad4fb76"><text class="font_3 data-v-cad4fb76">定制化妆及发型设计。</text><text class="mt-2 font_3 data-v-cad4fb76">服装租赁服务。</text><text class="mt-2 font_3 data-v-cad4fb76">高端摄影服务（含10张精修照片）。</text></view><image class="image pos data-v-cad4fb76" src="https://ide.code.fun/api/image?token=6714723d38a7c1001587fbb0&name=a708765f6b985078e3f28954b3fe4dcd.png"/></view><view class="mt-12 flex-col section_3 data-v-cad4fb76"><text class="self-start font text_5 data-v-cad4fb76">服装选择</text><view class="flex-col self-stretch mt-11 data-v-cad4fb76"><view wx:for="{{a}}" wx:for-item="item" wx:key="a" class="flex-row items-center mt-10 list-item data-v-cad4fb76"><image class="shrink-0 image_3 data-v-cad4fb76" src="https://ide.code.fun/api/image?token=6714723d38a7c1001587fbb0&name=91d23f14317358e61b5b6e64919fcf05.png"/><view class="flex-col flex-1 ml-11 data-v-cad4fb76"><view class="flex-col self-stretch data-v-cad4fb76"><view class="flex-row justify-end self-stretch group_4 data-v-cad4fb76"><text class="font_4 data-v-cad4fb76">详细信息</text><image class="image_2 data-v-cad4fb76" src="https://ide.code.fun/api/image?token=6714723d38a7c1001587fbb0&name=9975609994c07321ade6a37bb7864447.png"/></view><text class="self-start font_5 text_6 mt-3 data-v-cad4fb76">龙凤呈祥华丽长袍</text></view><view class="mt-4 self-stretch group_5 data-v-cad4fb76"><text class="font_7 data-v-cad4fb76">服装简介：</text><text class="font_6 data-v-cad4fb76"> 这件京剧服饰色彩鲜艳，以红色和绿色为主色调，配以金色和银色的点缀。它使用了传统的云纹、凤凰和其他吉祥图案，这些图案通过精细的刺绣工艺... </text></view><text class="mt-4 self-end font_8 data-v-cad4fb76">￥550</text></view></view></view></view></view><view class="mt-40 flex-row section6 data-v-cad4fb76"><view class="flex-col items-center shrink-0 section_4 data-v-cad4fb76"><image class="image_4 data-v-cad4fb76" src="https://ide.code.fun/api/image?token=6714723d38a7c1001587fbb0&name=47be6e2fba9a351ce021444d1113200f.png"/><text class="mt-2 text_8 data-v-cad4fb76">客服</text></view><view class="flex-col justify-start items-end flex-1 section_5 data-v-cad4fb76" bindtap="{{b}}"><view class="flex-col justify-start items-center text-wrapper data-v-cad4fb76"><text class="text_7 data-v-cad4fb76">现在去预约</text></view></view></view></view></view>
\ No newline at end of file
diff --git a/unpackage/dist/dev/mp-weixin/pages/booking/respectable/respectable.wxss b/unpackage/dist/dev/mp-weixin/pages/booking/respectable/respectable.wxss
index 8b2337e..1a6cb1c 100644
--- a/unpackage/dist/dev/mp-weixin/pages/booking/respectable/respectable.wxss
+++ b/unpackage/dist/dev/mp-weixin/pages/booking/respectable/respectable.wxss
@@ -411,7 +411,7 @@ text.data-v-cad4fb76 {
   margin-top: 5.63rpx;
 }
 .page.data-v-cad4fb76 {
-  background-color: #ffffff;
+  background-color: #f5f5dc;
   height: 100%;
   width: 100%;
   overflow-y: auto;
@@ -444,7 +444,7 @@ text.data-v-cad4fb76 {
   color: #323232;
 }
 .text_2.data-v-cad4fb76 {
-  color: #8a8a8a;
+  color: #898989;
   line-height: 21.36rpx;
 }
 .text_3.data-v-cad4fb76 {
@@ -482,6 +482,7 @@ text.data-v-cad4fb76 {
   padding: 37.5rpx 30rpx;
   background-color: #fffef8;
   border-radius: 18.75rpx;
+  margin-bottom: 80rpx;
 }
 .text_5.data-v-cad4fb76 {
   color: #000000;
@@ -576,4 +577,12 @@ text.data-v-cad4fb76 {
   font-size: 30rpx;
   font-family: Inter;
   line-height: 27.86rpx;
+}
+.section6.data-v-cad4fb76 {
+  position: fixed;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  padding-bottom: 10rpx;
+  background-color: #f5f5dc;
 }
\ No newline at end of file
diff --git a/unpackage/dist/dev/mp-weixin/pages/home/home.js b/unpackage/dist/dev/mp-weixin/pages/home/home.js
index 363b288..2aa56a9 100644
--- a/unpackage/dist/dev/mp-weixin/pages/home/home.js
+++ b/unpackage/dist/dev/mp-weixin/pages/home/home.js
@@ -11,6 +11,11 @@ const _sfc_main = {
         url: "../../pages/store-home/ProductDetails/ProductDetails"
       });
     };
+    const jump_xiezhen = () => {
+      common_vendor.index.navigateTo({
+        url: "../../pages/booking/respectable/respectable"
+      });
+    };
     return (_ctx, _cache) => {
       return {
         a: common_vendor.f(items.value, (item, index, i0) => {
@@ -20,25 +25,26 @@ const _sfc_main = {
         }),
         b: common_vendor.unref(common_assets.shizi),
         c: common_vendor.unref(common_assets.rili),
-        d: common_vendor.unref(common_assets.you),
-        e: common_vendor.unref(common_assets.product),
-        f: common_vendor.o(jump_product),
-        g: common_vendor.unref(common_assets.product),
+        d: common_vendor.o(jump_xiezhen),
+        e: common_vendor.unref(common_assets.you),
+        f: common_vendor.unref(common_assets.product),
+        g: common_vendor.o(jump_product),
         h: common_vendor.unref(common_assets.product),
-        i: common_vendor.unref(common_assets.you),
-        j: common_vendor.unref(common_assets.product),
+        i: common_vendor.unref(common_assets.product),
+        j: common_vendor.unref(common_assets.you),
         k: common_vendor.unref(common_assets.product),
         l: common_vendor.unref(common_assets.product),
-        m: common_vendor.unref(common_assets.you),
-        n: common_vendor.f(items_1.value, (item, index, i0) => {
+        m: common_vendor.unref(common_assets.product),
+        n: common_vendor.unref(common_assets.you),
+        o: common_vendor.f(items_1.value, (item, index, i0) => {
           return {
             a: index
           };
         }),
-        o: common_vendor.unref(common_assets.xuanchuan)
+        p: common_vendor.unref(common_assets.xuanchuan)
       };
     };
   }
 };
-const MiniProgramPage = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["__scopeId", "data-v-07e72d3c"]]);
+const MiniProgramPage = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["__scopeId", "data-v-07e72d3c"], ["__file", "D:/jiangchengfeiyi-xiaochengxu/pages/home/home.vue"]]);
 wx.createPage(MiniProgramPage);
diff --git a/unpackage/dist/dev/mp-weixin/pages/home/home.wxml b/unpackage/dist/dev/mp-weixin/pages/home/home.wxml
index 0766ca2..7ff65a2 100644
--- a/unpackage/dist/dev/mp-weixin/pages/home/home.wxml
+++ b/unpackage/dist/dev/mp-weixin/pages/home/home.wxml
@@ -1 +1 @@
-<view class="flex-col page data-v-07e72d3c"><swiper class="data-v-07e72d3c"><swiper-item wx:for="{{a}}" wx:for-item="item" wx:key="a" class="data-v-07e72d3c"></swiper-item></swiper><view class="flex-col section data-v-07e72d3c"><view class="flex-col data-v-07e72d3c"><text class="self-start font text text_2 data-v-07e72d3c">热门精品</text><view class="flex-col justify-start items-end self-stretch relative mt-16 data-v-07e72d3c"><view class="flex-row items-center section_3 data-v-07e72d3c"><text class="font_2 text_4 data-v-07e72d3c">非遗工坊</text><image class="shrink-0 image_2 ml-13 data-v-07e72d3c" src="{{b}}"/></view><view class="flex-row items-center section_2 pos data-v-07e72d3c"><image class="image_2 data-v-07e72d3c" src="{{c}}"/><text class="font_2 text_3 ml-9 data-v-07e72d3c">写真预约</text></view></view></view><view class="flex-col group mt-24 data-v-07e72d3c"><view class="flex-row justify-between group_2 data-v-07e72d3c"><text class="self-center font_3 text text_5 data-v-07e72d3c">推荐商品</text><view class="flex-row self-start group_3 data-v-07e72d3c"><text class="font_4 data-v-07e72d3c">更多</text><image class="shrink-0 image_3 data-v-07e72d3c" src="{{d}}"/></view></view><view class="flex-row equal-division data-v-07e72d3c"><view class="flex-col section_4 equal-division-item data-v-07e72d3c"><view class="flex-col items-start self-stretch data-v-07e72d3c" bindtap="{{f}}"><image class="image_4 data-v-07e72d3c" src="{{e}}"/><text class="font_5 text_6 mt-2 data-v-07e72d3c">琉璃发体验包</text></view><text class="self-start font_6 text_7 mt-7 data-v-07e72d3c">￥750</text></view><view class="flex-col section_4 equal-division-item ml-9 data-v-07e72d3c"><view class="flex-col items-start self-stretch data-v-07e72d3c"><image class="image_4 data-v-07e72d3c" src="{{g}}"/><text class="font_5 text_6 mt-2 data-v-07e72d3c">琉璃发体验包</text></view><text class="self-start font_6 text_7 mt-7 data-v-07e72d3c">￥750</text></view><view class="flex-col section_4 equal-division-item ml-9 data-v-07e72d3c"><view class="flex-col items-start self-stretch data-v-07e72d3c"><image class="image_4 data-v-07e72d3c" src="{{h}}"/><text class="font_5 text_6 mt-2 data-v-07e72d3c">琉璃发体验包</text></view><text class="self-start font_6 text_7 mt-7 data-v-07e72d3c">￥750</text></view></view><view class="flex-row justify-between group_2 view data-v-07e72d3c"><text class="self-center font_3 text text_8 data-v-07e72d3c">推荐服务</text><view class="flex-row self-start group_3 data-v-07e72d3c"><text class="font_4 data-v-07e72d3c">更多</text><image class="shrink-0 image_3 data-v-07e72d3c" src="{{i}}"/></view></view><view class="flex-row equal-division_2 data-v-07e72d3c"><view class="flex-col section_4 equal-division-item data-v-07e72d3c"><view class="flex-col items-start self-stretch data-v-07e72d3c"><image class="image_4 data-v-07e72d3c" src="{{j}}"/><text class="font_5 text_6 mt-2 data-v-07e72d3c">琉璃发体验包</text></view><text class="self-start font_6 text_7 mt-7 data-v-07e72d3c">￥750</text></view><view class="flex-col section_4 equal-division-item ml-9 data-v-07e72d3c"><view class="flex-col items-start self-stretch data-v-07e72d3c"><image class="image_4 data-v-07e72d3c" src="{{k}}"/><text class="font_5 text_6 mt-2 data-v-07e72d3c">琉璃发体验包</text></view><text class="self-start font_6 text_7 mt-7 data-v-07e72d3c">￥750</text></view><view class="flex-col section_4 equal-division-item ml-9 data-v-07e72d3c"><view class="flex-col items-start self-stretch data-v-07e72d3c"><image class="image_4 data-v-07e72d3c" src="{{l}}"/><text class="font_5 text_6 mt-2 data-v-07e72d3c">琉璃发体验包</text></view><text class="self-start font_6 text_7 mt-7 data-v-07e72d3c">￥750</text></view></view><view class="flex-row justify-between items-end group_4 data-v-07e72d3c"><text class="font text text_9 data-v-07e72d3c">活动资讯</text><view class="flex-row group_5 data-v-07e72d3c"><text class="font_4 data-v-07e72d3c">更多</text><image class="shrink-0 image_3 data-v-07e72d3c" src="{{m}}"/></view></view></view><view class="flex-col list mt-24 data-v-07e72d3c"><view wx:for="{{n}}" wx:for-item="item" wx:key="a" class="flex-row items-center list-item data-v-07e72d3c"><view class="flex-col items-start flex-1 data-v-07e72d3c"><text class="font_5 text_13 data-v-07e72d3c">“五色五育”研学——端午香囊篇</text><text class="font_7 text_11 mt-13 data-v-07e72d3c">为进一步深入贯彻落实习近平总书记...</text><text class="font_8 text_15 mt-13 data-v-07e72d3c">2024-08-04</text></view><image class="shrink-0 image_5 ml-21 data-v-07e72d3c" src="{{o}}"/></view></view></view></view>
\ No newline at end of file
+<view class="flex-col page data-v-07e72d3c"><swiper class="data-v-07e72d3c"><swiper-item wx:for="{{a}}" wx:for-item="item" wx:key="a" class="data-v-07e72d3c"></swiper-item></swiper><view class="flex-col section data-v-07e72d3c"><view class="flex-col data-v-07e72d3c"><text class="self-start font text text_2 data-v-07e72d3c">热门精品</text><view class="flex-col justify-start items-end self-stretch relative mt-16 data-v-07e72d3c"><view class="flex-row items-center section_3 data-v-07e72d3c"><text class="font_2 text_4 data-v-07e72d3c">非遗工坊</text><image class="shrink-0 image_2 ml-13 data-v-07e72d3c" src="{{b}}"/></view><view class="flex-row items-center section_2 pos data-v-07e72d3c" bindtap="{{d}}"><image class="image_2 data-v-07e72d3c" src="{{c}}"/><text class="font_2 text_3 ml-9 data-v-07e72d3c">写真预约</text></view></view></view><view class="flex-col group mt-24 data-v-07e72d3c"><view class="flex-row justify-between group_2 data-v-07e72d3c"><text class="self-center font_3 text text_5 data-v-07e72d3c">推荐商品</text><view class="flex-row self-start group_3 data-v-07e72d3c"><text class="font_4 data-v-07e72d3c">更多</text><image class="shrink-0 image_3 data-v-07e72d3c" src="{{e}}"/></view></view><view class="flex-row equal-division data-v-07e72d3c"><view class="flex-col section_4 equal-division-item data-v-07e72d3c"><view class="flex-col items-start self-stretch data-v-07e72d3c" bindtap="{{g}}"><image class="image_4 data-v-07e72d3c" src="{{f}}"/><text class="font_5 text_6 mt-2 data-v-07e72d3c">琉璃发体验包</text></view><text class="self-start font_6 text_7 mt-7 data-v-07e72d3c">￥750</text></view><view class="flex-col section_4 equal-division-item ml-9 data-v-07e72d3c"><view class="flex-col items-start self-stretch data-v-07e72d3c"><image class="image_4 data-v-07e72d3c" src="{{h}}"/><text class="font_5 text_6 mt-2 data-v-07e72d3c">琉璃发体验包</text></view><text class="self-start font_6 text_7 mt-7 data-v-07e72d3c">￥750</text></view><view class="flex-col section_4 equal-division-item ml-9 data-v-07e72d3c"><view class="flex-col items-start self-stretch data-v-07e72d3c"><image class="image_4 data-v-07e72d3c" src="{{i}}"/><text class="font_5 text_6 mt-2 data-v-07e72d3c">琉璃发体验包</text></view><text class="self-start font_6 text_7 mt-7 data-v-07e72d3c">￥750</text></view></view><view class="flex-row justify-between group_2 view data-v-07e72d3c"><text class="self-center font_3 text text_8 data-v-07e72d3c">推荐服务</text><view class="flex-row self-start group_3 data-v-07e72d3c"><text class="font_4 data-v-07e72d3c">更多</text><image class="shrink-0 image_3 data-v-07e72d3c" src="{{j}}"/></view></view><view class="flex-row equal-division_2 data-v-07e72d3c"><view class="flex-col section_4 equal-division-item data-v-07e72d3c"><view class="flex-col items-start self-stretch data-v-07e72d3c"><image class="image_4 data-v-07e72d3c" src="{{k}}"/><text class="font_5 text_6 mt-2 data-v-07e72d3c">琉璃发体验包</text></view><text class="self-start font_6 text_7 mt-7 data-v-07e72d3c">￥750</text></view><view class="flex-col section_4 equal-division-item ml-9 data-v-07e72d3c"><view class="flex-col items-start self-stretch data-v-07e72d3c"><image class="image_4 data-v-07e72d3c" src="{{l}}"/><text class="font_5 text_6 mt-2 data-v-07e72d3c">琉璃发体验包</text></view><text class="self-start font_6 text_7 mt-7 data-v-07e72d3c">￥750</text></view><view class="flex-col section_4 equal-division-item ml-9 data-v-07e72d3c"><view class="flex-col items-start self-stretch data-v-07e72d3c"><image class="image_4 data-v-07e72d3c" src="{{m}}"/><text class="font_5 text_6 mt-2 data-v-07e72d3c">琉璃发体验包</text></view><text class="self-start font_6 text_7 mt-7 data-v-07e72d3c">￥750</text></view></view><view class="flex-row justify-between items-end group_4 data-v-07e72d3c"><text class="font text text_9 data-v-07e72d3c">活动资讯</text><view class="flex-row group_5 data-v-07e72d3c"><text class="font_4 data-v-07e72d3c">更多</text><image class="shrink-0 image_3 data-v-07e72d3c" src="{{n}}"/></view></view></view><view class="flex-col list mt-24 data-v-07e72d3c"><view wx:for="{{o}}" wx:for-item="item" wx:key="a" class="flex-row items-center list-item data-v-07e72d3c"><view class="flex-col items-start flex-1 data-v-07e72d3c"><text class="font_5 text_13 data-v-07e72d3c">“五色五育”研学——端午香囊篇</text><text class="font_7 text_11 mt-13 data-v-07e72d3c">为进一步深入贯彻落实习近平总书记...</text><text class="font_8 text_15 mt-13 data-v-07e72d3c">2024-08-04</text></view><image class="shrink-0 image_5 ml-21 data-v-07e72d3c" src="{{p}}"/></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 55a4122..074e565 100644
--- a/unpackage/dist/dev/mp-weixin/pages/mine/main/main.js
+++ b/unpackage/dist/dev/mp-weixin/pages/mine/main/main.js
@@ -22,5 +22,5 @@ const _sfc_main = {
     };
   }
 };
-const MiniProgramPage = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["__scopeId", "data-v-8172b2ba"]]);
+const MiniProgramPage = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["__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/order/paysuccess/paysuccess.js b/unpackage/dist/dev/mp-weixin/pages/order/paysuccess/paysuccess.js
index 7a7b88d..2fbecf2 100644
--- a/unpackage/dist/dev/mp-weixin/pages/order/paysuccess/paysuccess.js
+++ b/unpackage/dist/dev/mp-weixin/pages/order/paysuccess/paysuccess.js
@@ -49,5 +49,5 @@ const _sfc_main = {
     };
   }
 };
-const MiniProgramPage = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["__scopeId", "data-v-0b647166"]]);
+const MiniProgramPage = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["__scopeId", "data-v-0b647166"], ["__file", "D:/jiangchengfeiyi-xiaochengxu/pages/order/paysuccess/paysuccess.vue"]]);
 wx.createPage(MiniProgramPage);
diff --git a/unpackage/dist/dev/mp-weixin/pages/order/product-close/product-close.js b/unpackage/dist/dev/mp-weixin/pages/order/product-close/product-close.js
index 4cb96cd..faae301 100644
--- a/unpackage/dist/dev/mp-weixin/pages/order/product-close/product-close.js
+++ b/unpackage/dist/dev/mp-weixin/pages/order/product-close/product-close.js
@@ -15,5 +15,5 @@ const _sfc_main = {
     };
   }
 };
-const MiniProgramPage = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["__scopeId", "data-v-41495ba5"]]);
+const MiniProgramPage = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["__scopeId", "data-v-41495ba5"], ["__file", "D:/jiangchengfeiyi-xiaochengxu/pages/order/product-close/product-close.vue"]]);
 wx.createPage(MiniProgramPage);
diff --git a/unpackage/dist/dev/mp-weixin/pages/order/product-unpay/product-unpay.js b/unpackage/dist/dev/mp-weixin/pages/order/product-unpay/product-unpay.js
index ea440be..03f035d 100644
--- a/unpackage/dist/dev/mp-weixin/pages/order/product-unpay/product-unpay.js
+++ b/unpackage/dist/dev/mp-weixin/pages/order/product-unpay/product-unpay.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-8a444854"]]);
+const MiniProgramPage = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-8a444854"], ["__file", "D:/jiangchengfeiyi-xiaochengxu/pages/order/product-unpay/product-unpay.vue"]]);
 wx.createPage(MiniProgramPage);
diff --git a/unpackage/dist/dev/mp-weixin/pages/order/product-waitpay/product-waitpay.js b/unpackage/dist/dev/mp-weixin/pages/order/product-waitpay/product-waitpay.js
index 0cb4d3e..b1346f3 100644
--- a/unpackage/dist/dev/mp-weixin/pages/order/product-waitpay/product-waitpay.js
+++ b/unpackage/dist/dev/mp-weixin/pages/order/product-waitpay/product-waitpay.js
@@ -80,5 +80,5 @@ const _sfc_main = {
     };
   }
 };
-const MiniProgramPage = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["__scopeId", "data-v-eda1e8f0"]]);
+const MiniProgramPage = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["__scopeId", "data-v-eda1e8f0"], ["__file", "D:/jiangchengfeiyi-xiaochengxu/pages/order/product-waitpay/product-waitpay.vue"]]);
 wx.createPage(MiniProgramPage);
diff --git a/unpackage/dist/dev/mp-weixin/pages/store-home/ProductDetails/ProductDetails.js b/unpackage/dist/dev/mp-weixin/pages/store-home/ProductDetails/ProductDetails.js
index aef9dea..9c1060b 100644
--- a/unpackage/dist/dev/mp-weixin/pages/store-home/ProductDetails/ProductDetails.js
+++ b/unpackage/dist/dev/mp-weixin/pages/store-home/ProductDetails/ProductDetails.js
@@ -33,5 +33,5 @@ const _sfc_main = {
     };
   }
 };
-const MiniProgramPage = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["__scopeId", "data-v-3361b524"]]);
+const MiniProgramPage = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["__scopeId", "data-v-3361b524"], ["__file", "D:/jiangchengfeiyi-xiaochengxu/pages/store-home/ProductDetails/ProductDetails.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 6a16dc0..b8bfe0f 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
@@ -6,74 +6,40 @@ const _sfc_main = {
   setup(__props) {
     const sort = common_vendor.ref([
       {
-        name: "材料包",
-        imgurl: common_assets.img1
-      },
-      {
-        name: "手持物",
-        imgurl: common_assets.img2
-      },
-      {
-        name: "头饰",
-        imgurl: common_assets.img3
-      },
-      {
-        name: "定制",
-        imgurl: common_assets.img4
-      },
-      {
-        name: "积分商城",
-        imgurl: common_assets.img5
+        name: "",
+        imgurl: "",
+        id: ""
       }
     ]);
+    common_vendor.onMounted(() => {
+      Getsort();
+    });
+    const goodsId = common_vendor.ref([]);
+    const Getsort = async () => {
+      const res = await common_vendor.index.request({
+        url: "http://localhost:9092/api/category/list",
+        method: "POST"
+      });
+      console.log(res.data.data);
+      goodsId.value = res.data.data;
+      console.log(goodsId.value[0].id);
+      if (res.data.data != null) {
+        for (let key in res.data.data) {
+          sort.value[key] = {
+            name: res.data.data[key].typeName,
+            imgurl: res.data.data[key].typeUrl,
+            id: res.data.data[key].id
+          };
+        }
+      }
+    };
     const product_list = common_vendor.ref([
       {
-        product_name: "琉璃发簪体验包",
-        detail: "非遗材料包，匠心独运",
-        value: "750",
-        imgurl: common_assets.product_img
-      },
-      {
-        product_name: "琉璃发簪体验包",
-        detail: "非遗材料包，匠心独运",
-        value: "750",
-        imgurl: common_assets.product_img
-      },
-      {
-        product_name: "琉璃发簪体验包",
-        detail: "非遗材料包，匠心独运",
-        value: "750",
-        imgurl: common_assets.product_img
-      },
-      {
-        product_name: "琉璃发簪体验包",
-        detail: "非遗材料包，匠心独运",
-        value: "750",
-        imgurl: common_assets.product_img
-      },
-      {
-        product_name: "琉璃发簪体验包",
-        detail: "非遗材料包，匠心独运",
-        value: "750",
-        imgurl: common_assets.product_img
-      },
-      {
-        product_name: "琉璃发簪体验包",
-        detail: "非遗材料包，匠心独运",
-        value: "750",
-        imgurl: common_assets.product_img
-      },
-      {
-        product_name: "琉璃发簪体验包",
-        detail: "非遗材料包，匠心独运",
-        value: "750",
-        imgurl: common_assets.product_img
-      },
-      {
-        product_name: "琉璃发簪体验包",
-        detail: "非遗材料包，匠心独运",
-        value: "750",
-        imgurl: common_assets.product_img
+        product_name: "",
+        detail: "",
+        value: "",
+        imgurl: "",
+        id: ""
       }
     ]);
     const tap = () => {
@@ -106,5 +72,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.wxss b/unpackage/dist/dev/mp-weixin/pages/store-home/main/main.wxss
index 8dd0573..8a3f942 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
@@ -413,6 +413,7 @@ text.data-v-7e3c386d {
 }
 .mt-3.data-v-7e3c386d {
   margin-top: 5.63rpx;
+  text-align: center;
 }
 .mt-13.data-v-7e3c386d {
   margin-top: 24.38rpx;
@@ -504,11 +505,11 @@ text.data-v-7e3c386d {
 }
 .image_3.data-v-7e3c386d {
   border-radius: 0rpx 9.38rpx 9.38rpx 0rpx;
-  width: 48.75rpx;
-  height: 48.75rpx;
+  width: 60rpx;
+  height: 60rpx;
 }
 .font_4.data-v-7e3c386d {
-  font-size: 30rpx;
+  font-size: 25rpx;
   font-family: STFangsong;
   line-height: 28.26rpx;
   color: #c1651a;
diff --git a/unpackage/dist/dev/mp-weixin/project.config.json b/unpackage/dist/dev/mp-weixin/project.config.json
index 2b2e4f2..dcf3b39 100644
--- a/unpackage/dist/dev/mp-weixin/project.config.json
+++ b/unpackage/dist/dev/mp-weixin/project.config.json
@@ -15,14 +15,30 @@
       "ignore": [],
       "disablePlugins": [],
       "outputPath": ""
-    },
-    "enhance": true
+    }
   },
   "compileType": "miniprogram",
-  "libVersion": "3.6.0",
+  "libVersion": "3.6.2",
   "appid": "wxbcb1cf9951fa17c8",
   "projectname": "FeiYi",
-  "condition": {},
+  "condition": {
+    "search": {
+      "current": -1,
+      "list": []
+    },
+    "conversation": {
+      "current": -1,
+      "list": []
+    },
+    "game": {
+      "current": -1,
+      "list": []
+    },
+    "miniprogram": {
+      "current": -1,
+      "list": []
+    }
+  },
   "editorSetting": {
     "tabIndent": "insertSpaces",
     "tabSize": 2
diff --git a/unpackage/dist/dev/mp-weixin/project.private.config.json b/unpackage/dist/dev/mp-weixin/project.private.config.json
index 4250156..44a4b7f 100644
--- a/unpackage/dist/dev/mp-weixin/project.private.config.json
+++ b/unpackage/dist/dev/mp-weixin/project.private.config.json
@@ -3,5 +3,22 @@
   "projectname": "FeiYi",
   "setting": {
     "compileHotReLoad": true
+  },
+  "condition": {
+    "miniprogram": {
+      "list": [
+        {
+          "name": "pages/store-home/main/main",
+          "pathName": "pages/store-home/main/main",
+          "query": "",
+          "launchMode": "default",
+          "scene": null,
+          "partialCompile": {
+            "enabled": true,
+            "pages": []
+          }
+        }
+      ]
+    }
   }
 }
\ No newline at end of file