From bcc44a08863cc1028cde7d24d46b5ca984ccb998 Mon Sep 17 00:00:00 2001
From: gyq <875626088@qq.com>
Date: Fri, 26 Dec 2025 17:23:19 +0800
Subject: [PATCH] =?UTF-8?q?=E5=A2=9E=E5=8A=A0=E8=B7=B3=E8=BD=AC=E4=BC=81?=
 =?UTF-8?q?=E4=B8=9A=E5=BE=AE=E4=BF=A1=E5=AE=A2=E6=9C=8D=E7=A4=BA=E4=BE=8B?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pages/index/indexs.vue | 900 +++++++++++++++++++++--------------------
 1 file changed, 451 insertions(+), 449 deletions(-)

diff --git a/pages/index/indexs.vue b/pages/index/indexs.vue
index e169d01..aa21830 100644
--- a/pages/index/indexs.vue
+++ b/pages/index/indexs.vue
@@ -2,11 +2,9 @@
 	<view class="content min-page bg-f7">
 		<view class="contentbox">
 			<template v-if="shopExtend.length">
-				<image class="bg" :src="shopExtend[0].value" mode="aspectFill"
-					v-if="!isJsonArrayString(shopExtend[0].value)"></image>
+				<image class="bg" :src="shopExtend[0].value" mode="aspectFill" v-if="!isJsonArrayString(shopExtend[0].value)"></image>
 				<swiper class="swiper" autoplay circular v-else>
-					<swiper-item class="swiper-item" v-for="(item, index) in JSON.parse(shopExtend[0].value)"
-						:key="index">
+					<swiper-item class="swiper-item" v-for="(item, index) in JSON.parse(shopExtend[0].value)" :key="index">
 						<image class="swiper-bg" :src="item"></image>
 					</swiper-item>
 				</swiper>
@@ -29,7 +27,7 @@
 				<image :src="imgs.code" class="code"></image>
 			</view>
 		</view>
-
+		<!-- <button type="primary" @click="openContact">打开客服</button> -->
 		<view class="new-menus-box">
 			<view class="new-menus layout2" v-if="allConfig.takeout">
 				<view class="diner" @click="scanCodehandle(0)">
@@ -60,7 +58,6 @@
 
 				<view class="u-font-28 color-999">一键分享，快速拼单</view>
 			</view>
-
 		</view>
 
 		<view class="points" @click="toIntegralMall">
@@ -122,532 +119,537 @@
 </template>
 
 <script setup>
-	import attractPopup from '@/components/attract-popup.vue';
-	import {
-		homeData
-	} from '@/common/api/market/index.js';
-	import {
-		getMemberConfig,
-		getRechargeConfig
-	} from '@/common/api/index/index.js';
-	import {
-		ref,
-		reactive,
-		defineProps,
-		defineEmits,
-		onMounted
-	} from 'vue';
-	import {
-		isJsonArrayString
-	} from '@/utils/util.js';
+import attractPopup from '@/components/attract-popup.vue';
+import { homeData } from '@/common/api/market/index.js';
+import { getMemberConfig, getRechargeConfig } from '@/common/api/index/index.js';
+import { ref, reactive, defineProps, defineEmits, onMounted } from 'vue';
+import { isJsonArrayString } from '@/utils/util.js';
 
-	const attractPopupRef = ref(null);
-
-	const imgs = {
-		recharge: 'https://cashier-oss.oss-cn-beijing.aliyuncs.com/upload/4/2f22c0ced494497e8d6f981832b191c9.png',
-		share: 'https://cashier-oss.oss-cn-beijing.aliyuncs.com/upload/4/bcb8d461e96d445ba40256079da775b3.png',
-		vip: 'https://cashier-oss.oss-cn-beijing.aliyuncs.com/upload/4/cfc3bf5ba12747c6ada4d5a388aceca3.png',
-		orderFood: 'https://cashier-oss.oss-cn-beijing.aliyuncs.com/upload/4/7c54a22d56f44813bf3f76c1a82a34f3.png',
-		big_orderFood: 'https://cashier-oss.oss-cn-beijing.aliyuncs.com/upload/4/b3c7f6139eff4a7d81482cf533ec79fa.png',
-		takeout: 'https://cashier-oss.oss-cn-beijing.aliyuncs.com/upload/4/3623cbf425d845a993acb4309404a7b9.png',
-		groupBuying: 'https://cashier-oss.oss-cn-beijing.aliyuncs.com/upload/4/117745e0f3db48b489f9d4e5c5967043.png',
-		points: 'https://cashier-oss.oss-cn-beijing.aliyuncs.com/upload/4/df0758f7b86449f89f882e50226e17c7.png',
-		code: 'https://cashier-oss.oss-cn-beijing.aliyuncs.com/upload/4/044dcaf913054f03a9db7983f048b1e6.png',
-		defaultAvatar: 'https://cashier-oss.oss-cn-beijing.aliyuncs.com/upload/4/b98d2c7110e847f996e8d7ba4342f0a5.png',
-		taocan: 'https://cashier-oss.oss-cn-beijing.aliyuncs.com/upload/4/1eb9aa9b865b47b39ab9d7ac404601a9.png'
-	};
-	// 定义接收的属性
-	const props = defineProps({
-		shopExtend: {
-			type: Array,
-			default: []
+function openContact() {
+	wx.openCustomerServiceChat({
+		corpId: 'wwc76ab19fa6df267f',
+		extInfo: {
+			url: 'https://work.weixin.qq.com/kfid/kfc40ac2dc5e20c2e8e'
+		},
+		// 成功回调
+		success: (res) => {
+			console.log('跳转企业微信客服成功', res);
+		},
+		// 失败回调
+		fail: (err) => {
+			console.error('跳转企业微信客服失败', err);
+			uni.showToast({
+				title: '跳转客服失败，请稍后重试',
+				icon: 'none'
+			});
 		}
 	});
+}
 
-	function toGroupBuying() {
-		uni.navigateTo({
-			url: '/groupBuying/index/index'
-		})
+const attractPopupRef = ref(null);
+
+const imgs = {
+	recharge: 'https://cashier-oss.oss-cn-beijing.aliyuncs.com/upload/4/2f22c0ced494497e8d6f981832b191c9.png',
+	share: 'https://cashier-oss.oss-cn-beijing.aliyuncs.com/upload/4/bcb8d461e96d445ba40256079da775b3.png',
+	vip: 'https://cashier-oss.oss-cn-beijing.aliyuncs.com/upload/4/cfc3bf5ba12747c6ada4d5a388aceca3.png',
+	orderFood: 'https://cashier-oss.oss-cn-beijing.aliyuncs.com/upload/4/7c54a22d56f44813bf3f76c1a82a34f3.png',
+	big_orderFood: 'https://cashier-oss.oss-cn-beijing.aliyuncs.com/upload/4/b3c7f6139eff4a7d81482cf533ec79fa.png',
+	takeout: 'https://cashier-oss.oss-cn-beijing.aliyuncs.com/upload/4/3623cbf425d845a993acb4309404a7b9.png',
+	groupBuying: 'https://cashier-oss.oss-cn-beijing.aliyuncs.com/upload/4/117745e0f3db48b489f9d4e5c5967043.png',
+	points: 'https://cashier-oss.oss-cn-beijing.aliyuncs.com/upload/4/df0758f7b86449f89f882e50226e17c7.png',
+	code: 'https://cashier-oss.oss-cn-beijing.aliyuncs.com/upload/4/044dcaf913054f03a9db7983f048b1e6.png',
+	defaultAvatar: 'https://cashier-oss.oss-cn-beijing.aliyuncs.com/upload/4/b98d2c7110e847f996e8d7ba4342f0a5.png',
+	taocan: 'https://cashier-oss.oss-cn-beijing.aliyuncs.com/upload/4/1eb9aa9b865b47b39ab9d7ac404601a9.png'
+};
+// 定义接收的属性
+const props = defineProps({
+	shopExtend: {
+		type: Array,
+		default: []
 	}
+});
 
-	function toFenxiao() {
+function toGroupBuying() {
+	uni.navigateTo({
+		url: '/groupBuying/index/index'
+	});
+}
+
+function toFenxiao() {
+	uni.navigateTo({
+		url: '/distribution/shop-detail/index?shopId=' + uni.cache.get('shopId')
+	});
+}
+
+function toIntegralMall() {
+	uni.navigateTo({
+		url: '/scoreShop/index/index?shopId=' + uni.cache.get('shopId')
+	});
+}
+
+import { productStore } from '@/stores/user.js';
+import { onShow } from '@dcloudio/uni-app';
+
+// 显示弹窗
+const popupShow = ref(false);
+const scanCodehandle = (i) => {
+	popupShow.value = true;
+};
+
+// 预点单
+function beforehandOrderHandle() {
+	popupShow.value = false;
+	uni.cache.set('dinersNum', 1);
+	uni.cache.set('tableCode', shopUserInfo.id);
+	uni.navigateTo({
+		url: '/pages/product/index?type=beforehand'
+	});
+}
+
+// 扫码点餐
+async function scanOrderHandle() {
+	popupShow.value = false;
+	const store = productStore();
+	await store.scanCodeactions();
+}
+
+function toTaocan() {
+	uni.navigateTo({
+		url: '/userPackage/index/index'
+	});
+}
+
+const memberindex = (url) => {
+	uni.pro.navigateTo(url, {
+		shopId: uni.cache.get('shopId'),
+		type: 'index'
+	});
+};
+const shopUserInfo = reactive({});
+Object.assign(shopUserInfo, uni.cache.get('shopUserInfo') || {});
+
+function tomember() {
+	if (isMember.value) {
+		const shopId = uni.cache.get('shopId');
+		if (!shopUserInfo.isVip) {
+			uni.navigateTo({
+				url: '/user/vip/buy-vip?shopId=' + shopId
+			});
+			return;
+		}
 		uni.navigateTo({
-			url: '/distribution/shop-detail/index?shopId=' + uni.cache.get('shopId')
+			url: '/user/vip/vip?shopId=' + shopId
+		});
+	} else {
+		uni.showToast({
+			title: '暂未开放',
+			icon: 'none'
 		});
 	}
+}
 
-	function toIntegralMall() {
+function toCharge() {
+	if (isCharge.value) {
+		const shopId = uni.cache.get('shopId');
 		uni.navigateTo({
-			url: '/scoreShop/index/index?shopId=' + uni.cache.get('shopId')
+			url: '/pages/user/member/czzx?shopId=' + shopId
+		});
+	} else {
+		uni.showToast({
+			title: '暂未开放',
+			icon: 'none'
 		});
 	}
+}
+const getQueryString = (url, name) => {
+	//解码
+	var reg = new RegExp('(^|&|/?)' + name + '=([^&|/?]*)(&|/?|$)', 'i');
+	var r = url.substr(1).match(reg);
+	if (r != null) {
+		return r[2];
+	}
+	return null;
+};
 
-	import {
-		productStore
-	} from '@/stores/user.js';
-	import {
-		onShow
-	} from '@dcloudio/uni-app';
-
-	// 显示弹窗
-	const popupShow = ref(false);
-	const scanCodehandle = (i) => {
-		popupShow.value = true;
-	};
-
-	// 预点单
-	function beforehandOrderHandle() {
-		popupShow.value = false;
-		uni.cache.set('dinersNum', 1);
-		uni.cache.set('tableCode', shopUserInfo.id);
-		uni.navigateTo({
-			url: '/pages/product/index?type=beforehand'
+// 获取会员配置
+const isMember = ref(0);
+const isCharge = ref(0);
+async function getVipConfig() {
+	try {
+		const res1 = await getMemberConfig({
+			shopId: uni.cache.get('shopId')
 		});
-	}
-
-	// 扫码点餐
-	async function scanOrderHandle() {
-		popupShow.value = false;
-		const store = productStore();
-		await store.scanCodeactions();
-	}
-
-	function toTaocan() {
-		uni.navigateTo({
-			url: '/userPackage/index/index'
-		})
-	}
-
-	const memberindex = (url) => {
-		uni.pro.navigateTo(url, {
-			shopId: uni.cache.get('shopId'),
-			type: 'index'
+		const res2 = await getRechargeConfig({
+			shopId: uni.cache.get('shopId')
 		});
-	};
-	const shopUserInfo = reactive({});
+
+		isMember.value = +res1.memberConfig.isOpen;
+		isCharge.value = +res2.isEnable;
+	} catch (error) {
+		console.log(error);
+	}
+}
+
+const allConfig = reactive({
+	takeout: 0,
+	group: 0,
+	pointsMall: 0,
+	distribution: 0,
+	couponNum: 0,
+	pointNum: 0
+});
+
+function getHomeData() {
+	homeData().then((res) => {
+		Object.assign(allConfig, res);
+		imgs.defaultAvatar = res.userAvatar ? res.userAvatar : imgs.defaultAvatar;
+	});
+}
+onMounted(() => {
+	updateData();
+});
+
+function updateData() {
 	Object.assign(shopUserInfo, uni.cache.get('shopUserInfo') || {});
-
-	function tomember() {
-		if (isMember.value) {
-			const shopId = uni.cache.get('shopId');
-			if (!shopUserInfo.isVip) {
-				uni.navigateTo({
-					url: '/user/vip/buy-vip?shopId=' + shopId
-				});
-				return;
-			}
-			uni.navigateTo({
-				url: '/user/vip/vip?shopId=' + shopId
-			});
-		} else {
-			uni.showToast({
-				title: '暂未开放',
-				icon: 'none'
-			});
-		}
-	}
-
-	function toCharge() {
-		if (isCharge.value) {
-			const shopId = uni.cache.get('shopId');
-			uni.navigateTo({
-				url: '/pages/user/member/czzx?shopId=' + shopId
-			});
-		} else {
-			uni.showToast({
-				title: '暂未开放',
-				icon: 'none'
-			});
-		}
-	}
-	const getQueryString = (url, name) => {
-		//解码
-		var reg = new RegExp('(^|&|/?)' + name + '=([^&|/?]*)(&|/?|$)', 'i');
-		var r = url.substr(1).match(reg);
-		if (r != null) {
-			return r[2];
-		}
-		return null;
-	};
-
-	// 获取会员配置
-	const isMember = ref(0);
-	const isCharge = ref(0);
-	async function getVipConfig() {
-		try {
-			const res1 = await getMemberConfig({
-				shopId: uni.cache.get('shopId')
-			});
-			const res2 = await getRechargeConfig({
-				shopId: uni.cache.get('shopId')
-			});
-
-			isMember.value = +res1.memberConfig.isOpen;
-			isCharge.value = +res2.isEnable;
-		} catch (error) {
-			console.log(error);
-		}
-	}
-
-	const allConfig = reactive({
-		takeout: 0,
-		group: 0,
-		pointsMall: 0,
-		distribution: 0,
-		couponNum: 0,
-		pointNum: 0
-	});
-
-	function getHomeData() {
-		homeData().then((res) => {
-			Object.assign(allConfig, res);
-			imgs.defaultAvatar = res.userAvatar ? res.userAvatar : imgs.defaultAvatar
-		});
-	}
-	onMounted(() => {
-		updateData();
-	});
-
-	function updateData() {
-		Object.assign(shopUserInfo, uni.cache.get('shopUserInfo') || {});
-		getVipConfig();
-		getHomeData();
-	}
-	defineExpose({
-		updateData
-	});
+	getVipConfig();
+	getHomeData();
+}
+defineExpose({
+	updateData
+});
 </script>
 
 <style scoped lang="scss">
-	page {
-		background: #f6f8fa;
-	}
+page {
+	background: #f6f8fa;
+}
 
-	.swiper {
+.swiper {
+	width: 100%;
+	height: 100%;
+
+	.swiper-item {
 		width: 100%;
 		height: 100%;
 
-		.swiper-item {
+		.swiper-bg {
 			width: 100%;
 			height: 100%;
-
-			.swiper-bg {
-				width: 100%;
-				height: 100%;
-			}
 		}
 	}
+}
 
-	.content {
-		.contentbox {
-			position: relative;
+.content {
+	.contentbox {
+		position: relative;
+		width: 100%;
+		height: 430rpx;
+
+		.bg {
 			width: 100%;
-			height: 430rpx;
+			height: 100%;
+			position: absolute;
+			top: 0;
+			left: 0;
+			z-index: -1;
+		}
 
-			.bg {
-				width: 100%;
-				height: 100%;
-				position: absolute;
-				top: 0;
-				left: 0;
-				z-index: -1;
-			}
+		.contentboxitem {
+			position: absolute;
+			bottom: 0;
+			width: 90%;
+			left: 50%;
+			transform: translate(-50%, 50%);
+			padding: 38rpx 0 26rpx 0;
+			background: rgba(255, 255, 255, 0.98);
+			box-shadow: 0rpx 6rpx 12rpx 2rpx rgba(0, 0, 0, 0.16);
+			border-radius: 20rpx 20rpx 20rpx 20rpx;
 
-			.contentboxitem {
-				position: absolute;
-				bottom: 0;
-				width: 90%;
-				left: 50%;
-				transform: translate(-50%, 50%);
-				padding: 38rpx 0 26rpx 0;
-				background: rgba(255, 255, 255, 0.98);
-				box-shadow: 0rpx 6rpx 12rpx 2rpx rgba(0, 0, 0, 0.16);
-				border-radius: 20rpx 20rpx 20rpx 20rpx;
+			.contentboxitemleft {
+				width: 50%;
+				border-right: 2rpx solid #623618;
 
-				.contentboxitemleft {
-					width: 50%;
-					border-right: 2rpx solid #623618;
-
-					image {
-						width: 134rpx;
-						height: 134rpx;
-					}
-
-					.contentboxitemlefttextone {
-						margin-top: 10rpx;
-						font-family: Source Han Sans CN, Source Han Sans CN;
-						font-weight: 400;
-						font-size: 32rpx;
-						color: #333333;
-					}
-
-					.contentboxitemlefttexttow {
-						margin-top: 2rpx;
-						font-family: Source Han Sans CN, Source Han Sans CN;
-						font-weight: 400;
-						font-size: 24rpx;
-						color: #999999;
-					}
+				image {
+					width: 134rpx;
+					height: 134rpx;
 				}
 
-				.contentboxitemright {
-					width: 50%;
-					padding: 0 34rpx;
+				.contentboxitemlefttextone {
+					margin-top: 10rpx;
+					font-family: Source Han Sans CN, Source Han Sans CN;
+					font-weight: 400;
+					font-size: 32rpx;
+					color: #333333;
+				}
 
-					.contentboxitemright_item:nth-child(2) {
-						margin-top: 30rpx;
+				.contentboxitemlefttexttow {
+					margin-top: 2rpx;
+					font-family: Source Han Sans CN, Source Han Sans CN;
+					font-weight: 400;
+					font-size: 24rpx;
+					color: #999999;
+				}
+			}
+
+			.contentboxitemright {
+				width: 50%;
+				padding: 0 34rpx;
+
+				.contentboxitemright_item:nth-child(2) {
+					margin-top: 30rpx;
+				}
+
+				.contentboxitemright_item {
+					image {
+						width: 96rpx;
+						height: 96rpx;
 					}
 
-					.contentboxitemright_item {
-						image {
-							width: 96rpx;
-							height: 96rpx;
+					.contentboxitemright_itembox {
+						width: 170rpx;
+
+						text:nth-child(1) {
+							font-family: Source Han Sans CN, Source Han Sans CN;
+							font-weight: 400;
+							font-size: 32rpx;
+							color: #333333;
 						}
 
-						.contentboxitemright_itembox {
-							width: 170rpx;
-
-							text:nth-child(1) {
-								font-family: Source Han Sans CN, Source Han Sans CN;
-								font-weight: 400;
-								font-size: 32rpx;
-								color: #333333;
-							}
-
-							text:nth-child(2) {
-								margin-top: 2rpx;
-								font-family: Source Han Sans CN, Source Han Sans CN;
-								font-weight: 400;
-								font-size: 24rpx;
-								color: #999999;
-							}
+						text:nth-child(2) {
+							margin-top: 2rpx;
+							font-family: Source Han Sans CN, Source Han Sans CN;
+							font-weight: 400;
+							font-size: 24rpx;
+							color: #999999;
 						}
 					}
 				}
 			}
 		}
 	}
+}
 
-	.popup-content {
-		width: 90vw;
-		background-color: #fff;
-		border-radius: 8px;
+.popup-content {
+	width: 90vw;
+	background-color: #fff;
+	border-radius: 8px;
 
-		.header-wrap {
-			height: 64px;
-			display: flex;
-			align-items: center;
-			justify-content: space-between;
-			border-bottom: 1px solid #ececec;
-			padding: 0 28upx;
+	.header-wrap {
+		height: 64px;
+		display: flex;
+		align-items: center;
+		justify-content: space-between;
+		border-bottom: 1px solid #ececec;
+		padding: 0 28upx;
 
-			.t {
-				font-size: 32upx;
-				color: #333;
-			}
-
-			.close {
-				$size: 60upx;
-				width: $size;
-				height: $size;
-				display: flex;
-				align-items: center;
-				justify-content: center;
-			}
+		.t {
+			font-size: 32upx;
+			color: #333;
 		}
 
-		.btn-content {
-			height: 86px;
+		.close {
+			$size: 60upx;
+			width: $size;
+			height: $size;
 			display: flex;
 			align-items: center;
 			justify-content: center;
-			gap: 60upx;
-
-			.btn {
-				width: 248upx;
-			}
 		}
 	}
 
-	.menus {
+	.btn-content {
+		height: 86px;
 		display: flex;
-		padding: 32rpx 40rpx;
-		margin-top: 150rpx;
-		gap: 20rpx;
-
-		.menu-item {
-			background-color: #fff;
-			border-radius: 16rpx;
-			text-align: center;
-			padding: 32rpx 28rpx;
-			box-shadow: 0rpx 6rpx 12rpx 2rpx rgba(0, 0, 0, 0.16);
-			flex: 1;
-		}
-	}
-
-	.userInfo {
-		display: flex;
-		padding: 22rpx 24rpx;
-		margin: 0 4rpx;
 		align-items: center;
-		align-self: stretch;
-		border-radius: 24rpx;
-		background: #fff;
-		position: relative;
-		z-index: 99;
-		margin-top: -36rpx;
+		justify-content: center;
+		gap: 60upx;
 
-		.vip {
-			background: #fa720a;
-			font-size: 24rpx;
-			color: #ffffff;
-			padding: 6rpx 10rpx;
-			margin-left: 10rpx;
-			border-radius: 20rpx 20rpx 20rpx 0;
-		}
-
-		.code {
-			width: 33px;
-			height: 33px;
+		.btn {
+			width: 248upx;
 		}
 	}
+}
 
-	.new-menus-box {
-		margin: 0 16rpx 0 16rpx;
+.menus {
+	display: flex;
+	padding: 32rpx 40rpx;
+	margin-top: 150rpx;
+	gap: 20rpx;
 
-		.new-menus {
-			display: flex;
-			background-color: #fff;
-			border-radius: 16rpx;
-			align-items: center;
-
-			.icon {
-				width: 79px;
-				height: 79px;
-			}
-
-			&.layout2 {
-				padding: 29px 0;
-
-				.diner,
-				.takeout {
-					flex: 1;
-					display: flex;
-					flex-direction: column;
-					justify-content: center;
-					align-items: center;
-				}
-
-				.line {
-					width: 2rpx;
-					height: 156rpx;
-					background: #ededed;
-				}
-
-				.takeout {}
-			}
-
-			&.layout1 {
-				padding: 36rpx 40rpx;
-				justify-content: space-between;
-				display: flex;
-				align-items: center;
-
-				.big_img {
-					width: 330rpx;
-					height: 330rpx;
-				}
-
-				.title {
-					font-size: 48rpx;
-				}
-
-				.desc {
-					margin-top: 20rpx;
-					font-size: 32rpx;
-					color: #999;
-				}
-			}
-		}
-	}
-
-	.groupBuying {
-		padding: 16rpx 38rpx;
-		border-top: 2rpx solid #ededed;
+	.menu-item {
 		background-color: #fff;
-		display: flex;
-		justify-content: space-between;
-		align-items: center;
-
-		.img {
-			width: 40px;
-			height: 40px;
-		}
-	}
-
-	.title {
-		color: #333333;
-		font-size: 36rpx;
-		font-weight: 700;
-	}
-
-	.desc {
-		margin-top: 16rpx;
-		font-size: 28rpx;
-		color: #999;
-	}
-
-	.points {
-		margin-top: 10px;
-		background-color: #fff;
-		padding: 16rpx 68rpx;
 		border-radius: 16rpx;
+		text-align: center;
+		padding: 32rpx 28rpx;
+		box-shadow: 0rpx 6rpx 12rpx 2rpx rgba(0, 0, 0, 0.16);
+		flex: 1;
+	}
+}
+
+.userInfo {
+	display: flex;
+	padding: 22rpx 24rpx;
+	margin: 0 4rpx;
+	align-items: center;
+	align-self: stretch;
+	border-radius: 24rpx;
+	background: #fff;
+	position: relative;
+	z-index: 99;
+	margin-top: -36rpx;
+
+	.vip {
+		background: #fa720a;
+		font-size: 24rpx;
+		color: #ffffff;
+		padding: 6rpx 10rpx;
+		margin-left: 10rpx;
+		border-radius: 20rpx 20rpx 20rpx 0;
+	}
+
+	.code {
+		width: 33px;
+		height: 33px;
+	}
+}
+
+.new-menus-box {
+	margin: 0 16rpx 0 16rpx;
+
+	.new-menus {
 		display: flex;
+		background-color: #fff;
+		border-radius: 16rpx;
 		align-items: center;
-		justify-content: space-between;
 
-		.img {
-			width: 98px;
-			height: 98px;
+		.icon {
+			width: 79px;
+			height: 79px;
 		}
-	}
 
-	.taocan {
-		.img {
-			width: 117px;
-			height: 117px;
+		&.layout2 {
+			padding: 29px 0;
+
+			.diner,
+			.takeout {
+				flex: 1;
+				display: flex;
+				flex-direction: column;
+				justify-content: center;
+				align-items: center;
+			}
+
+			.line {
+				width: 2rpx;
+				height: 156rpx;
+				background: #ededed;
+			}
+
+			.takeout {
+			}
 		}
-	}
 
-	.bottom_menus {
-		display: flex;
-		gap: 14rpx;
-		margin-top: 10px;
-
-		.item {
-			flex: 1;
+		&.layout1 {
+			padding: 36rpx 40rpx;
+			justify-content: space-between;
 			display: flex;
-			padding: 20rpx;
-			flex-direction: column;
 			align-items: center;
-			border-radius: 18rpx;
-			background: #fff;
 
-			.img {
-				width: 39px;
-				height: 39px;
+			.big_img {
+				width: 330rpx;
+				height: 330rpx;
 			}
 
 			.title {
-				font-size: 32rpx;
+				font-size: 48rpx;
 			}
 
 			.desc {
-				margin-top: 8rpx;
+				margin-top: 20rpx;
+				font-size: 32rpx;
 				color: #999;
-				font-size: 24rpx;
-				white-space: nowrap;
 			}
 		}
 	}
-</style>
\ No newline at end of file
+}
+
+.groupBuying {
+	padding: 16rpx 38rpx;
+	border-top: 2rpx solid #ededed;
+	background-color: #fff;
+	display: flex;
+	justify-content: space-between;
+	align-items: center;
+
+	.img {
+		width: 40px;
+		height: 40px;
+	}
+}
+
+.title {
+	color: #333333;
+	font-size: 36rpx;
+	font-weight: 700;
+}
+
+.desc {
+	margin-top: 16rpx;
+	font-size: 28rpx;
+	color: #999;
+}
+
+.points {
+	margin-top: 10px;
+	background-color: #fff;
+	padding: 16rpx 68rpx;
+	border-radius: 16rpx;
+	display: flex;
+	align-items: center;
+	justify-content: space-between;
+
+	.img {
+		width: 98px;
+		height: 98px;
+	}
+}
+
+.taocan {
+	.img {
+		width: 117px;
+		height: 117px;
+	}
+}
+
+.bottom_menus {
+	display: flex;
+	gap: 14rpx;
+	margin-top: 10px;
+
+	.item {
+		flex: 1;
+		display: flex;
+		padding: 20rpx;
+		flex-direction: column;
+		align-items: center;
+		border-radius: 18rpx;
+		background: #fff;
+
+		.img {
+			width: 39px;
+			height: 39px;
+		}
+
+		.title {
+			font-size: 32rpx;
+		}
+
+		.desc {
+			margin-top: 8rpx;
+			color: #999;
+			font-size: 24rpx;
+			white-space: nowrap;
+		}
+	}
+}
+</style>