首页剧目改成支持多个的情况

common/apiurl.js

@@ -37,14 +37,9 @@ const apiurl = {
 		url: '/system/common/getAgreement',
 		type: 'get'
 	},
-	// 列表游玩攻略
-	introductionList: {
-		url: '/merchant/merchantIntroduction/pageList',
-		type: 'get'
-	},
-	// 列表查询推荐路线
-	recommendedList: {
-		url: '/merchant/merchantRoute/pageList',
+	// 首页信息
+	clientIndex: {
+		url: '/client/index',
 		type: 'get'
 	},
 	

pages/index/index.vue

@@ -19,28 +19,31 @@
 		<view class="blurbanner" style="height: 600rpx;" :class="{ isblur: isblur }"></view>
 		<view class="index-bg" :style="{backgroundImage:`url(${staticUrl}/img/index-bg.png?a=1)`}"></view>
 		<view class="page-wrap">
-			<view class="programme-wrap">
-				<view class="star-title u-flex u-row-between">
-					<view class="left u-flex">
-						<image class="icon" :src="staticUrl+'/img/title-star.png'" ></image>
-						<text class="text">演出剧目</text>
-					</view>
+			<view class="star-title u-flex u-row-between">
+				<view class="left u-flex">
+					<image class="icon" :src="staticUrl+'/img/title-star.png'" ></image>
+					<text class="text">演出剧目</text>
 				</view>
-				<view class="programme">
-					<image class="img" :src="staticUrl+'/img/programme-01.png'" ></image>
-					<view class="text u-flex u-row-between">
-						<view class="left">
-							<view class="name">《伟大转折》</view>
-							<view class="addr">演出地点：遵义市《伟大转折》演艺中心</view>
+			</view>
+			<swiper class="swiper" :autoplay="true" style="height: 400rpx;margin-bottom: 34rpx" >
+				<swiper-item :item-id="item.id" v-for="(item,index) in theatreList" :key="index">
+					<view class="programme-wrap">
+						<view class="programme">
+							<image class="img" :src="staticUrl+'/img/programme-01.png'" ></image>
+							<view class="text u-flex u-row-between">
+								<view class="left">
+									<view class="name">{{item.name}}</view>
+									<view class="addr">演出地点：{{item.address}}</view>
+								</view>
+								<view class="btn" @click="bookticket(item)">立即预定</view>
+							</view>
+							<view class="share" @click="openShare">
+								<image class="icon" :src="staticUrl+'/img/share-ico.png'" ></image>
+							</view>
 						</view>
-						<view class="btn" @click="bookticket">立即预定</view>
-					</view>
-					<view class="share" @click="openShare">
-						<image class="icon" :src="staticUrl+'/img/share-ico.png'" ></image>
 					</view>
-				</view>
-			</view>
-			
+				</swiper-item>
+			</swiper>
 		</view>
 		<view class="news-wrap">
 			<view class="star-title u-flex u-row-between">
@@ -115,6 +118,24 @@
 					'https://unsplash.it/750/600?id=1',
 					'https://unsplash.it/750/600?id=2'
 				],
+				theatreList:[
+					{
+						"id": "885393375392915456",
+						"createTime": "2023-11-17 15:24:01",
+						"delFlag": 0,
+						"merchantId": "881439801432473600",
+						"name": "伟大转折演绎中心",
+						"showImg": "https://",
+						"capacityNum": 100,
+						"address": "遵义红军街",
+						"longitude": "106.089989879",
+						"latitude": "26.587848",
+						"contactName": "殷登顺",
+						"contactMobile": "18586814704",
+						"theatreSnapshot": "简单说明",
+						"status": 1
+					  }
+				],//剧院信息列表
 				bannerCurrent: 0,
 				isblur:false,
 				newsList:[
@@ -146,6 +167,7 @@
 			// console.log('windowHeight',this.windowHeight);
 			// console.log('navHeight',this.navHeight);
 			// console.log('vuex_member_info=======',this.vuex_member_info);
+			this.getClientIndex();
 
 		},
 		onReady() {
@@ -173,6 +195,15 @@
 					console.log('getHotGoods',err.data);
 				})
 			},
+			getClientIndex(){
+				this.$u.api.clientIndex().then(res=>{
+					console.log('res',res);
+					this.bannerList = res.data.advList;
+					this.theatreList = res.data.theatreList;
+				}).catch(err=>{
+					console.log('getClientIndex',err.data);
+				})
+			},
 			goLogin(){
 				uni.$u.route('/pages/login/login')
 			},
@@ -183,8 +214,9 @@
 					this.isblur = false
 				}
 			},
-			bookticket(){
-				uni.$u.route('pages/ticketlist')
+			bookticket(item){
+				// console.log('bookticket',item);
+				uni.$u.route('pages/ticketlist',{id:item.id})
 			},
 			openShare(){
 				this.shareShow = true;
@@ -345,7 +377,7 @@ $pagegap:32rpx;
 	
 }
 .programme-wrap{
-	margin-bottom: 64rpx;
+	// margin-bottom: 64rpx;
 	.programme{
 		// background-color: #FFFFFF;
 		position: relative;