tab

components/tab-bar/postList.vue

@@ -1,6 +1,15 @@
 <template>
+	<!-- 鱼塘 -->
 	<view class="page1">
-		<view>333333333333</view>
+		<view class="title">
+			<view class="title-sreach">
+				<uni-icons type="search"></uni-icons>
+				<input type="text" placeholder="搜索" />
+				<view class="">
+					搜索
+				</view>
+			</view>
+		</view>
 	</view>
 </template>
 
@@ -8,7 +17,7 @@
 	export default {
 		data() {
 			return {
-				
+				menuButtonInfo: {}
 			}
 		},
 		props:{
@@ -16,22 +25,55 @@
 		},
 		watch: {
 			
+		},
+		onReachBottom() {
+			if (this.searchForm.pageNumber >= this.totalPages) return;
+			// this.status = 'loading';
+			this.searchForm.pageNumber++;
+			this.getShopList();
+		
 		},
 		methods: {
+			init() {
+				console.log("配送初始化")
+				this.menuButtonInfo = uni.getMenuButtonBoundingClientRect()
+				this.$forceUpdate()
+			},
+			getShopList(){
 				
+			}
 		}
 	}
 </script>
 
 <style>
-	page{
+	page {
 		width: 100%;
 		height: 100%;
-		font-size: 28rpx;
+		font-size: 24rpx;
+		background: #F5F8F5;
+		color: #00231C;
 	}
+	
 	.page1 {
 		width: 100%;
 		height: 100%;
-		font-size: 28rpx;
+		font-size: 24rpx;
+		position: relative;
+		display: flex;
+		flex-direction: column;
+	}
+	
+	.title {
+		background: url('https://jewel-shop.oss-cn-beijing.aliyuncs.com/25cad6ddbfb44230abf0c4d1a6259e16.png') no-repeat;
+		width: 100%;
+		height: 190px;
+	}
+	
+	.title-sreach {
+		width: 100%;
+		display: flex;
+		height: 200rpx;
+		position: relative;
 	}
 </style>