1

subPackages/activity/dazhaxie.vue

@@ -1,4 +1,5 @@
 <template>
+	<page-meta :page-style="'overflow:'+(popShow?'hidden':'visible')"></page-meta>
 	<view class="bg" v-if="headImg">
 		<image v-if="headImg" :src="showImg(headImg)" class="topImg" mode="widthFix"></image>
 		
@@ -20,8 +21,39 @@
 			</view>
 			
 			<view class="prod-container">
-				<view class="prod-top" :style="{'background-image':`url(${typeList[typeIndex].bgImg})`}"></view>
+				<image @click="showJudgeImg()" class="judge-btn" mode="widthFix" v-if="typeIndex==0" src="https://static.ticket.sz-trip.com/uploads/20250926/44091fc646c20b76a826cebd9820a50f.png"></image>
+				
+				<view class="prod-top" :style="{'background-image':`url(${typeList[typeIndex].bgImg})`}">
+					<view class="xie-type" v-if="typeIndex==0">
+						<view class="xie-type-item" @click="xieTypeIndex=0">
+							<image v-show="xieTypeIndex==1" mode="heightFix" src="https://static.ticket.sz-trip.com/uploads/20250926/12e47551b09f9779cbca31e7502d2459.png"></image>
+							<image v-show="xieTypeIndex==0" mode="heightFix" src="https://static.ticket.sz-trip.com/uploads/20250926/0bf77d1ae17523c54be54012799ef71a.png"></image>
+						</view>
+						<view class="xie-type-item"  @click="xieTypeIndex=1">
+							<image v-show="xieTypeIndex==0" mode="heightFix" src="https://static.ticket.sz-trip.com/uploads/20250926/a326d712879371258fab73d6fb52da70.png"></image>
+							<image v-show="xieTypeIndex==1" mode="heightFix" src="https://static.ticket.sz-trip.com/uploads/20250926/b544167679d48b610189e505fa18b94d.png"></image>
+						</view>
+					</view>
+				</view>
 				<view class="prod-box flex-between" v-if="typeIndex!=2">
+					<view v-if="typeIndex==0" style="width: 100%;height: 10rpx;"></view>
+					<template v-if="typeIndex==0&&xieTypeIndex==1">
+						<view class="column-product"  @click="gotoDetailByType(item)" :key="index"
+							v-for="(item,index) in xieList.list.slice(0,xieList.viewNum)">
+							<image class="img" :src="showImg(item.headimg)" mode="aspectFill"></image>
+							<view class="content flex-column">
+								<view class="title text-overflowRows">{{item.title}}</view>
+								<view class="flex-between">
+									<view class="price">{{item.price/100}}</view>
+									<view class="btn">立即抢购</view>
+								</view>
+							</view>
+						</view>
+						<image class="view-more" src="https://static.ticket.sz-trip.com/uploads/20250923/e121513a65fda74f822c660cda703e9a.png"
+						v-if="xieList.list.length>0&&xieList.viewNum<=6"  mode="heightFix"
+						@click="xieList.viewNum=999"></image>
+					</template>
+					<template v-else>
 					<view class="column-product"  @click="gotoDetailByType(item)" :key="index"
 						v-for="(item,index) in typeList[typeIndex].list.slice(0,typeList[typeIndex].viewNum)">
 						<image class="img" :src="showImg(item.headimg)" mode="aspectFill"></image>
@@ -40,6 +72,7 @@
 					<image class="view-more" src="https://static.ticket.sz-trip.com/uploads/20250923/e121513a65fda74f822c660cda703e9a.png"
 					v-if="typeList[typeIndex].list.length>0&&typeList[typeIndex].viewNum<=6"  mode="heightFix"
 					@click="typeList[typeIndex].viewNum=999"></image>
+					</template>
 				</view>
 				<view class="prod-box flex-between" v-else>
 					<view class="row-product"  @click="gotoDetailByType(item)" :key="index"
@@ -67,6 +100,12 @@
 			<image @click="returnTop" v-show="showGoTop" class="back-img" src="https://static.ticket.sz-trip.com/uploads/20250923/aa531e802bfde6499454f598f59c46e7.png"></image>
 			
 		</view>
+		
+		<uni-popup ref="popup" type="center" mask-background-color="rgba(0,0,0,0.6)" @change="changPopShow">
+			<view class="judge-pop-img" @click="$refs.popup.close()">
+				<image style="width: 100%;" mode="widthFix" src="https://static.ticket.sz-trip.com/uploads/20250926/d7e9d88c26f855e3ff3e829446d541b6.png"></image>
+			</view>
+		</uni-popup>
 	
 		<image class="bottom-bg" mode="widthFix" src="https://static.ticket.sz-trip.com/uploads/20250923/8f51b25f72dc0472ba2a3ea2f22208f7.png"></image>
 	</view>
@@ -83,11 +122,13 @@
 				],
 				isReceive: true,
 				typeIndex: 0,
+				xieTypeIndex:0,
+				xieList: {list: [], viewNum: 6,id: 113},
 				typeList: [
 					{
 						id: 109,title: "品蟹鲜",viewNum:6, list: [],
 						img:"https://static.ticket.sz-trip.com/uploads/20250923/ef4b6d89375e1039eda49c249a839660.png",
-						imgs:"https://static.ticket.sz-trip.com/uploads/20250923/ed2c1171860c03d458b2ef031880b55b.png",
+						imgs:"https://static.ticket.sz-trip.com/uploads/20250926/3363f324779fb5cc012461403fb18601.png",
 						bgImg:"https://static.ticket.sz-trip.com/uploads/20250923/d4d12e09fc1d1dbfcde2b3737627299c.png",
 					},
 					{
@@ -110,6 +151,7 @@
 					},
 				],
 				showGoTop: false,
+				popShow: false,
 			}
 		},
 		onLoad(option) {
@@ -120,6 +162,10 @@
 			this.getGoods()
 		},
 		methods: {
+			changPopShow (e) {
+				this.popShow = e.show
+			},
+			
 			getHeadImg (id) {
 				this.Post({id},'/api/multimedia/detail').then(res => {
 					this.headImg = res.data.head_img
@@ -155,6 +201,17 @@
 						console.log(p)
 					})
 				}
+				
+				this.Post({
+					tag_id: this.xieList.id,
+					offset: 0,
+				    limit: 999,
+				},'/api/product/get_product_by_tag_subject').then(res => {
+					if (res.data.list.length < this.xieList.viewNum) {
+						p.viewNum = 999
+					}
+					this.xieList.list = res.data.list
+				})
 			
 			},
 			getCoupon(item) {
@@ -184,6 +241,11 @@
 			viewDetail(item) {
 				this.gotoDetailByType(item)
 			},
+			
+			showJudgeImg () {
+				this.$refs.popup.open()
+			},
+			
 			returnTop(){
 				uni.pageScrollTo({
 					scrollTop: 0,
@@ -337,6 +399,7 @@
 	.prod-container{
 		width: 710rpx;
 		margin: 0 auto;
+		position: relative;
 	}
 	
 	.prod-box{
@@ -352,6 +415,7 @@
 		background-size: 100% 100%;
 		height: 125rpx;
 		width: 100%;
+		padding: 20rpx 20rpx 0;
 	}
 	.prod-bottom{
 		background-size: 100% 100%;
@@ -419,4 +483,35 @@
 		width: 100%;
 		z-index: 1;
 	}
+	
+	.xie-type{
+		height: 100%;
+		width: 100%;
+		padding: 0 86rpx;
+		display: flex;
+		align-items: center;
+		justify-content: space-between;
+		background: white;
+		.xie-type-item{
+			height: 74rpx;
+			image{
+				width: 230rpx;
+				height: 100%;
+			}
+		}
+	}
+	.judge-btn{
+		position: absolute;
+		right: -20rpx;
+		width: 160rpx;
+		top: 88rpx;
+		z-index: 5;
+	}
+	.judge-pop-img{
+		width: 710rpx;
+		margin: 0 auto;
+		padding: 250rpx 0;
+		height: 100vh;
+		overflow-y: auto;
+	}
 </style>