From 1604820414e5371fe83ea73395af47dfae837443 Mon Sep 17 00:00:00 2001
From: yuanteng0011 <1876787513@qq.com>
Date: Sun, 20 Oct 2024 13:16:38 +0800
Subject: [PATCH] =?UTF-8?q?=E9=A2=84=E7=BA=A6=E6=A8=A1=E5=9D=97?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 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 +-
 unpackage/dist/dev/mp-weixin/app.js           |   2 +
 unpackage/dist/dev/mp-weixin/app.json         |   4 +-
 .../booking/BillingOfFees/BillingOfFees.js    |  21 +-
 .../booking/BillingOfFees/BillingOfFees.wxml  |   2 +-
 .../booking/BillingOfFees/BillingOfFees.wxss  | 406 +++++++++-
 .../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 ++++++++++++++++++
 .../pages/booking/respectable/respectable.js  |  29 +-
 .../booking/respectable/respectable.wxml      |   2 +-
 .../booking/respectable/respectable.wxss      |  13 +-
 .../dist/dev/mp-weixin/pages/home/home.js     |  24 +-
 .../dist/dev/mp-weixin/pages/home/home.wxml   |   2 +-
 .../dist/dev/mp-weixin/project.config.json    |   3 +-
 24 files changed, 2604 insertions(+), 372 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/unpackage/dist/dev/mp-weixin/app.js b/unpackage/dist/dev/mp-weixin/app.js
index 208ad23..a8bf5b9 100644
--- a/unpackage/dist/dev/mp-weixin/app.js
+++ b/unpackage/dist/dev/mp-weixin/app.js
@@ -22,6 +22,8 @@ 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) {
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/pages/booking/BillingOfFees/BillingOfFees.js b/unpackage/dist/dev/mp-weixin/pages/booking/BillingOfFees/BillingOfFees.js
index e31247f..038beec 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"]]);
 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/Simple/Simple.js b/unpackage/dist/dev/mp-weixin/pages/booking/Simple/Simple.js
new file mode 100644
index 0000000..803cefc
--- /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"]]);
+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..f314148
--- /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"]]);
+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/respectable/respectable.js b/unpackage/dist/dev/mp-weixin/pages/booking/respectable/respectable.js
index c949b40..be62484 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"]]);
 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..610e6a6 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,22 +25,23 @@ 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)
       };
     };
   }
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/project.config.json b/unpackage/dist/dev/mp-weixin/project.config.json
index 2b2e4f2..f1e88b6 100644
--- a/unpackage/dist/dev/mp-weixin/project.config.json
+++ b/unpackage/dist/dev/mp-weixin/project.config.json
@@ -15,8 +15,7 @@
       "ignore": [],
       "disablePlugins": [],
       "outputPath": ""
-    },
-    "enhance": true
+    }
   },
   "compileType": "miniprogram",
   "libVersion": "3.6.0",