no message

my/address/add.vue

@@ -9,15 +9,50 @@
 				<view class="title">联系电话</view>
 				<input placeholder="请输入联系电话" name="input" v-model="form.userPhone" maxlength="11"></input>
 			</view>
-			<view class="cu-form-group" @click="pickerShow">
-				<view class="title">所在地区</view>
-				<input placeholder="请选择地区" name="input" disabled v-model="form.address"></input>
-				<text class='cuIcon-locationfill text-orange'></text>
-			</view>
+			
 			<view class="cu-form-group">
-				<view class="title">详细地址</view>
-				<input placeholder="请输入详细地址" name="input" v-model="form.addressDetail"></input>
+				<view class="title">是否使用校内地址</view>
+				<switch :checked="form.isInner" @change="switchChange" />
+			</view>
+			
+			<view v-if="form.isInner">
+				<view class="cu-form-group">
+					<view class="title">选择地址</view>
+					<view style="width: 50vw;text-align: end;">
+						<picker style="padding-right: 0;" @change="bindPickerChange" :value="addressIndex" :range="addressList">
+							<view :style="addressIndex==null?'color:#aaa':''">
+								{{addressIndex==null?"请选择地址":addressList[addressIndex]}}
+							</view>
+						</picker>
+					</view>
+				</view>
+				<view class="cu-form-group">
+					<view class="title">当前特殊地址跑腿费:</view>
+					<view >
+						¥1.00
+					</view>
+				</view>
+				<view class="cu-form-group">
+					<view class="title">备注信息</view>
+					<view style="width: 50vw; border: 2rpx solid #aaa;border-radius: 12rpx;">
+						<textarea style="margin: 0; padding: 8rpx;" auto-height />
+					</view>
+				</view>
 			</view>
+			
+			<view v-else>
+				<view class="cu-form-group" @click="pickerShow">
+					<view class="title">所在地区</view>
+					<input placeholder="请选择地区" name="input" disabled v-model="form.address"></input>
+					<text class='cuIcon-locationfill text-orange'></text>
+				</view>
+				<view class="cu-form-group">
+					<view class="title">详细地址</view>
+					<input placeholder="请输入详细地址" name="input" v-model="form.addressDetail"></input>
+				</view>
+			</view>
+			
+			
 			<view class="cu-form-group">
 				<view class="title">设为默认</view>
 				<switch @change="SwitchA" :class="form.addressDefault?'checked':''"
@@ -53,7 +88,8 @@
 					addressDetail: '',
 					addressDefault: 0, //默认地址 0不默认 1默认
 					lng: '',
-					lat: ''
+					lat: '',
+					isInner:false
 				},
 				// switchA: false,
 				region: '',
@@ -62,7 +98,9 @@
 				latitude: '',
 				longitude: '',
 				XCXIsSelect: '是',
-				content: ''
+				content: '',
+				addressList: ['中国', '美国美国美国美国美国美国美国美国美国美国美国美', '巴西', '日本'],
+				addressIndex: null,
 			}
 		},
 		onLoad(option) {
@@ -86,6 +124,13 @@
 			}
 		},
 		methods: {
+			bindPickerChange(e){
+				this.addressIndex = e.detail.value
+				this.form.address = this.addressList[this.addressIndex]
+			},
+			switchChange(e){
+				this.form.isInner = e.detail.value
+			},
 			getGuize() {
 				this.$Request.getT('/app/common/type/237').then(res => {
 					if (res.code == 0) {
@@ -186,20 +231,32 @@
 					})
 					return
 				}
-				if (!this.form.address) {
-					uni.showToast({
-						title: '请选择所在地区',
-						icon: 'none'
-					})
-					return
-				}
-				if (!this.form.addressDetail) {
-					uni.showToast({
-						title: '请输入详细地址',
-						icon: 'none'
-					})
-					return
+				
+				if(this.form.isInner){
+					if (!this.form.address) {
+						uni.showToast({
+							title: '请选择地址',
+							icon: 'none'
+						})
+						return
+					}
+				}else{
+					if (!this.form.address) {
+						uni.showToast({
+							title: '请选择所在地区',
+							icon: 'none'
+						})
+						return
+					}
+					if (!this.form.addressDetail) {
+						uni.showToast({
+							title: '请输入详细地址',
+							icon: 'none'
+						})
+						return
+					}
 				}
+				
 				this.form.addressDefault = this.form.addressDefault ? 1 : 0
 				this.$Request.postJson("/app/address/insertAddress", this.form).then(res => {
 					console.log(res,'地址')

my/qinglv/index.vue

@@ -14,7 +14,7 @@
 				<image style="width: 48rpx; height: 9rpx; margin-left: 20rpx" src="https://mxys.chuanghai-tech.com/wmfile/20250811/5f75606616aa4c7f8c304368f8663a39.png"></image>
 			</view>
 		</view>
-		<view @click="toXiang" v-for="(item, index) in dataList" :key="item.id" :class="index == 0 ? 'backg1' : 'backg2'">
+		<view @click="toXiang(item.id)" v-for="(item, index) in dataList" :key="item.id" :class="index == 0 ? 'backg1' : 'backg2'">
 			<image :src="item.imgs" style="width: 289rpx; height: 319rpx; margin: 31rpx 0 0 20rpx; background-color: #000" mode="aspectFill"></image>
 			<view style="margin: 31rpx 0 0 26rpx; width: 400rpx">
 				<view style="font-size: 32rpx; color: #000000; font-weight: 500; margin-top: 7rpx">{{ item.name }}</view>
@@ -73,9 +73,9 @@ export default {
 			this.getData()
 		},
 		//跳转到详情页
-		toXiang() {
+		toXiang(id) {
 			uni.navigateTo({
-				url: '/my/qinglv/xiang'
+				url: `/my/qinglv/xiang?id=${id}`
 			})
 		}
 	}

my/qinglv/orderX.vue

@@ -3,79 +3,71 @@
 		<!-- 套餐内容 -->
 		<view class="neirong">
 			<view class="title title1">套餐内容</view>
-			<view class="title title2" style="margin-top: 23rpx;">
+			<view class="title title2" style="margin-top: 23rpx">
 				<view class="cicle"></view>
-				<view style="margin-left: 16rpx;">创海便利店（二食堂1楼)    13267827921</view>
-			</view>
-			<view class="xiangnei" v-for="(item,index) in 2" :key="index">
-				例假期每天一杯红糖姜茶 x1
+				<view style="margin-left: 16rpx">创海便利店（二食堂1楼) 13267827921</view>
 			</view>
+			<view class="xiangnei" v-for="(item, index) in 2" :key="index">例假期每天一杯红糖姜茶 x1</view>
 		</view>
 		<!-- 例假设置 -->
 		<view class="neirong">
 			<view class="title title1">例假设置</view>
-			<view class="lijia_ques" style="margin-top: 27rpx;">您的月经大概持续几天？</view>
+			<view class="lijia_ques" style="margin-top: 27rpx">您的月经大概持续几天？</view>
 			<view class="custom-item">
-			    <view class="item-label">经期长度</view>
-			    <view class="item-value">
+				<view class="item-label">经期长度</view>
+				<view class="item-value">
 					<picker @change="bindPickerChange" :value="index" :range="array">
-						<view class="uni-input">{{array[index]}}</view>
+						<view class="uni-input">{{ array[index] }}</view>
 					</picker>
 					<!-- 箭头图标，可使用 uni-app 内置图标或自定义图片 -->
 					<uni-icons type="right" color="#808080" />
 				</view>
 			</view>
-			<view class="lijia_ques" style="margin-top: 27rpx;">您的月经开始日大概间隔多久？</view>
+			<view class="lijia_ques" style="margin-top: 27rpx">您的月经开始日大概间隔多久？</view>
 			<view class="custom-item">
-			    <view class="item-label">周期长度</view>
-			    <view class="item-value">
+				<view class="item-label">周期长度</view>
+				<view class="item-value">
 					<picker @change="bindPickerChange2" :value="index2" :range="array2">
-						<view class="uni-input">{{array2[index2]}}</view>
+						<view class="uni-input">{{ array2[index2] }}</view>
 					</picker>
 					<!-- 箭头图标，可使用 uni-app 内置图标或自定义图片 -->
 					<uni-icons type="right" color="#808080" />
 				</view>
 			</view>
-			<view class="lijia_ques" style="margin-top: 27rpx;">您的另一半上一次月经的开始结束时间是什么时候？</view>
+			<view class="lijia_ques" style="margin-top: 27rpx">您的另一半上一次月经的开始结束时间是什么时候？</view>
 			<view class="custom-item">
-			    <view class="item-label">
-					<uni-datetime-picker
-					v-model="datetimerange" :border="false"
-					type="daterange"
-					rangeSeparator="~" />
+				<view class="item-label">
+					<uni-datetime-picker v-model="datetimerange" :border="false" type="daterange" rangeSeparator="~" />
 				</view>
-			    <view class="item-value">
+				<view class="item-value">
 					<!-- 箭头图标，可使用 uni-app 内置图标或自定义图片 -->
 					<uni-icons type="calendar" color="#000000" />
 				</view>
 			</view>
-			<view class="lijia_ques" style="margin-top: 27rpx;">下次生理期？</view>
+			<view class="lijia_ques" style="margin-top: 27rpx">下次生理期？</view>
 			<view class="custom-item">
-			    <view class="item-label">
-					<uni-datetime-picker
-					v-model="datetimerange" :border="false"
-					type="daterange"
-					rangeSeparator="~" />
+				<view class="item-label">
+					<uni-datetime-picker v-model="datetimerange" :border="false" type="daterange" rangeSeparator="~" />
 				</view>
-			    <view class="item-value">
+				<view class="item-value">
 					<!-- 箭头图标，可使用 uni-app 内置图标或自定义图片 -->
 					<uni-icons type="calendar" color="#000000" />
 				</view>
 			</view>
-			<view style="width: 100%;height: 30rpx;"></view>
+			<view style="width: 100%; height: 30rpx"></view>
 		</view>
 		<!-- 配送信息 -->
 		<view class="neirong">
 			<view class="title title1">配送信息</view>
-			<view class="lijia_ques" style="margin-top: 27rpx;">您的另一半姓名</view>
+			<view class="lijia_ques" style="margin-top: 27rpx">您的另一半姓名</view>
 			<view class="custom-item">
-			    <input class="uni-input" focus type="text" v-model="name" placeholder="请输入姓名" />
+				<input class="uni-input" focus type="text" v-model="name" placeholder="请输入姓名" />
 			</view>
-			<view class="lijia_ques" style="margin-top: 27rpx;">联系电话</view>
+			<view class="lijia_ques" style="margin-top: 27rpx">联系电话</view>
 			<view class="custom-item">
-			    <input class="uni-input" focus type="tel" v-model="phone" placeholder="请输入姓名" />
+				<input class="uni-input" focus type="tel" v-model="phone" placeholder="请输入姓名" />
 			</view>
-			<view style="width: 100%;height: 52px;"></view>
+			<view style="width: 100%; height: 52px"></view>
 		</view>
 		<!-- 提交订单 -->
 		<view class="goorder">
@@ -85,134 +77,174 @@
 </template>
 
 <script>
-	export default {
-		data() {
-			return {
-				array:['3天','4天','5天','6天','7天','8天','9天','10天',
-				'11天','11天','13天','14天','15天',],//经期长度
-				index: 0,
-				array2:['17天','18天','19天','20天','21天','22天',
-				'23天','24天','25天','26天','27天','28天','29天',
-				'30天','31天','32天','33天','34天','35天','36天',
-				'37天','38天','39天','40天','41天','42天','43天',
-				'44天','45天','46天','47天','48天','49天','50天',
-				'51天','52天','53天','54天','55天','56天','57天','58天','59天','60天',],//月经周期
-				index2: 0,
-				datetimerange: [],
-				// 配送信息
-				name:'',
-				phone:'',
-			}
-		},
-		onLoad() {
-			
+export default {
+	data() {
+		return {
+			array: ['3天', '4天', '5天', '6天', '7天', '8天', '9天', '10天', '11天', '11天', '13天', '14天', '15天'], //经期长度
+			index: 0,
+			array2: [
+				'17天',
+				'18天',
+				'19天',
+				'20天',
+				'21天',
+				'22天',
+				'23天',
+				'24天',
+				'25天',
+				'26天',
+				'27天',
+				'28天',
+				'29天',
+				'30天',
+				'31天',
+				'32天',
+				'33天',
+				'34天',
+				'35天',
+				'36天',
+				'37天',
+				'38天',
+				'39天',
+				'40天',
+				'41天',
+				'42天',
+				'43天',
+				'44天',
+				'45天',
+				'46天',
+				'47天',
+				'48天',
+				'49天',
+				'50天',
+				'51天',
+				'52天',
+				'53天',
+				'54天',
+				'55天',
+				'56天',
+				'57天',
+				'58天',
+				'59天',
+				'60天'
+			], //月经周期
+			index2: 0,
+			datetimerange: [],
+			// 配送信息
+			name: '',
+			phone: ''
+		}
+	},
+	onLoad() {},
+	methods: {
+		//经期长度
+		bindPickerChange: function (e) {
+			console.log('picker发送选择改变，携带值为', e.detail.value)
+			this.index = e.detail.value
 		},
-		methods:{
-			//经期长度
-			bindPickerChange: function(e) {
-				console.log('picker发送选择改变，携带值为', e.detail.value)
-				this.index = e.detail.value
-			},
-			//月经周期
-			bindPickerChange2: function(e) {
-				this.index2 = e.detail.value
-			},
+		//月经周期
+		bindPickerChange2: function (e) {
+			this.index2 = e.detail.value
 		},
+		toSettlement_throttle() {
+			console.log(1)
+		}
 	}
+}
 </script>
 
 <style>
-	.content{
-		width: 100%;
-		height: 100%;
-		background-color: #F2F2F2;
-	}
-	.title{
-		padding: 13rpx 0 0 23rpx;
-		font-size: 32rpx;
-		font-weight: 500;
-		color: rgba(0, 0, 0, 1);
-	}
-	/* //套餐内容 */
-	.neirong{
-		width: 100%;
-		height: 100%;
-		background-color: #FFFFFF;
-	}
-	.title1{
-		margin: 14rpx 0 0 19rpx;
-	}
-	.cicle{
-		margin: 12rpx 0 0 0;
-		width: 10rpx;
-		height: 10rpx;
-		background: #CCCCCC;
-		border-radius: 50%;
-	}
-	.title2{
-		display: flex;
-		font-size: 28rpx;
-	}
-	.xiangnei{
-		width: 633rpx;
-		display: flex;
-		/* 让子元素两端对齐，价格居左，按钮居右 */
-		justify-content: space-between; 
-		/* 垂直方向居中（可选，根据需求调整） */
-		margin: 0 0 0 45rpx;
-		padding-bottom: 10rpx;
-		font-size: 24rpx;
-		color: rgba(102, 102, 102, 1);
-	}
-	/* 例假设置 */
-	.lijia_ques{
-		margin: 21rpx 0 0 45rpx;
-		font-size: 28rpx;
-		color: rgba(102, 102, 102, 1);
-	}
-	.custom-item {
-	  margin: 17rpx 0 0 42rpx;
-	  display: flex;
-	  align-items: center;
-	  justify-content: space-between;
-	  padding: 12rpx 16rpx;
-	  width: 671rpx;
-	  height: 83rpx;
-	  opacity: 1;
-	  border-radius: 130rpx;
-	  background: rgba(242, 242, 242, 1);
-	}
-	.item-label {
-	  font-size: 28rpx;
-	  color: rgba(0, 0, 0, 1);
-	}
-	.item-value {
-	  display: flex;
-	  font-size: 28rpx;
-	  color: rgba(0, 0, 0, 1);
-	}
-	.arrow-icon {
-	  width: 20px;
-	  height: 20px;
-	}
-	/* 配送信息 */
-	/* 提交订单 */
-	.goorder {
-		width: 100%;
-		padding: 2% 7%;
-		position: fixed;
-		bottom: 0;
-		z-index: 3;
-	}
-	.goorder_but {
-		width: 626rpx;
-		height: 90rpx;
-		opacity: 1;
-		border-radius: 117rpx;
-		background: rgba(241, 135, 49, 1);
-		line-height: 90rpx;
-		text-align: center;
-		font-size: 32rpx;
-		color: rgba(255, 255, 255, 1);
-	}
-</style>
+.content {
+	width: 100%;
+	height: 100%;
+	background-color: #f2f2f2;
+}
+.title {
+	padding: 13rpx 0 0 23rpx;
+	font-size: 32rpx;
+	font-weight: 500;
+	color: rgba(0, 0, 0, 1);
+}
+/* //套餐内容 */
+.neirong {
+	width: 100%;
+	height: 100%;
+	background-color: #ffffff;
+}
+.title1 {
+	margin: 14rpx 0 0 19rpx;
+}
+.cicle {
+	margin: 12rpx 0 0 0;
+	width: 10rpx;
+	height: 10rpx;
+	background: #cccccc;
+	border-radius: 50%;
+}
+.title2 {
+	display: flex;
+	font-size: 28rpx;
+}
+.xiangnei {
+	width: 633rpx;
+	display: flex;
+	/* 让子元素两端对齐，价格居左，按钮居右 */
+	justify-content: space-between;
+	/* 垂直方向居中（可选，根据需求调整） */
+	margin: 0 0 0 45rpx;
+	padding-bottom: 10rpx;
+	font-size: 24rpx;
+	color: rgba(102, 102, 102, 1);
+}
+/* 例假设置 */
+.lijia_ques {
+	margin: 21rpx 0 0 45rpx;
+	font-size: 28rpx;
+	color: rgba(102, 102, 102, 1);
+}
+.custom-item {
+	margin: 17rpx 0 0 42rpx;
+	display: flex;
+	align-items: center;
+	justify-content: space-between;
+	padding: 12rpx 16rpx;
+	width: 671rpx;
+	height: 83rpx;
+	opacity: 1;
+	border-radius: 130rpx;
+	background: rgba(242, 242, 242, 1);
+}
+.item-label {
+	font-size: 28rpx;
+	color: rgba(0, 0, 0, 1);
+}
+.item-value {
+	display: flex;
+	font-size: 28rpx;
+	color: rgba(0, 0, 0, 1);
+}
+.arrow-icon {
+	width: 20px;
+	height: 20px;
+}
+/* 配送信息 */
+/* 提交订单 */
+.goorder {
+	width: 100%;
+	padding: 2% 7%;
+	position: fixed;
+	bottom: 0;
+	z-index: 3;
+}
+.goorder_but {
+	width: 626rpx;
+	height: 90rpx;
+	opacity: 1;
+	border-radius: 117rpx;
+	background: rgba(241, 135, 49, 1);
+	line-height: 90rpx;
+	text-align: center;
+	font-size: 32rpx;
+	color: rgba(255, 255, 255, 1);
+}
+</style>

my/qinglv/xiang.vue

@@ -1,195 +1,212 @@
 <template>
 	<view class="content">
-		<view style="height: 100%;">
+		<view style="height: 100%">
 			<swiper class="swiper" :autoplay="true" interval="2000" duration="500" :circular="true" style="width: 100%; z-index: 1; height: 319rpx">
 				<swiper-item v-for="(item, index) in 2" :key="index">
 					<image src="https://mxys.chuanghai-tech.com/wmfile/20240904/05af7c5442bb4a8baa1f5f3071ca2302.jpg" mode="scaleToFill" style="width: 100%"></image>
 				</swiper-item>
 			</swiper>
 		</view>
-		<view class="title">月度套餐</view>
+		<view class="title">{{ info.name }}</view>
 		<view class="beizhu">先囤后用·随时退·过期自动退·可部分退</view>
 		<!-- 套餐内容 -->
 		<view class="neirong">
 			<view class="title title1">套餐内容</view>
-			<view class="title title2" style="margin-top: 10rpx;">
+			<view class="title title2" style="margin-top: 10rpx">
 				<view class="cicle"></view>
-				<view style="margin-left: 16rpx;">例假周期关怀</view>
+				<view style="margin-left: 16rpx">例假周期关怀</view>
 			</view>
-			<view class="title title2" style="margin-top: 23rpx;">
+			<view class="title title2" style="margin-top: 23rpx">
 				<view class="cicle"></view>
-				<view style="margin-left: 16rpx;">创海便利店（二食堂1楼)    13267827921</view>
+				<view style="margin-left: 16rpx">创海便利店（二食堂1楼) 13267827921</view>
 			</view>
-			<view class="xiangnei" v-for="(item,index) in 2" :key="index">
+			<view class="xiangnei" v-for="(item, index) in 2" :key="index">
 				<view>例假期每天一杯红糖姜茶 x1</view>
-				<view style="color: #000000;">¥25</view>
+				<view style="color: #000000">¥25</view>
 			</view>
 			<!-- 菜品图片 -->
 			<view class="shop_zheng">
 				<view class="image-container">
-					<image v-for="(item, index) in 5" :key="index" class="image" src="https://mxys.chuanghai-tech.com/wmfile/20240904/05af7c5442bb4a8baa1f5f3071ca2302.jpg" style="margin-left: 20px" @click="clickImg(item)"></image>
+					<image
+						v-for="(item, index) in 5"
+						:key="index"
+						class="image"
+						src="https://mxys.chuanghai-tech.com/wmfile/20240904/05af7c5442bb4a8baa1f5f3071ca2302.jpg"
+						style="margin-left: 20px"
+						@click="clickImg(item)"
+					></image>
 				</view>
 			</view>
 		</view>
 		<!-- 购买须知 -->
 		<view class="xuzhi">
 			<view class="title title1">购买须知</view>
-			<view class="title title2" style="margin-top: 10rpx;padding-bottom: 20rpx;">
+			<view class="title title2" style="margin-top: 10rpx; padding-bottom: 20rpx">
 				<view class="cicle"></view>
-				<view style="margin-left: 16rpx;">此套餐仅限用于女生，如男生请选其他合适的套餐</view>
+				<view style="margin-left: 16rpx">此套餐仅限用于女生，如男生请选其他合适的套餐</view>
 			</view>
 		</view>
 		<!-- 购买 -->
 		<view class="goorder">
-			<view class="goods_price">¥98.00</view>
+			<view class="goods_price">¥{{ info.price }}</view>
 			<view class="goorder_but" @click="toGou">立即购买</view>
 		</view>
 	</view>
 </template>
 
 <script>
-	export default {
-		data() {
-			return {
-			}
+export default {
+	data() {
+		return {
+			id: '',
+			info: {}
+		}
+	},
+	onLoad(options) {
+		this.id = options.id
+		this.getDetail()
+	},
+	methods: {
+		getDetail() {
+			this.$Request.getT(`/app/lover-set/${this.id}`).then((res) => {
+				console.log(res, 966)
+				this.info = res.data
+			})
 		},
-		onLoad() {
-			
+		//立即购买
+		toGou() {
+			uni.navigateTo({
+				url: '/my/qinglv/orderX'
+			})
 		},
-		methods:{
-			//立即购买
-			toGou(){
-				uni.navigateTo({
-					url: '/my/qinglv/orderX'
-				})
-			},
-			//图片点击放大
-			clickImg(img) {
-				uni.previewImage({
-					urls: [img], //需要预览的图片http链接列表，多张的时候，url直接写在后面就行了
-					current: '', // 当前显示图片的http链接，默认是第一个
-					success: function (res) {},
-					fail: function (res) {},
-					complete: function (res) {}
-				})
-			},
-		},
-	}
+		//图片点击放大
+		clickImg(img) {
+			console.log(img)
+			uni.previewImage({
+				urls: [img], //需要预览的图片http链接列表，多张的时候，url直接写在后面就行了
+				current: '', // 当前显示图片的http链接，默认是第一个
+				success: function (res) {},
+				fail: function (res) {},
+				complete: function (res) {}
+			})
+		}
+	}
+}
 </script>
 
 <style>
-	.content{
-		width: 100%;
-		height: 100%;
-		background-color: #F2F2F2;
-	}
-	.title{
-		margin: 13rpx 0 0 23rpx;
-		font-size: 32rpx;
-		font-weight: 500;
-		color: rgba(0, 0, 0, 1);
-	}
-	.beizhu{
-		margin: 23rpx 0 0 22rpx;
-		width: 518rpx;
-		height: 77rpx;
-		background-size: 100%;
-		background-image: url('https://mxys.chuanghai-tech.com/wmfile/20250812/7b77b0772b6e4c2cb8c0d3a012c7722b.png');
-		font-size: 24rpx;
-		font-weight: 400;
-		line-height: 77rpx;
-		text-align: center;
-		color: rgba(255, 87, 51, 1);
-	}
-	/* //套餐内容 */
-	.neirong{
-		width: 100%;
-		height: 100%;
-		background-color: #FFFFFF;
-	}
-	.title1{
-		margin: 14rpx 0 0 19rpx;
-	}
-	.cicle{
-		margin: 12rpx 0 0 0;
-		width: 10rpx;
-		height: 10rpx;
-		background: #CCCCCC;
-		border-radius: 50%;
-	}
-	.title2{
-		display: flex;
-		font-size: 28rpx;
-	}
-	.xiangnei{
-		width: 633rpx;
-		display: flex;
-		/* 让子元素两端对齐，价格居左，按钮居右 */
-		justify-content: space-between; 
-		/* 垂直方向居中（可选，根据需求调整） */
-		margin: 0 0 0 45rpx;
-		padding-bottom: 10rpx;
-		font-size: 24rpx;
-		color: rgba(102, 102, 102, 1);
-	}
-	/* 菜品图片 */
-	.shop_zheng {
-		background-color: rgba(255, 255, 255, 1);
-		width: 100%;
-		margin-left: 20rpx;
-		margin-top: 8px;
-		height: 100%;
-		overflow: hidden;
-	}
-	.image-container {
-		width: 350px;
-		overflow-x: auto;
-		padding: 10rpx 0 10rpx 0;
-		white-space: nowrap;
-		 /* transition: transform 0.3s; /* 可以添加平滑滑动的效果 */ 
-	}
-	
-	.image {
-		display: inline-block;
-		width: 166rpx; /* 三张图片平分宽度 */
-		height: 133rpx;
-	}
-	/* 购买须知 */
-	.xuzhi{
-		width: 100%;
-		height: 100%;
-		background-color: #FFFFFF;
-	}
-	/* 购买 */
-	.goorder {
-		display: flex;
-		/* 让子元素两端对齐，价格居左，按钮居右 */
-		justify-content: space-between; 
-		/* 垂直方向居中（可选，根据需求调整） */
-		align-items: center; 
-		height: 123rpx;
-		opacity: 1;
-		box-shadow: 0px 0px 17px  #000000;
-		width: 100%;
-		padding: 2% 3%;
-		position: fixed;
-		bottom: 0;
-		background-color: #ffffff;
-		z-index: 999;
-	}
-	.goods_price{
-		font-size: 40rpx;
-		font-weight: 500;
-		color: rgba(255, 91, 26, 1);
-	}
-	.goorder_but {
-		width: 224rpx;
-		height: 76rpx;
-		opacity: 1;
-		border-radius: 104rpx;
-		background: linear-gradient(90deg, #FCB147 0%, #FF9029 100%);
-		line-height: 76rpx;
-		text-align: center;
-		font-weight: 700;
-	}
-</style>
+.content {
+	width: 100%;
+	height: 100%;
+	background-color: #f2f2f2;
+}
+.title {
+	margin: 13rpx 0 0 23rpx;
+	font-size: 32rpx;
+	font-weight: 500;
+	color: rgba(0, 0, 0, 1);
+}
+.beizhu {
+	margin: 23rpx 0 0 22rpx;
+	width: 518rpx;
+	height: 77rpx;
+	background-size: 100%;
+	background-image: url('https://mxys.chuanghai-tech.com/wmfile/20250812/7b77b0772b6e4c2cb8c0d3a012c7722b.png');
+	font-size: 24rpx;
+	font-weight: 400;
+	line-height: 77rpx;
+	text-align: center;
+	color: rgba(255, 87, 51, 1);
+}
+/* //套餐内容 */
+.neirong {
+	width: 100%;
+	height: 100%;
+	background-color: #ffffff;
+}
+.title1 {
+	margin: 14rpx 0 0 19rpx;
+}
+.cicle {
+	margin: 12rpx 0 0 0;
+	width: 10rpx;
+	height: 10rpx;
+	background: #cccccc;
+	border-radius: 50%;
+}
+.title2 {
+	display: flex;
+	font-size: 28rpx;
+}
+.xiangnei {
+	width: 633rpx;
+	display: flex;
+	/* 让子元素两端对齐，价格居左，按钮居右 */
+	justify-content: space-between;
+	/* 垂直方向居中（可选，根据需求调整） */
+	margin: 0 0 0 45rpx;
+	padding-bottom: 10rpx;
+	font-size: 24rpx;
+	color: rgba(102, 102, 102, 1);
+}
+/* 菜品图片 */
+.shop_zheng {
+	background-color: rgba(255, 255, 255, 1);
+	width: 100%;
+	margin-left: 20rpx;
+	margin-top: 8px;
+	height: 100%;
+	overflow: hidden;
+}
+.image-container {
+	width: 350px;
+	overflow-x: auto;
+	padding: 10rpx 0 10rpx 0;
+	white-space: nowrap;
+	/* transition: transform 0.3s; /* 可以添加平滑滑动的效果 */
+}
+
+.image {
+	display: inline-block;
+	width: 166rpx; /* 三张图片平分宽度 */
+	height: 133rpx;
+}
+/* 购买须知 */
+.xuzhi {
+	width: 100%;
+	height: 100%;
+	background-color: #ffffff;
+}
+/* 购买 */
+.goorder {
+	display: flex;
+	/* 让子元素两端对齐，价格居左，按钮居右 */
+	justify-content: space-between;
+	/* 垂直方向居中（可选，根据需求调整） */
+	align-items: center;
+	height: 123rpx;
+	opacity: 1;
+	box-shadow: 0px 0px 17px #000000;
+	width: 100%;
+	padding: 2% 3%;
+	position: fixed;
+	bottom: 0;
+	background-color: #ffffff;
+	z-index: 999;
+}
+.goods_price {
+	font-size: 40rpx;
+	font-weight: 500;
+	color: rgba(255, 91, 26, 1);
+}
+.goorder_but {
+	width: 224rpx;
+	height: 76rpx;
+	opacity: 1;
+	border-radius: 104rpx;
+	background: linear-gradient(90deg, #fcb147 0%, #ff9029 100%);
+	line-height: 76rpx;
+	text-align: center;
+	font-weight: 700;
+}
+</style>