From b31af81a5e151bf8476cc2830d402f2f0593eb25 Mon Sep 17 00:00:00 2001
From: yanyan <evelyn_yanyan@sina.cn>
Date: Mon, 15 Jan 2024 10:51:43 +0800
Subject: [PATCH] =?UTF-8?q?=E5=B0=8F=E7=A8=8B=E5=BA=8F=E9=A6=96=E9=A1=B5?=
 =?UTF-8?q?=E6=B8=B2=E6=9F=93?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pages/index/index.vue | 61 ++++++++++++++++++++++++++++++++++---------
 1 file changed, 48 insertions(+), 13 deletions(-)

diff --git a/pages/index/index.vue b/pages/index/index.vue
index a929777..f252c4f 100644
--- a/pages/index/index.vue
+++ b/pages/index/index.vue
@@ -1,7 +1,7 @@
 <template>
 	<view>
 		<view class="index-background">
-			<my-search  @click="searchInfo"></my-search>
+			<image :src="topImg"></image>
 		</view>
 		<!-- 轮播图 -->
 		<swiper :indicator-dots="true" :autoplay="true" :interval="3000" :duration="1000" :circular="true">
@@ -9,12 +9,16 @@
 				<!-- <view class="swiper-item">
 					<image :src="item.image_src"></image>
 				</view> -->
-				<navigator class="swiper-item" :url="'/subpackage/detail/detail?goods_id='+item.goods_id">
-					<image :src="item.image_src"></image>
+				<navigator class="swiper-item">
+					<image :src="item"></image>
 				</navigator>
 			</swiper-item>
 		</swiper>
-
+		<view class="scene-list">
+		   <view class="scene-item" v-for="(item,i) in sceneList" :key="i">
+		   	 <image :src="item" class="scene-img"></image>
+		   </view>	
+		</view>
 	</view>
 </template>
 
@@ -22,22 +26,37 @@
 	export default {
 		data() {
 			return {
+				//顶部图片
+				topImg: "",
 				//轮播图数据列表
 				swiperList: [],
+				//场景入口
+				sceneList:[]
 			};
 		},
 		onLoad() {
-		
 			this.getSwiperList()
 		},
 		methods: {
+	
 			async getSwiperList() {
+				
 				const {
 					data: res
-				} = await uni.$http.get('/api/public/v1/home/swiperdata')
-				if (res.meta.status !== 200) return uni.$showMsg()
+				} = await uni.$http.post('/small/customImage/listAll')
+				if (!res.success) return uni.$showMsg()
 
-				this.swiperList = res.message
+				res.data.forEach(item=>{
+					item.uploadPath = 'http://localhost:85' +item.uploadPath
+					if (item.position === "top"){
+						this.topImg = item.uploadPath
+					} else if(item.position === "middle"){
+						this.swiperList.push(item.uploadPath)
+					} else if(item.position === "bottom"){
+						this.sceneList.push(item.uploadPath)
+					} 
+				})
+				
 				uni.$showMsg('数据请求成功！')
 			},
 		}
@@ -45,18 +64,34 @@
 </script>
 
 <style lang="scss">
-	.search-box{
-		 position: sticky;
-		 top: 0;
-		 z-index: 9999;
+	.index-background{
+		image{
+			height: 270rpx;
+			width: 100%;
+		}
 	}
+	
 	swiper {
-		height: 330rpx;
+		height: 630rpx;
 
 		.swiper-item,
 		image {
 			width: 100%;
 			height: 100%;
+			border-radius: 4px;
 		}
 	}
+
+	
+	.scene-list {
+		display: flex;
+		justify-content: space-around;
+		margin: 5px 0;
+	}
+	
+	.scene-img {
+		width: 358rpx;
+		height: 290rpx;
+		border-radius: 8px;
+	}
 </style>