邓洁 : 首页icon页面渲染

pages/index/NavBarPages/cjal/cjal.vue

@@ -1,15 +1,10 @@
 <template>
 	<view class="marginLR10">
-		<view class="head-img">
-			<u-image 
-				:src="headimg" 
-				width=100%
-				height=200rpx
-				radius="10px"
-				></u-image>
-		</view>
+		<!-- 	<view class="head-img">
+			<u-image :src="headimg" width=100% height=200rpx radius="10px"></u-image>
+		</view> -->
 		<view>
-			<SearchShopList :show-style="2"></SearchShopList>
+			<SearchShopList :show-style="2" :searchInfoList="shopInfoList"></SearchShopList>
 		</view>
 	</view>
 </template>
@@ -19,10 +14,20 @@
 		data() {
 			return {
 				headimg: "https://alifei01.cfp.cn/creative/vcg/800/new/VCG41175510742.jpg",
+				shopInfoList: [],
 			}
 		},
+		onLoad() {
+			this.getInfo()
+		},
 		methods: {
-			
+			getInfo() {
+				this.$api.getSuccList().then(res => {
+					this.shopListLength = res.data.data.length
+					this.shopInfoList = [...this.shopInfoList, ...res.data.data]
+					console.log(this.shopInfoList);
+				})
+			}
 		}
 	}
 </script>
@@ -31,14 +36,15 @@
 	page {
 		background-color: #f8f8f8;
 	}
+
 	.marginLR10 {
 		margin: 0 10px;
 	}
+
 	.head-img {
 		margin-top: 10rpx;
 		width: 100%;
 		height: 200rpx;
 		border-radius: 10px;
 	}
-	
-</style>
+</style>