diff --git a/components/zy/filterDropdown.vue b/components/zy/filterDropdown.vue
index 99cbb80..f4a0c78 100644
--- a/components/zy/filterDropdown.vue
+++ b/components/zy/filterDropdown.vue
@@ -544,23 +544,23 @@
         height: 44px;
         border-bottom: solid 1rpx #eee;
         z-index: 12;
-        background-color: #ffffff;
+        background: linear-gradient(-90deg, #F9DED9 0%, #F8DFC0 99%);
         flex-direction: row;
 
         .first-menu {
             width: 100%;
             font-size: 15px;
-            color: #757575;
+            color: #000000;
             flex-direction: row;
             align-items: center;
             justify-content: center;
             transition: color .2s linear;
 
             &.on {
-                color: #2979ff;
+                color: #f44336;
 
                 .iconfont {
-                    color: #2979ff;
+                    color: #f44336;
                 }
             }
 
@@ -585,6 +585,7 @@
         width: 100%;
         position: absolute;
         left: 0;
+		margin-top: -2px;
         transform: translate3d(0, - 100%, 0);
         max-height: 345px;
         background-color: #ffffff;
@@ -624,7 +625,7 @@
                 > .iconfont {
                     display: none;
                     font-size: 18px;
-                    color: #2979ff;
+                    color: #f44336;
                 }
             }
         }
@@ -654,7 +655,7 @@
                 border-bottom: solid 1rpx #e5e5e5;
 
                 &.on {
-                    color: #2979ff;
+                    color: #f44336;
 
                     > .menu-name {
                         > .iconfont {
@@ -677,12 +678,12 @@
                     > .iconfont {
                         display: none;
                         font-size: 18px;
-                        color: #2979ff;
+                        color: #f44336;
                     }
                 }
 
                 &.on {
-                    color: #2979ff;
+                    color: #f44336;
 
                     > .menu-name {
                         > .iconfont {
@@ -716,7 +717,7 @@
 
                         &.on {
                             border-color: #f6c8ac;
-                            color: #2979ff;
+                            color: #f44336;
                         }
 
                         .iconfont {
@@ -757,8 +758,8 @@
                     flex-wrap: wrap;
 
                     .on {
-                        border-color: #2979ff;
-                        background-color: #2979ff;
+                        border-color: #f44336;
+                        background-color: #f44336;
                         color: #fff;
                     }
 
@@ -794,18 +795,18 @@
                 width: 320rpx;
                 height: 42px;
                 border-radius: 42px;
-                border: 2rpx solid #2979ff;
+                border: 2rpx solid #f44336;
                 align-items: center;
                 justify-content: center;
             }
 
             .reset {
-                color:#2979ff;
+                color:#f44336;
             }
 
             .submit {
                 color: #fff;
-                background-color: #2979ff;
+                background-color: #f44336;
             }
         }
     }
diff --git a/pages/detail/assetsDetail.vue b/pages/detail/assetsDetail.vue
index 0ab336d..c73f7cd 100644
--- a/pages/detail/assetsDetail.vue
+++ b/pages/detail/assetsDetail.vue
@@ -1,18 +1,17 @@
 <template>
-  <view class="asset-detail">
-    <!-- 顶部导航栏 -->
-   <customNavbar
-      title="不动资产详情" ref="navbar"/>
-    <!-- 顶部信息块 -->
-    <view :style="{ paddingTop: navTotalHeight + 'px' }">
-     <!--   <u-swiper
-          :list="asset.images"
-          height="220"
-          border-radius="12"
-          autoplay
-          interval="3000"
-        ></u-swiper> -->
-	<AssetGallery
+	<view class="asset-detail">
+		<!-- 顶部导航栏 -->
+		<!--   <customNavbar
+      title="资产详情" ref="navbar"/> -->
+
+		<!-- <u-navbar title="资产详情" :autoBack="true" :background="background" title-color="#2D2B2C"
+			back-icon-color="#2D2B2C">
+		</u-navbar> -->
+		<!-- 图片展示区 -->
+		<view class="image-section" :style="{ paddingTop: navTotalHeight + 'px' }">
+			<u-icon name="arrow-left" color="#000000" size="24px" @click="back"></u-icon>
+			<image src="/static/30091712.jpg"></image>
+			<!-- <AssetGallery
 	  :insideImages="asset.images"
 	  :vrImage="asset.vrImage"
 	  :vrSrc="asset.vr"
@@ -22,302 +21,414 @@
 	  @vr-click="viewVR"
 	  @video-play="playVideo"
 	  @ad-click="onAdClick"
-	/>
+	/> -->
+		</view>
 
-    </view>
+		<!-- 资产基本信息 -->
+		<view class="container">
+			<view class="basic-info">
+				<view class="info-header">
+					<view class="category-tag">{{ asset.category }}</view>
+					<view class="asset-name">{{ asset.name }}</view>
+				</view>
+				<view class="rent-price">¥1500/月</view>
+				<view class="community-info">
+					<text class="label">所属小区：</text>
+					<text>{{ asset.community }}</text>
+				</view>
+				<view class="address-info">
+					<text class="label">地址：</text>
+					<text>{{ asset.address }}</text>
+				</view>
+				<button class="vr-btn" @click="viewVR">查看VR图</button>
+			</view>
 
-    <view class="content">
-<!-- 基本信息 -->
-    <mycard title="资产信息">
-      <view class="info-list">
-        <u-cell-group>
-          <u-cell-item title="资产编号" :value="asset.code" :arrow="false"/>
-          <u-cell-item title="资产类别" :value="asset.category" :arrow="false"/>
-          <u-cell-item title="资产面积" :value="asset.area + '㎡'" :arrow="false"/>
-          <u-cell-item title="资产价值" :value="'¥' + formatMoney(asset.value)" :arrow="false"/>
-          <u-cell-item title="权属单位" :value="asset.owner" :arrow="false"/>
-        </u-cell-group>
-      </view>
-    </mycard>
+			<!-- 地图位置 -->
+			<view class="map-container">
+				<map :latitude="asset.lat" :longitude="asset.lng" :markers="markers"
+					style="width: 92%; height: 300rpx;"></map>
+			</view>
 
-    <!-- 位置信息 -->
-    <mycard title="位置信息" >
-      <view class="map-section">
-        <u-cell-group>
-          <u-cell-item title="地址" :value="asset.address" :arrow="false"/>
-        </u-cell-group>
+			<!-- 资产信息表格 -->
+			<view class="asset-info-table">
+				<view class="table-title">资产信息</view>
+				<view class="table-content">
+					<view class="table-row">
+						<view class="row-item">
+							<view class="item-label">编号</view>
+							<view class="item-value">{{ asset.code }}</view>
+						</view>
+						<view class="row-item">
+							<view class="item-label">面积</view>
+							<view class="item-value">105㎡</view>
+						</view>
+					</view>
+					<view class="table-row">
+						<view class="row-item">
+							<view class="item-label">类别</view>
+							<view class="item-value">{{ asset.category }}</view>
+						</view>
+						<view class="row-item">
+							<view class="item-label">价值</view>
+							<view class="item-value">¥{{ formatMoney(asset.value) }}</view>
+						</view>
+					</view>
+					<view class="table-row">
+						<view class="row-item full-width">
+							<view class="item-label">权属</view>
+							<view class="item-value">{{ asset.owner }}</view>
+						</view>
+					</view>
+				</view>
+			</view>
+		</view>
 
-        <map
-          :latitude="asset.lat"
-          :longitude="asset.lng"
-          :markers="markers"
-          style="width: 100%; height: 300rpx; border-radius: 12rpx; margin-top: 20rpx;"
-        ></map>
-      </view>
-    </mycard>
+		<!-- 预约弹窗 -->
+		<u-popup v-model="showReserve" mode="bottom" border-radius="20">
+			<view class="popup-content">
+				<text class="popup-title">预约看房</text>
+				<u-input v-model="reserveName" placeholder="请输入姓名" />
+				<u-input v-model="reservePhone" placeholder="请输入电话" />
+				<u-button type="primary" @click="submitReserve">提交预约</u-button>
+			</view>
+		</u-popup>
 
-    <!-- 备注信息 -->
-    <mycard title="备注信息">
-      <view class="remark">
-        {{ asset.remark || '暂无备注信息' }}
-      </view>
-    </mycard>
-    </view>
-    <!-- 预约弹窗 -->
-    <u-popup v-model="showReserve" mode="bottom" border-radius="20">
-      <view class="popup-content">
-        <text class="popup-title">预约看房</text>
-        <u-input v-model="reserveName" placeholder="请输入姓名" />
-        <u-input v-model="reservePhone" placeholder="请输入电话" />
-        <u-button type="primary" @click="submitReserve">提交预约</u-button>
-      </view>
-    </u-popup>
-
-    <!-- 底部导航栏 -->
-    <assetBottomBar v-if ="asset.status === 0" :phone="asset.contact" @reserve="showReserve = true" />
-  </view>
+		<!-- 底部导航栏 -->
+		<assetBottomBar v-if="asset.status === 0" :phone="asset.contact" @reserve="showReserve = true" />
+	</view>
 </template>
 
 <script>
-import mycard from '../../components/card/mycard.vue';
-import assetBottomBar from '../../components/bottom/assetBottomBar.vue';
-import AssetGallery from '../../components/gallery/AssetGallery.vue'
-export default {
-  components:{
-    mycard,
-    assetBottomBar,
-	AssetGallery
-  },
-  data() {
-    return {
-         // 控制预约弹窗显示
-      showReserve: false,
-      navTotalHeight: 0,
-      // 预约表单数据
-      reserveName: '',
-      reservePhone: '',
-      assetId: null,
-      asset: {
-        name: '',
-        community: '',
-        code: '',
-        category: '',
-        area: '',
-        value: '',
-        rent: '',
-        owner: '',
-        address: '',
-        lat: 0,
-        lng: 0,
-        images: [],
-        remark: '',
-        isFavorite: false,
-		status: 0
-      },
-      markers: [],
-    };
-  },
-  onLoad(options) {
-    this.assetId = options.id || 'A001';
-    this.loadAssetDetail();
-	// this.recordView();
-  },
-  mounted() {
-  	const navbar = this.$refs.navbar;
-  	 const navHeight = navbar.navContentHeight; // 直接拿子组件 data
-  	 this.navTotalHeight = navHeight; // 加上额外间距
-  	
-  },
-  methods: {
-    // 模拟接口请求
-    loadAssetDetail() {
-      setTimeout(() => {
-        console.log("fork数据")
-        this.asset = {
-          name: '广州市中心写字楼A栋',
-          community: '天河国际商务区',
-          code: 'GDZC2025001',
-          category: '商业用房',
-          area: 1250.5,
-          value: 28000000,
-          rent: 88000,
-          owner: '广州市国资委',
-          address: '广州市天河区体育西路88号',
-          lat: 23.135,
-          lng: 113.327,
-          images: [
-			  {
-				  image:'/static/img/index/swiper/swiper3.jpg'
-			  }
-            
-           
-          ],
-          remark: '该资产目前用于办公出租，维护状态良好。',
-          isFavorite: false,
-		  status: 0
-        };
-        this.markers = [
-          {
-            id: 1,
-            latitude: this.asset.lat,
-            longitude: this.asset.lng,
-            title: this.asset.name,
-          },
-        ];
-      }, 300);
-    },
-    formatMoney(num) {
-      return Number(num).toLocaleString();
-    },
-    toggleFavorite() {
-      this.asset.isFavorite = !this.asset.isFavorite;
-      uni.showToast({
-        title: this.asset.isFavorite ? '已收藏' : '取消收藏',
-        icon: 'success',
-      });
-    },
-    contactManager() {
-      uni.makePhoneCall({
-        phoneNumber: '400-123-4567',
-      });
-    },
-    viewVR() {
-      uni.showToast({
-        title: '打开卫星图...',
-        icon: 'none',
-      });
-      // 可扩展：跳转到 VR 页面或调用地图 API
-    },
-    submitReserve (){
-       console.log('提交预约看房申请')
-       this.showReserve = false;
-    },
-	recordView(assetId) {
-		let lifeData = uni.getStorageSync('lifeData');
-		let token = lifeData.vuex_token
-		let url = "/assets/viewRecord";
-		this.$u.get(url, {}, {'WT': token}).then(obj => {
-			
-		});
-	  }
-  },
-};
+	import mycard from '../../components/card/mycard.vue';
+	import assetBottomBar from '../../components/bottom/assetBottomBar.vue';
+	import AssetGallery from '../../components/gallery/AssetGallery.vue'
+	export default {
+		components: {
+			mycard,
+			assetBottomBar,
+			AssetGallery
+		},
+		data() {
+			// 静态资产数据
+			const staticAsset = {
+				name: '',
+				community: '',
+				code: '',
+				category: '',
+				area: 0,
+				value: 0,
+				rent: 0,
+				owner: '',
+				address: '',
+				lat: 0,
+				lng: 0,
+				images: [],
+				vrImage: '',
+				vr: '',
+				videos: [],
+				plans: [],
+				adImage: '',
+				remark: '',
+				isFavorite: false,
+				status: 0,
+				contact: ''
+			};
+
+			return {
+				// 控制预约弹窗显示
+				showReserve: false,
+				navTotalHeight: 0,
+				// 预约表单数据
+				reserveName: '',
+				reservePhone: '',
+				assetId: null,
+				// 直接使用静态数据
+				asset: staticAsset,
+				// 根据静态数据初始化标记
+				markers: [{
+					id: 1,
+					latitude: staticAsset.lat,
+					longitude: staticAsset.lng,
+					title: staticAsset.name,
+				}, ],
+				background: {
+					backgroundColor: '#ffffff',
+					// 渐变色
+					// backgroundImage: 'linear-gradient(-90deg, #F9DED9 0%, #F8DFC0 99%);'
+				},
+			};
+		},
+		onLoad(options) {
+			this.assetId = options.id || 'A001';
+			// 静态数据初始化
+			this.loadAssetDetail();
+			// this.recordView();
+		},
+		mounted() {
+			// const navbar = this.$refs.navbar;
+			// const navHeight = navbar.navContentHeight; // 直接拿子组件 data
+			// this.navTotalHeight = navHeight; // 加上额外间距
+
+		},
+		methods: {
+			// 模拟接口请求
+			loadAssetDetail() {
+				setTimeout(() => {
+					console.log("fork数据")
+					this.asset = {
+						name: '广州市中心写字楼A栋',
+						community: '天河国际商务区',
+						code: 'GDZC2025001',
+						category: '商业用房',
+						area: 1250.5,
+						value: 28000000,
+						rent: 88000,
+						owner: '广州市国资委',
+						address: '广州市天河区体育西路88号',
+						lat: 23.135,
+						lng: 113.327,
+						images: [{
+							image: '/static/img/index/swiper/swiper3.jpg'
+						}],
+						remark: '该资产目前用于办公出租，维护状态良好。',
+						isFavorite: false,
+						status: 0
+					};
+					this.markers = [{
+						id: 1,
+						latitude: this.asset.lat,
+						longitude: this.asset.lng,
+						title: this.asset.name,
+					}, ];
+				}, 300);
+			},
+			formatMoney(num) {
+				return Number(num).toLocaleString();
+			},
+			toggleFavorite() {
+				this.asset.isFavorite = !this.asset.isFavorite;
+				uni.showToast({
+					title: this.asset.isFavorite ? '已收藏' : '取消收藏',
+					icon: 'success',
+				});
+			},
+			contactManager() {
+				uni.makePhoneCall({
+					phoneNumber: '400-123-4567',
+				});
+			},
+			viewVR() {
+				uni.showToast({
+					title: '打开卫星图...',
+					icon: 'none',
+				});
+				// 可扩展：跳转到 VR 页面或调用地图 API
+			},
+			submitReserve() {
+				console.log('提交预约看房申请')
+				this.showReserve = false;
+			},
+			recordView(assetId) {
+				let lifeData = uni.getStorageSync('lifeData');
+				let token = lifeData.vuex_token
+				let url = "/assets/viewRecord";
+				this.$u.get(url, {}, {
+					'WT': token
+				}).then(obj => {
+
+				});
+			},
+			back(){
+				// let pages = getCurrentPages();
+				// let beforePage = pages[pages.length - 2];
+				
+				uni.navigateBack({
+					// delta: 1,
+					success: function() {
+						// beforePage.onLoad(beforePage
+						// 	.options); // 执行前一个页面的onLoad方法
+					}
+				})
+			},
+		},
+	};
 </script>
 
-<style lang="scss" scoped>
-.asset-detail {
-  background-color: #f7f8fa;
-  min-height: 100vh;
-  padding-bottom: 120rpx;
-  padding-top: 175rpx; /* 给导航栏留空间 */
-  .top-block {
-    background-color: #fff;
-    border-radius: 16rpx;
-    margin: 20rpx;
-    box-shadow: 0 4rpx 10rpx rgba(0, 0, 0, 0.05);
-
-    .left-swiper {
-      width: 45%;
-    }
-
-    .right-info {
-      width: 50%;
-      padding-left: 20rpx;
-
-      .asset-name {
-        font-size: 32rpx;
-        font-weight: bold;
-        color: #333;
-        margin-bottom: 10rpx;
-      }
-
-      .asset-community {
-        font-size: 26rpx;
-        color: #666;
-        margin-bottom: 10rpx;
-      }
-
-      .asset-rent {
-        font-size: 26rpx;
-        color: #444;
-
-        .price {
-          color: #e54d42;
-          font-weight: bold;
-          margin-left: 4rpx;
-        }
-      }
-
-      .btn-group {
-        margin-top: 20rpx;
-        align-self: flex-start;
-      }
-    }
-  }
-
-.content {
-  padding: 20rpx;
-  background-color: #f5f6fa;
-  min-height: 100vh;
-  padding-bottom: 140rpx; /* 避免内容被遮住 */
-
-  .info-list {
-    padding: 10rpx 20rpx;
-    background-color: #ffffff;
-    border-radius: 12rpx;
-    box-shadow: 0 4rpx 10rpx rgba(0, 0, 0, 0.05);
-  }
-
-  .map-section {
-    padding: 10rpx 20rpx 20rpx;
-    background-color: #ffffff;
-    border-radius: 12rpx;
-    box-shadow: 0 4rpx 10rpx rgba(0, 0, 0, 0.05);
-    display: flex;
-    flex-direction: column;
-
-    map {
-      width: 100%;
-      height: 320rpx;
-      border-radius: 12rpx;
-      margin-top: 20rpx;
-      overflow: hidden;
-    }
-  }
-
-  .remark {
-    padding: 20rpx;
-    font-size: 28rpx;
-    color: #555;
-    line-height: 1.6;
-    background-color: #ffffff;
-    border-radius: 12rpx;
-    box-shadow: 0 4rpx 10rpx rgba(0, 0, 0, 0.05);
-  }
-}
-
-}
-.popup-content {
-  padding: 40rpx 30rpx;
-  background-color: #fff;
-  border-radius: 20rpx 20rpx 0 0;
-}
-
-.popup-title {
-  display: block;
-  font-size: 32rpx;
-  font-weight: bold;
-  color: #333;
-  text-align: center;
-  margin-bottom: 30rpx;
-}
-
-.u-input {
-  margin-bottom: 20rpx;
-}
-
-.u-button {
-  margin-top: 20rpx;
-  border-radius: 50rpx;
-}
+<style scoped>
+	.image-section >>> .u-icon{
+		position: absolute;
+		z-index: 99;
+		top: 80rpx;
+		left: 36rpx;
+	}
 </style>
+
+<style lang="scss" scoped>
+	.asset-detail {
+		background-color: #f7f8fa;
+		min-height: 100vh;
+		padding-bottom: 120rpx;
+		padding-top: 0;
+		/* 不再需要固定的顶部内边距，由动态计算的 navTotalHeight 控制 */
+	}
+
+	/* 图片展示区 */
+	.image-section {
+		width: 100%;
+		background-color: #000;
+	}
+
+	.image-section image {
+		width: 100%;
+		height: 740rpx;
+	}
+
+	/* 基本信息区 */
+	.container {
+		width: 100%;
+		border-radius: 40rpx 40rpx 0rpx 0rpx;
+		background-color: #ffffff;
+		margin-top: -50rpx;
+		position: relative;
+	}
+
+	.basic-info {
+		padding: 20rpx 30rpx;
+		padding-top: 50rpx;
+	}
+
+	.info-header {
+		display: flex;
+		align-items: center;
+		margin-bottom: 10rpx;
+	}
+
+	.category-tag {
+		background-color: #FCF2F3;
+		color: #E9353C;
+		font-size: 24rpx;
+		padding: 5rpx 15rpx;
+		border-radius: 4rpx;
+		margin-right: 15rpx;
+	}
+
+	.asset-name {
+		font-size: 32rpx;
+		font-weight: bold;
+		color: #333;
+		flex: 1;
+	}
+
+	.rent-price {
+		font-size: 36rpx;
+		color: #FF2F31;
+		margin: 15rpx 0;
+	}
+
+	.community-info,
+	.address-info {
+		font-size: 26rpx;
+		color: #666;
+		margin-bottom: 10rpx;
+		display: flex;
+		align-items: center;
+	}
+
+	.label {
+		color: #999;
+		margin-right: 10rpx;
+	}
+
+	.vr-btn {
+		background-color: #F34038;
+		color: #fff;
+		border: none;
+		padding: 0 14rpx;
+		border-radius: 6rpx;
+		font-size: 24rpx;
+		margin-top: -90rpx;
+		float: right;
+	}
+
+	/* 地图容器 */
+	.map-container {
+		width: 100%;
+		overflow: hidden;
+		display: flex;
+		justify-content: center;
+	}
+
+	/* 资产信息表格 */
+	.asset-info-table {
+		padding: 20rpx 30rpx;
+		margin-bottom: 20rpx;
+		padding-bottom: 100rpx;
+	}
+
+	.table-title {
+		font-size: 30rpx;
+		font-weight: bold;
+		color: #333;
+		margin-bottom: 20rpx;
+	}
+
+	.table-content {
+		display: flex;
+		flex-direction: column;
+		gap: 20rpx;
+	}
+
+	.table-row {
+		display: flex;
+		flex-wrap: wrap;
+		gap: 20rpx;
+	}
+
+	.row-item {
+		flex: 1;
+		min-width: 45%;
+		display: flex;
+		flex-direction: column;
+		gap: 5rpx;
+	}
+
+	.row-item.full-width {
+		min-width: 100%;
+	}
+
+	.item-label {
+		font-size: 24rpx;
+		color: #999;
+	}
+
+	.item-value {
+		font-size: 28rpx;
+		color: #333;
+		font-weight: 500;
+	}
+
+	/* 预约弹窗 */
+	.popup-content {
+		padding: 40rpx 30rpx;
+		background-color: #fff;
+		border-radius: 20rpx 20rpx 0 0;
+	}
+
+	.popup-title {
+		display: block;
+		font-size: 32rpx;
+		font-weight: bold;
+		color: #333;
+		text-align: center;
+		margin-bottom: 30rpx;
+	}
+
+	.u-input {
+		margin-bottom: 20rpx;
+	}
+
+	.u-button {
+		margin-top: 20rpx;
+		border-radius: 50rpx;
+	}
+</style>
\ No newline at end of file
diff --git a/pages/index/index.vue b/pages/index/index.vue
index 9cb227d..247892b 100644
--- a/pages/index/index.vue
+++ b/pages/index/index.vue
@@ -1,165 +1,236 @@
 <template>
 	<view class="index">
-	<image src="/static/index/index_bg.png" mode="aspectFill" class="bg"></image>	
-	<!-- 搜索栏 -->
-	<view class="index-title">
+		<image src="/static/index/index_bg.png" mode="aspectFill" class="bg"></image>
+		<!-- 搜索栏 -->
+		<view class="index-title">
 			启辰资产
 		</view>
-    <view class="content-wrapper">
-		
-		<view class="search-wrapper">
-			<search-bar
-				:city="vuex_city==''?'选择':vuex_city"
-				placeholder="你想住在哪儿"
-				@chooseCity="location"
-				@search="search"
-				/>
-		</view>
-			  <!-- 房源信息导航栏 --> 
-			  <view class="nav-area">
-				  <view class="rowClass">
-				  	<u-row>
-				  		<u-col span="3" text-align="center" v-for="(item,index) in navList" :key="index">
-				  			<view class="u-padding-20" @tap="clickNav(item, index)"  hover-class="hoverClass">
-				  				<image :src="item.src" style="width: 86rpx;height: 86rpx;" mode="heightFix"></image>
-				  				<view class="tabName" :style="{color:'#FFFFFF'}">{{item.name}}</view>
-				  			</view>
-				  		</u-col>
-				  	</u-row>
-				  </view>
-				  <view class="rowClass navbox2">
-				  	<u-row>
-				  		<u-col span="3" text-align="center" v-for="(item,index) in gridList" :key="index">
-				  			<view class="u-padding-20" @tap="clickGrid(item)"  hover-class="hoverClass">
-				  				<image :src="item.src" style="width: 50rpx;height: 50rpx;" mode="heightFix"></image>
-				  				<view class="tabName" :style="{color:'#222222'}">{{item.name}}</view>
-				  			</view>
-				  		</u-col>
-				  	</u-row>
-				  </view>
-			  </view>
-			
-			  	<u-gap height="10"></u-gap>
-			  	<!-- 公告栏 -->
-			  	<view @click="notice" class="noticeStyle">
-					<image src="/static/index/公告.png" style="width: 38rpx;height: 37rpx;"></image>	
-			  		<u-notice-bar mode="vertical" :list="noticeList" type="primary" more-icon
-			  		bg-color="none" :duration="5000"  :fontSize = "30" color="#2D2B2C" :volumeIcon="false"></u-notice-bar>
-			  	</view>
-			  
-			  	<u-gap height="5"></u-gap>
-				<scroll-view
-				  scroll-y
-				  style="height: 100vh;"
-				  :scroll-top="scrollTop"
-				  @scrolltolower="findHouseList"
-				  lower-threshold="50"
+		<view class="content-wrapper">
+
+			<view class="search-wrapper">
+				<search-bar :city="vuex_city==''?'选择':vuex_city" placeholder="你想住在哪儿" @chooseCity="location"
+					@search="search" />
+			</view>
+			<!-- 房源信息导航栏 -->
+			<view class="nav-area">
+				<view class="rowClass">
+					<u-row>
+						<u-col span="3" text-align="center" v-for="(item,index) in navList" :key="index">
+							<view class="u-padding-20" @tap="clickNav(item, index)" hover-class="hoverClass">
+								<image :src="item.src" style="width: 86rpx;height: 86rpx;" mode="heightFix"></image>
+								<view class="tabName" :style="{color:'#FFFFFF'}">{{item.name}}</view>
+							</view>
+						</u-col>
+					</u-row>
+				</view>
+				<view class="rowClass navbox2">
+					<u-row>
+						<u-col span="3" text-align="center" v-for="(item,index) in gridList" :key="index">
+							<view class="u-padding-20" @tap="clickGrid(item)" hover-class="hoverClass">
+								<image :src="item.src" style="width: 50rpx;height: 50rpx;" mode="heightFix"></image>
+								<view class="tabName" :style="{color:'#222222'}">{{item.name}}</view>
+							</view>
+						</u-col>
+					</u-row>
+				</view>
+			</view>
+
+			<u-gap height="10"></u-gap>
+			<!-- 公告栏 -->
+			<view @click="notice" class="noticeStyle">
+				<image src="/static/index/公告.png" style="width: 38rpx;height: 37rpx;margin-left: 22rpx;"></image>
+				<view class="notice-content">
+				<u-notice-bar mode="vertical" :list="noticeList" type="primary" more-icon bg-color="none"
+					:duration="5000" :fontSize="30" color="#2D2B2C" :volumeIcon="false"></u-notice-bar>
+				</view>
+			</view>
+
+			<u-gap height="5"></u-gap>
+
+			<view class="tab-content">
+			<!-- 顶部标签栏 -->
+			<view class="recommend-tabs">
+				<view 
+					class="tab-item" 
+					:class="{ active: activeRecommendTab === index }" 
+					v-for="(tab, index) in recommendTabs" 
+					:key="index"
+					@click="onRecommendTabClick(index)"
 				>
-				  <u-waterfall v-model="flowList" ref="uWaterfall">
-				      <template v-slot:left="{leftList}">
-				          <view class="demo-warter" v-for="(item, index) in leftList" :key="index" style="margin-right: 10rpx;">
-				              <u-lazy-load threshold="750" border-radius="12" image="/static/img/index/swiper/swiper3.jpg" :index="index" mode="widthFix"
-				                           @click="clickImage(item.id)"></u-lazy-load>
-				              <view class="item-title">{{ item.assetsName}}</view>
-				  			     <view class="item-desc">{{ item.footPrint}}㎡</view>
-				  			<view class="item-price">¥{{item.rentFee}}</view>
-				          </view>
-				      </template>
-				      <template v-slot:right="{rightList}">
-				          <view class="demo-warter" v-for="(item, index) in rightList" :key="index" style="margin-left: 10rpx;">
-				              <u-lazy-load threshold="750" border-radius="10" image="/static/img/index/swiper/swiper3.jpg" :index="index" mode="widthFix"
-				                           @click="clickImage(item.id)"></u-lazy-load>
-				                <view class="item-title">{{ item.assetsName}}</view>
-				  			     <view class="item-desc">{{ item.footPrint}}㎡</view>
-				  			<view class="item-price">¥{{item.rentFee}}</view>
-				          </view>
-				      </template>
-				  </u-waterfall>
-				</scroll-view>
-			  	
-			  <u-back-top :scroll-top="scrollTop" top="1000"></u-back-top>
-			  <u-no-network></u-no-network>
-	
-	</view>
-		 <u-popup
-		   v-model="showFillAuthInfo"
-		   mode="center"
-		   :mask-close-able="false"
-		   border-radius="24"
-		 >
-		   <view class="auth-popup">
-		     <!-- 标题 -->
-		     <view class="auth-title">
-		       请完善{{authLabel}}信息
-		     </view>
-		 
-		     <!-- 描述 -->
-		     <view class="auth-desc">
-		       您当前尚未完善相关信息，为避免影响后续功能使用，请尽快补充。
-		     </view>
-		 
-		     <!-- 输入区域 -->
-		     <view class="auth-input">
-		       <u-input
-		         v-model="authCode"
-		         :placeholder="authPlaceholder"
-		         clearable
-		         border="bottom"
-		         font-size="30"
-		         placeholder-style="color:#bbb"
-		       />
-		     </view>
-		 
-		     <!-- 按钮 -->
-		     <button class="auth-btn" @click="recordAuthInfo">
-		       提交
-		     </button>
-		   </view>
-		 </u-popup>
+					{{ tab }}
+				</view>
+			</view>
+			
+			<!-- 筛选标签 -->
+			<view class="filter-tabs">
+				<view 
+					class="filter-item" 
+					:class="{ active: activeFilterTabs.includes(index) }" 
+					v-for="(tab, index) in filterTabs" 
+					:key="index"
+					@click="onFilterTabClick(index)"
+				>
+					{{ tab }}
+				</view>
+			</view>
+			
+			<scroll-view scroll-y style="height: calc(100vh - 200rpx);" :scroll-top="scrollTop" @scrolltolower="findHouseList"
+				lower-threshold="50">
+				<u-waterfall v-model="flowList" ref="uWaterfall">
+					<template v-slot:left="{leftList}">
+						<view class="demo-warter" v-for="(item, index) in leftList" :key="index"
+							style="margin-right: 10rpx;">
+							<u-lazy-load threshold="750" border-radius="8" :image="item.image"
+							:index="index" mode="aspectFill" @click="clickImage(item.id)"></u-lazy-load>
+							<view class="item-title">{{ item.assetsName}}</view>
+							<view class="item-desc">{{ item.footPrint}}㎡ {{ item.propertyType || '商业用房' }}</view>
+							<view class="item-price">¥{{item.rentFee}}/<text>月</text></view>
+						</view>
+					</template>
+					<template v-slot:right="{rightList}">
+						<view class="demo-warter" v-for="(item, index) in rightList" :key="index"
+							style="margin-left: 10rpx;">
+							<u-lazy-load threshold="750" border-radius="8" :image="item.image"
+							:index="index" mode="aspectFill" @click="clickImage(item.id)"></u-lazy-load>
+							<view class="item-title">{{ item.assetsName}}</view>
+							<view class="item-desc">{{ item.footPrint}}㎡ {{ item.propertyType || '商业用房' }}</view>
+							<view class="item-price">¥{{item.rentFee}}/<text>月</text></view>
+						</view>
+					</template>
+				</u-waterfall>
+			</scroll-view>
+			
+			</view>
+
+			<u-back-top :scroll-top="scrollTop" top="1000"></u-back-top>
+			<u-no-network></u-no-network>
+
+		</view>
+		<u-popup v-model="showFillAuthInfo" mode="center" :mask-close-able="false" border-radius="24">
+			<view class="auth-popup">
+				<!-- 标题 -->
+				<view class="auth-title">
+					请完善{{authLabel}}信息
+				</view>
+
+				<!-- 描述 -->
+				<view class="auth-desc">
+					您当前尚未完善相关信息，为避免影响后续功能使用，请尽快补充。
+				</view>
+
+				<!-- 输入区域 -->
+				<view class="auth-input">
+					<u-input v-model="authCode" :placeholder="authPlaceholder" clearable border="bottom" font-size="30"
+						placeholder-style="color:#bbb" />
+				</view>
+
+				<!-- 按钮 -->
+				<button class="auth-btn" @click="recordAuthInfo">
+					提交
+				</button>
+			</view>
+		</u-popup>
 	</view>
 </template>
 
 <script>
-    import SearchBar from '../../components/searchBar/SearchBar.vue';
+	import SearchBar from '../../components/searchBar/SearchBar.vue';
 	import indexNavbarVue from '../../components/navbar/indexNavbar.vue';
 	export default {
-		components: { SearchBar,indexNavbarVue},
+		components: {
+			SearchBar,
+			indexNavbarVue
+		},
 		data() {
 			return {
 				loginType: null,
 				authCode: '', // 身份证号 / 社会信用代码
 				showFillAuthInfo: false,
-				keyword:'',
+				keyword: '',
 				pageNum: 1,
 				pageSize: 20,
 				scrollTop: 0,
 				houseList: [],
 				activeIndex: 0, // 当前选中的索引
-				swiperList: [
-					{
+				swiperList: [{
 						image: '/static/img/index/swiper/swiper3.jpg',
-					    title: '身无彩凤双飞翼，心有灵犀一点通'
+						title: '身无彩凤双飞翼，心有灵犀一点通'
 					},
 					{
 						image: '/static/img/index/swiper/swiper.jpg',
-					    title: '身无彩凤双飞翼，心有灵犀一点通'
+						title: '身无彩凤双飞翼，心有灵犀一点通'
 					},
-                ],
-				noticeList: [],
-				navList:[
-				   {name:"住房",src:"/static/index/住房.png",type:"0",underline_color:"linear-gradient(to right, #ff8c00, #ffcc33)"},
-				   {name:"商铺",src:"/static/index/商铺.png",type:"1",underline_color:"linear-gradient(to right, #89CFF0, #5AA4D1)"},
-				   {name:"厂房",src:"/static/index/厂房.png",url:"/pages/center/tips",underline_color:"linear-gradient(to right, #0000FF, #800080)"},
-				   {name:"停车场",src:"/static/index/停车场.png",type:"2",underline_color:"linear-gradient(to bottom, #000080, #00008080)"}
 				],
-				gridList:[
-					{name:"看房预约",src:"/static/index/看房预约.png",url:"pages/reserve/reserveRecords"},
-					{name:"合同签约",src:"/static/index/合同签约.png",url:"pages/center/contract"},
-					{name:"退租申请",src:"/static/index/退租申请.png",url:"pages/form/leaseCancel"},
-					{name:"留言板",src:"/static/index/留言板.png",url:"pages/form/leaseCancel"}
+				noticeList: [
+					'景秀天成新上优质房源，欢迎咨询',
+					'限时优惠活动，租房立减500元',
+					'新用户注册即送200元租房券',
+					'寒雨连江夜入吴'
+				],
+				navList: [{
+						name: "住房",
+						src: "/static/index/住房.png",
+						type: "0",
+						underline_color: "linear-gradient(to right, #ff8c00, #ffcc33)"
+					},
+					{
+						name: "商铺",
+						src: "/static/index/商铺.png",
+						type: "1",
+						underline_color: "linear-gradient(to right, #89CFF0, #5AA4D1)"
+					},
+					{
+						name: "厂房",
+						src: "/static/index/厂房.png",
+						url: "/pages/center/tips",
+						underline_color: "linear-gradient(to right, #0000FF, #800080)"
+					},
+					{
+						name: "停车场",
+						src: "/static/index/停车场.png",
+						type: "2",
+						underline_color: "linear-gradient(to bottom, #000080, #00008080)"
+					}
+				],
+				gridList: [{
+						name: "看房预约",
+						src: "/static/index/看房预约.png",
+						url: "pages/reserve/reserveRecords"
+					},
+					{
+						name: "合同签约",
+						src: "/static/index/合同签约.png",
+						url: "pages/center/contract"
+					},
+					{
+						name: "退租申请",
+						src: "/static/index/退租申请.png",
+						url: "pages/form/leaseCancel"
+					},
+					{
+						name: "留言板",
+						src: "/static/index/留言板.png",
+						url: "pages/form/leaseCancel"
+					}
 				],
 				loadStatus: 'loadmore',
+				// 顶部标签栏状态
+				activeRecommendTab: 0,
+				recommendTabs: ['为您推荐', '附近', '上新'],
+				// 筛选标签状态
+				activeFilterTabs: [0], // 支持多选
+				filterTabs: ['上新', '整租', '一室一厅'],
 				flowList: [
+					{ id: 1, assetsName: '景秀天成保租房景秀天成保租房', footPrint: 105, rentFee: 1500, image: '/static/img/index/swiper/swiper3.jpg', propertyType: '商业用房' },
+					{ id: 2, assetsName: '景秀天成保租房景秀天成保租房', footPrint: 105, rentFee: 1500, image: '/static/img/index/swiper/swiper3.jpg', propertyType: '商业用房' },
+					{ id: 3, assetsName: '景秀天成保租房景秀天成保租房', footPrint: 105, rentFee: 1500, image: '/static/img/index/swiper/swiper3.jpg', propertyType: '商业用房' },
+					{ id: 4, assetsName: '景秀天成保租房景秀天成保租房', footPrint: 105, rentFee: 1500, image: '/static/img/index/swiper/swiper3.jpg', propertyType: '商业用房' },
+					{ id: 5, assetsName: '景秀天成保租房景秀天成保租房', footPrint: 105, rentFee: 1500, image: '/static/img/index/swiper/swiper3.jpg', propertyType: '商业用房' },
+					{ id: 6, assetsName: '景秀天成保租房景秀天成保租房', footPrint: 105, rentFee: 1500, image: '/static/img/index/swiper/swiper3.jpg', propertyType: '商业用房' },
+					{ id: 7, assetsName: '景秀天成保租房景秀天成保租房', footPrint: 105, rentFee: 1500, image: '/static/img/index/swiper/swiper3.jpg', propertyType: '商业用房' },
+					{ id: 8, assetsName: '景秀天成保租房景秀天成保租房', footPrint: 105, rentFee: 1500, image: '/static/img/index/swiper/swiper3.jpg', propertyType: '商业用房' },
+					{ id: 9, assetsName: '景秀天成保租房景秀天成保租房', footPrint: 105, rentFee: 1500, image: '/static/img/index/swiper/swiper3.jpg', propertyType: '商业用房' },
+					{ id: 10, assetsName: '景秀天成保租房景秀天成保租房', footPrint: 105, rentFee: 1500, image: '/static/img/index/swiper/swiper3.jpg', propertyType: '商业用房' }
 				],
 				uvCode: uni.getStorageSync('uvCode')
 			}
@@ -168,17 +239,17 @@
 			// 自动定位到所在的城市
 			// this.checkCity();
 			// 获取数据
-			this.findHouseList();
-			this.getNoticecList();
+			// this.findHouseList();
+			// this.getNoticecList();
 			// 流量统计
 			// this.appSysFlowInfo();
-			uni.$on('findIndexHouseList', (obj) => {
-				// 获取数据
-				this.findHouseList(1);
-			})
-			
+			// uni.$on('findIndexHouseList', (obj) => {
+			// 	// 获取数据
+			// 	this.findHouseList(1);
+			// })
+
 		},
-		onShow(){
+		onShow() {
 			this.needFillAuthInfo();
 		},
 		onUnload() {
@@ -186,11 +257,11 @@
 			uni.$off('findIndexHouseList');
 		},
 		onPageScroll(e) {
-		    this.scrollTop = e.scrollTop;
+			this.scrollTop = e.scrollTop;
 		},
 		onReachBottom() {
-		    this.loadStatus = 'loading';
-		    // 获取数据
+			this.loadStatus = 'loading';
+			// 获取数据
 			this.findHouseList()
 		},
 		// 下拉刷新
@@ -200,98 +271,126 @@
 			// 关闭刷新
 			uni.stopPullDownRefresh();
 		},
-		mounted(){
-				
+		mounted() {
+
 		},
 		computed: {
-		  authLabel() {
-		    return this.loginType === 'person'
-		      ? '身份证号'
-		      : '企业社会信用代码'
-		  },
-		  authPlaceholder() {
-		    return this.loginType === 'person'
-		      ? '请输入身份证号'
-		      : '请输入企业社会信用代码'
-		  }
+			authLabel() {
+				return this.loginType === 'person' ?
+					'身份证号' :
+					'企业社会信用代码'
+			},
+			authPlaceholder() {
+				return this.loginType === 'person' ?
+					'请输入身份证号' :
+					'请输入企业社会信用代码'
+			}
 		},
 		methods: {
-			checkCity(){
+			// 顶部推荐标签点击事件
+			onRecommendTabClick(index) {
+				this.activeRecommendTab = index;
+				// 这里可以添加根据标签筛选数据的逻辑
+				console.log('推荐标签点击:', this.recommendTabs[index]);
+				// 重置筛选条件
+				this.activeFilterTabs = [0];
+				// 重新加载数据
+				this.pageNum = 1;
+				this.flowList = [];
+				this.findHouseList(1);
+			},
+			
+			// 筛选标签点击事件
+			onFilterTabClick(index) {
+				// 检查是否已选中
+				const isActive = this.activeFilterTabs.includes(index);
+				if (isActive) {
+					// 如果已选中，则移除
+					this.activeFilterTabs = this.activeFilterTabs.filter(item => item !== index);
+				} else {
+					// 如果未选中，则添加
+					this.activeFilterTabs.push(index);
+				}
+				// 这里可以添加根据筛选标签筛选数据的逻辑
+				console.log('筛选标签点击:', this.filterTabs[index]);
+				console.log('当前选中的筛选标签:', this.activeFilterTabs.map(i => this.filterTabs[i]));
+			},
+			
+			checkCity() {
 				// 检查是否已选择城市，如果未选择，跳转到选择城市页面
 				let lifeData = uni.getStorageSync('lifeData');
 				let vuex_city = lifeData.vuex_city
 				// console.log(vuex_city.length);
-				if(!vuex_city || vuex_city.length == 0){
+				if (!vuex_city || vuex_city.length == 0) {
 					// 没有token 则跳转到登录
 					return this.$u.route('/pages/location/location');
 				}
 			},
-			 // 简单身份证校验（18 位）
-			    checkIdCard(code) {
-			      return /^[1-9]\d{5}(19|20)\d{2}(0[1-9]|1[0-2])(0[1-9]|[12]\d|3[01])\d{3}[\dXx]$/.test(
-			        code
-			      );
-			    },
-			
-			    // 统一社会信用代码校验（18 位）
-			    checkCreditCode(code) {
-			      return /^[0-9A-Z]{18}$/.test(code);
-			    }
-			  ,
-			location(){
-				  this.$u.route({
-					url: 'pages/location/location',
-				  })
+			// 简单身份证校验（18 位）
+			checkIdCard(code) {
+				return /^[1-9]\d{5}(19|20)\d{2}(0[1-9]|1[0-2])(0[1-9]|[12]\d|3[01])\d{3}[\dXx]$/.test(
+					code
+				);
 			},
-			search(){
+
+			// 统一社会信用代码校验（18 位）
+			checkCreditCode(code) {
+				return /^[0-9A-Z]{18}$/.test(code);
+			},
+			location() {
+				this.$u.route({
+					url: 'pages/location/location',
+				})
+			},
+			search() {
 				this.$u.route({
 					url: 'pages/search/search',
 				})
 			},
-			notice(){
+			notice() {
 				this.$u.route({
 					url: 'pages/notice/notice'
 				})
 			},
 			//查找房源信息
 			findHouseList(type = 0) {
-				if(type == 1){
+				if (type == 1) {
 					this.pageNum = 1
 					this.flowList = []
 					this.$refs.uWaterfall.clear();
 				}
 				let url = "/assets/findAssetList";
 				this.$u.post(url, {
-					state:1,
-					villageCity:uni.getStorageSync('lifeData').vuex_city,
+					state: 1,
+					villageCity: uni.getStorageSync('lifeData').vuex_city,
 					pageNum: this.pageNum,
 					pageSize: this.pageSize,
 					orderByColumn: 'update_time,create_time',
 					isAsc: 'desc'
 				}).then(result => {
 					const data = result.data.result;
-					if(this.pageNum>1 && data.length < this.pageSize){
+					if (this.pageNum > 1 && data.length < this.pageSize) {
 						// return this.loadStatus = 'nomore';
 					}
 					this.houseList = data;
 					for (let i = 0; i < this.houseList.length; i++) {
-					    // 先转成字符串再转成对象，避免数组对象引用导致数据混乱
-					    let item = this.houseList[i]
+						// 先转成字符串再转成对象，避免数组对象引用导致数据混乱
+						let item = this.houseList[i]
 						// if(!item.faceUrl.includes(config.staticUrl)){
 						// 	item.image = config.staticUrl+item.faceUrl
 						// }else{
 						// 	item.image = item.faceUrl
 						// }
-					    this.flowList.push(item);
+						this.flowList.push(item);
 					}
-					++ this.pageNum 
+					++this.pageNum
 					this.loadStatus = 'loadmore';
 				}).catch(err => {
-    				console.log("失败：", err)
-  				})
+					console.log("失败：", err)
+				})
 			},
 			clickSearch() {
-			    this.$u.route('/pages/search/search');
+				this.$u.route('/pages/search/search');
 			},
 			clickImage(houseId) {
 				this.$u.route({
@@ -305,53 +404,53 @@
 				// 	}
 				// })
 			},
-			clickNav(item,index){
+			clickNav(item, index) {
 				this.activeIndex = index;
 				this.findHouseList(item.type);
 			},
-			clickGrid(item){
+			clickGrid(item) {
 				console.log('跳转我的预约,url:' + item.url)
 				this.$u.route({
 					url: item.url
 				})
 
 			},
-			code(){
+			code() {
 				this.$mytip.toast('请咨询作者')
 			},
-			appSysFlowInfo(){
+			appSysFlowInfo() {
 				// 流量统计
 				let uvCode = uni.getStorageSync("uvCode");
 				let url = "https://sourcebyte.cn/api/flow/upFlow?type=MINI&uvCode=" + uvCode;
 				uni.request({
-				  url: url,
-				  method: "POST",
-				  success: (res) => {
-					uni.setStorageSync("uvCode", res.data.data);
-				  },
+					url: url,
+					method: "POST",
+					success: (res) => {
+						uni.setStorageSync("uvCode", res.data.data);
+					},
 				});
 			},
-			server(){
+			server() {
 				// window.open ('https://sourcebyte.cn')
 				uni.makePhoneCall({
-				  phoneNumber: "18720989281",
+					phoneNumber: "18720989281",
 				});
 			},
-			getNoticecList(){
+			getNoticecList() {
 				let url = "/notice/findNoticeList";
-				this.$u.get(url,{
-					pageNum:1,
-					pageSize:50,
-					orderByColumn:'create_time',
-					isAsc:'desc'
+				this.$u.get(url, {
+					pageNum: 1,
+					pageSize: 50,
+					orderByColumn: 'create_time',
+					isAsc: 'desc'
 				}).then(obj => {
 					let data = obj.data.result
-					data.filter(item=>{
+					data.filter(item => {
 						this.noticeList.push(item.noticeTitle)
 					})
 				});
 			},
-			needFillAuthInfo(){
+			needFillAuthInfo() {
 				let lifeData = uni.getStorageSync('lifeData');
 				let token = lifeData.vuex_token
 				if (!token || token === null || token === undefined ||
@@ -359,7 +458,9 @@
 					return;
 				}
 				let url = "/login/needFillAuthInfo";
-				this.$u.get(url, {}, {'WT': token}).then(obj => {
+				this.$u.get(url, {}, {
+					'WT': token
+				}).then(obj => {
 					console.log(obj.data)
 					if (obj.data) {
 						this.showFillAuthInfo = obj.data
@@ -368,244 +469,335 @@
 					}
 				});
 			},
-			moreInfo(){
+			moreInfo() {
 				uni.navigateToMiniProgram({
-					appId:'wxbca64173e772915e',// 此为开源字节appid
-					path:'/pages/index/index',// 此为开源字节首页路径
-					envVersion:"release",
+					appId: 'wxbca64173e772915e', // 此为开源字节appid
+					path: '/pages/index/index', // 此为开源字节首页路径
+					envVersion: "release",
 					success: res => {
-						 // 打开成功
-						 console.log("打开成功", res);
+						// 打开成功
+						console.log("打开成功", res);
 					},
 					fail: err => {
-						 console.log(err);
+						console.log(err);
 					}
 				})
 			},
 			recordAuthInfo() {
-			      // 身份证校验
-			      if (this.loginType === 'person' && !this.checkIdCard(this.authCode)) {
-			        uni.showToast({
-			          title: '身份证号格式不正确',
-			          icon: 'none'
-			        });
-			        return;
-			      }
-			
-			      // 企业社会信用代码校验
-			      if (this.loginType === 'company' && !this.checkCreditCode(this.authCode)) {
-			        uni.showToast({
-			          title: '社会信用代码格式不正确',
-			          icon: 'none'
-			        });
-			        return;
-			      }
-				  let lifeData = uni.getStorageSync('lifeData');
-				  let token = lifeData.vuex_token
-				  if (!token || token === null || token === undefined ||
-				  	(typeof token === 'object' && Object.keys(token).length === 0)) {
-				  	return;
-				  }
-				  let url = "/login/recordAuthInfo";
-				  this.$u.post(url, {
-				  	code: this.authCode,
-				  	userType: this.loginType,
-				  },{'WT': token}).then(obj => {
+				// 身份证校验
+				if (this.loginType === 'person' && !this.checkIdCard(this.authCode)) {
+					uni.showToast({
+						title: '身份证号格式不正确',
+						icon: 'none'
+					});
+					return;
+				}
+
+				// 企业社会信用代码校验
+				if (this.loginType === 'company' && !this.checkCreditCode(this.authCode)) {
+					uni.showToast({
+						title: '社会信用代码格式不正确',
+						icon: 'none'
+					});
+					return;
+				}
+				let lifeData = uni.getStorageSync('lifeData');
+				let token = lifeData.vuex_token
+				if (!token || token === null || token === undefined ||
+					(typeof token === 'object' && Object.keys(token).length === 0)) {
+					return;
+				}
+				let url = "/login/recordAuthInfo";
+				this.$u.post(url, {
+					code: this.authCode,
+					userType: this.loginType,
+				}, {
+					'WT': token
+				}).then(obj => {
 					if (obj.flag) {
 						this.showFillAuthInfo = false;
 						this.authCode = '';
 					}
-				}) 
-			    }
+				})
 			}
 		}
+	}
 </script>
 
 <style lang="scss" scoped>
-  .index {
-    background: #F8F8F8;
-    min-height: 100vh;         // 防止内容少时顶部空白
-	position: relative;
-	
-  }
-  .bg{
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 550rpx;     /* ✅ 用固定高度更稳，你可改 320/400 */
-  z-index: 0;
-  }
-  .index-title{
-   position: absolute;
-   z-index: 1;
-  top: 5%;
-  left: 50%;
-  transform: translateX(-50%);
-  transform: translateX(-50%);
-  font-family: Noto Sans S Chinese;
-  font-weight: 400;
-  font-size: 34rpx;
-  color: #FFFFFF; 
-  }
-  .content-wrapper{
-    position: relative;
-    z-index: 1;
-  }
-  .search-wrapper {
+	.index {
+		background: #F8F8F8;
+		min-height: 100vh; // 防止内容少时顶部空白
+		position: relative;
+
+	}
+
+	.bg {
+		position: absolute;
+		top: 0;
+		left: 0;
+		width: 100%;
+		height: 550rpx;
+		/* ✅ 用固定高度更稳，你可改 320/400 */
+		z-index: 0;
+	}
+
+	.index-title {
+		position: absolute;
+		z-index: 1;
+		top: 5%;
+		left: 50%;
+		transform: translateX(-50%);
+		transform: translateX(-50%);
+		font-family: Noto Sans S Chinese;
+		font-weight: 400;
+		font-size: 34rpx;
+		color: #FFFFFF;
+	}
+
+	.content-wrapper {
+		position: relative;
+		z-index: 1;
+	}
+
+	.search-wrapper {}
+
+	.content-wrapper {
+		padding: 197rpx 30rpx 22rpx 30rpx; // 统一左右内边距
+	}
+
+	.navbox2 {
+		height: 170rpx;
+		padding-top: 2%;
+		background: #FFFFFF;
+		border-radius: 10rpx;
+	}
 
-  }
-  
-  .content-wrapper {
-    padding: 197rpx 30rpx 22rpx 30rpx;             // 统一左右内边距
-  }
-  .navbox2 {
-	height: 170rpx;
-	padding-top: 2%;
-	background: #FFFFFF;
-	border-radius: 10rpx;
-  }
 	.nomore {
 		background-color: $u-bg-color;
 	}
 
 
 
-.noticeStyle{
-	display: flex;
-	margin-top: 22rpx;
-	height: 86rpx;
-	background-color: #FFFFFF;
-	border-radius: 10rpx;
-	
-}
-/* 下划线 */
-.underline {
-	margin-top: 5rpx;
-	width: 130rpx;
-	height: 6rpx;
-	border-radius: 5rpx;
-	transition: all 0.25s ease;
-}
+	.noticeStyle {
+		display: flex;
+		margin-top: 22rpx;
+		height: 86rpx;
+		background-color: #FFFFFF;
+		border-radius: 10rpx;
+		align-items: center;
+	}
 
-	.rowClass{
+	.notice-content {
+		flex: 1;
+	}
+
+	/* 下划线 */
+	.underline {
+		margin-top: 5rpx;
+		width: 130rpx;
+		height: 6rpx;
+		border-radius: 5rpx;
+		transition: all 0.25s ease;
+	}
+
+	.rowClass {
 		margin-top: 20rpx;
 	}
-	.rowBgColor{
+
+	.rowBgColor {
 		background-color: rgb(248, 248, 248);
 	}
-	.leftOffSetRow{
+
+	.leftOffSetRow {
 		margin-left: 20%;
 	}
-	.hoverClass{
+
+	.hoverClass {
 		background-color: #E4E7ED;
 	}
-	
-	.tabName{
+
+	.tabName {
 		font-size: 28rpx;
 	}
+
 	.u-close {
-	    position: absolute;
-	    top: 20rpx;
-	    right: 20rpx;
+		position: absolute;
+		top: 20rpx;
+		right: 20rpx;
 	}
 
 	.item-cover {
-	    font-size: 55rpx;
-	    color: $u-type-warning;
+		font-size: 55rpx;
+		color: $u-type-warning;
 	}
 
 	.item-tag {
-	    font-size: 24rpx;
-	    color: $u-tips-color;
-	    margin-top: 3px;
+		font-size: 24rpx;
+		color: $u-tips-color;
+		margin-top: 3px;
 	}
+
+	.tab-content {
+		padding: 0 20rpx;
+		margin-top: 22rpx;
+		background: #fff;
+	}
+
+	/* 顶部标签栏样式 */
+	.recommend-tabs {
+		display: flex;
+		justify-content: flex-start;
+		padding: 20rpx 0;
+		background: #fff;
+		font-size: 32rpx;
+		font-weight: 600;
+	}
+	
+	.tab-item {
+		margin-right: 40rpx;
+		padding: 10rpx 0;
+		color: #333;
+	}
+	
+	.tab-item.active {
+		color: #FF2F31;
+		border-bottom: 4rpx solid #FF2F31;
+	}
+	
+	/* 筛选标签样式 */
+	.filter-tabs {
+		display: flex;
+		justify-content: flex-start;
+		padding: 0 0 20rpx 0;
+		background: #fff;
+		flex-wrap: wrap;
+	}
+	
+	.filter-item {
+		margin-right: 20rpx;
+		margin-bottom: 10rpx;
+		padding: 12rpx 24rpx;
+		background: #f5f5f5;
+		border-radius: 20rpx;
+		font-size: 26rpx;
+		color: #666;
+	}
+	
+	.filter-item.active {
+		background: #FFECEC;
+		color: #FF2F31;
+	}
+
 	.demo-warter {
 		margin-bottom: 20rpx;
-		background: #fff;
-		border-radius: 16rpx;
+		// background: #fff;
+		// border-radius: 8rpx;
 		overflow: hidden;
+		// box-shadow: 0 2rpx 10rpx rgba(0, 0, 0, 0.05);
 	}
-	
+
 	.u-waterfall {
-		padding: 0 20rpx; /* 左右留白一致 */
+		padding: 0 20rpx;
+		/* 左右留白一致 */
 	}
 	
+	/* 图片样式 */
+	.u-lazy-load {
+		width: 100%;
+		height: 300rpx;
+	}
+
 	.item-title {
 		font-size: 28rpx;
 		font-weight: 600;
 		margin-top: 14rpx;
 		padding: 0 10rpx;
+		color: #333;
+		line-height: 40rpx;
+		overflow: hidden;
+		text-overflow: ellipsis;
+		display: -webkit-box;
+		-webkit-line-clamp: 2;
+		-webkit-box-orient: vertical;
 	}
-	
+
 	.item-price {
-	    font-weight: normal;
-	    font-size: 32rpx;
-	    color: $u-type-warning;
+		font-size: 32rpx;
+		color: #FF2F31;
+		margin-bottom: 10rpx;
 	}
+
+	.item-price text {
+		font-size: 24rpx;
+	}
+
 	.item-desc {
-	    font-weight: normal;
-	    font-size: 26rpx;
-	    color: $u-tips-color;
+		font-weight: normal;
+		font-size: 24rpx;
+		color: #999;
 	}
-	
-	.item-desc, .item-price {
+
+	.item-desc,
+	.item-price {
 		padding: 0 10rpx;
 		margin-top: 8rpx;
 	}
+
 	.auth-popup {
-	  width: 600rpx;
-	  padding: 48rpx 40rpx 40rpx;
-	  background-color: #fff;
-	  border-radius: 24rpx;
-	  box-sizing: border-box;
+		width: 600rpx;
+		padding: 48rpx 40rpx 40rpx;
+		background-color: #fff;
+		border-radius: 24rpx;
+		box-sizing: border-box;
 	}
-	
+
 	/* 标题 */
 	.auth-title {
-	  font-size: 34rpx;
-	  font-weight: 600;
-	  color: #1a1a1a;
-	  text-align: center;
-	  margin-bottom: 20rpx;
+		font-size: 34rpx;
+		font-weight: 600;
+		color: #1a1a1a;
+		text-align: center;
+		margin-bottom: 20rpx;
 	}
-	
+
 	/* 描述 */
 	.auth-desc {
-	  font-size: 26rpx;
-	  color: #888;
-	  text-align: center;
-	  line-height: 1.6;
-	  margin-bottom: 40rpx;
+		font-size: 26rpx;
+		color: #888;
+		text-align: center;
+		line-height: 1.6;
+		margin-bottom: 40rpx;
 	}
-	
+
 	/* 输入区域 */
 	.auth-input {
-	  margin-bottom: 48rpx;
-	
-	  ::v-deep .u-input {
-	    padding-bottom: 12rpx;
-	  }
+		margin-bottom: 48rpx;
+
+		::v-deep .u-input {
+			padding-bottom: 12rpx;
+		}
 	}
-	
+
 	/* 提交按钮 */
 	.auth-btn {
-	  width: 100%;
-	  height: 88rpx;
-	  line-height: 88rpx;
-	  background: linear-gradient(135deg, #FF2F31, #FF9379);
-	  color: #fff;
-	  font-size: 30rpx;
-	  font-weight: 500;
-	  border-radius: 44rpx;
-	  border: none;
-	  box-shadow: 0 10rpx 24rpx rgba(41, 121, 255, 0.3);
+		width: 100%;
+		height: 88rpx;
+		line-height: 88rpx;
+		background: linear-gradient(135deg, #FF2F31, #FF9379);
+		color: #fff;
+		font-size: 30rpx;
+		font-weight: 500;
+		border-radius: 44rpx;
+		border: none;
+		box-shadow: 0 10rpx 24rpx rgba(41, 121, 255, 0.3);
 	}
-	
+
 	/* 按压效果 */
 	.auth-btn:active {
-	  opacity: 0.85;
+		opacity: 0.85;
 	}
+
 	.buttom {
 		.loginType {
 			font-size: 14px;
@@ -620,8 +812,8 @@
 			text-align: center;
 			line-height: 60px;
 			border-radius: 100%;
-			-webkit-box-shadow: 0px 1px 20px 0px rgba(0,0,0,0.1),inset 0px -1px 0px 0px rgba(0,0,0,0.1);
-			box-shadow: 0px 1px 20px 0px rgba(0,0,0,0.1),inset 0px -1px 0px 0px rgba(0,0,0,0.1);
+			-webkit-box-shadow: 0px 1px 20px 0px rgba(0, 0, 0, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1);
+			box-shadow: 0px 1px 20px 0px rgba(0, 0, 0, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1);
 		}
 	}
-</style>
+</style>
\ No newline at end of file
diff --git a/pages/search/searchList.vue b/pages/search/searchList.vue
index cd92788..019810a 100644
--- a/pages/search/searchList.vue
+++ b/pages/search/searchList.vue
@@ -1,159 +1,306 @@
 <template>
-    <view class="search-list-page">
+	<view class="search-list-page">
 		<!-- 顶部导航栏 -->
-		<customNavbar title="资产列表" />
-        <u-sticky offset-top="0">
-            <view class="sticky">
-                <filterDropdown :menuTop="0" :filterData="filterData" :defaultSelected="defaultSelected" :updateMenuName="true" @confirm="confirm" dataFormat="Object"></filterDropdown>
-            </view>
-        </u-sticky>
-       <view class="u-p-l-10 u-p-r-10 waterfall">
-		   <u-waterfall v-model="flowList" ref="uWaterfall">
-		  <template v-slot:left="{leftList}">
-		      <view class="demo-warter" v-for="(item, index) in leftList" :key="index">
-		          <u-lazy-load threshold="750" border-radius="12" :image="item.coverImgUrl" :index="index"
-		                       @click="clickImage(item.id)"></u-lazy-load>
-		          <view class="item-title">{{item.name}}</view>
-		  		     <view class="item-desc">{{ item.footPrint}}㎡</view>
-		  		<view class="item-price">¥{{item.rentFee}}</view>
-		      </view>
-		  </template>
-		  <template v-slot:right="{rightList}">
-		      <view class="demo-warter" v-for="(item, index) in rightList" :key="index">
-		          <u-lazy-load threshold="750" border-radius="10" :image="item.coverImgUrl" :index="index"
-		                       @click="clickImage(item.id)"></u-lazy-load>
-		            <view class="item-title">{{item.name}}</view>
-		  		     <view class="item-desc">{{ item.footPrint}}㎡</view>
-		  		<view class="item-price">¥{{item.rentFee}}</view>
-		      </view>
-		  </template>
-		   </u-waterfall>
-		   <u-loadmore bg-color="rgb(240, 240, 240)" :status="loadStatus" @loadmore="findHouseList" style="height: 80rpx;line-height: 80rpx;"></u-loadmore>
-		   <u-back-top :scroll-top="scrollTop" top="1000"></u-back-top>
-		   <u-no-network></u-no-network>
-	   </view>
-    </view>
+		<!-- <customNavbar title="搜索资产" /> -->
+		<u-navbar title="搜索资产" :autoBack="true" :background="background" title-color="#2D2B2C" back-icon-color="#2D2B2C">
+		</u-navbar>
+		<view class="search-list-content">
+			<!-- 筛选标签栏 -->
+			<view class="filter-dropdown-wrapper">
+				<u-sticky offset-top="0">
+					<view class="sticky" style="width: 100vw;">
+						<filterDropdown :menuTop="0" :filterData="filterData" :defaultSelected="defaultSelected"
+							:updateMenuName="true" @confirm="confirm" dataFormat="Object"></filterDropdown>
+					</view>
+				</u-sticky>
+			</view>
+			<!-- 搜索栏 -->
+			<view class="search-bar-wrapper">
+				<view class="search-bar">
+					<view class="city-select">杭州 <text class="icon-down"></text></view>
+					<view class="search-input">
+						<text class="icon-search"></text>
+						<input type="text" placeholder="请输入小区名称" />
+					</view>
+				</view>
+			</view>
+			<!-- 标签组 -->
+			<view class="tag-group">
+				<view class="tag-item" :class="{ active: selectedTags.includes(tag) }"
+					v-for="(tag, index) in tagGroupList" :key="index" @click="onTagClick(tag)">
+					{{ tag }}
+				</view>
+			</view>
+		</view>
+
+		<view class="u-p-l-10 u-p-r-10 waterfall">
+			<u-waterfall v-model="flowList" ref="uWaterfall">
+				<template v-slot:left="{ leftList }">
+					<view class="demo-warter" v-for="(item, index) in leftList" :key="index">
+						<u-lazy-load threshold="750" border-radius="8" :image="item.coverImgUrl" :index="index"
+							@click="clickImage(item.id)" mode="aspectFill"></u-lazy-load>
+						<view class="item-title">{{ item.name }}</view>
+						<view class="item-desc">{{ item.houseType }} {{ item.footPrint }}㎡ {{ item.orientation }}</view>
+						<view class="item-tags">
+							<view class="tag" v-for="(tag, tagIndex) in item.tags" :key="tagIndex">{{ tag }}</view>
+						</view>
+						<view class="item-price">¥{{ item.rentFee }}/<text>月</text></view>
+					</view>
+				</template>
+				<template v-slot:right="{ rightList }">
+					<view class="demo-warter" v-for="(item, index) in rightList" :key="index">
+						<u-lazy-load threshold="750" border-radius="8" :image="item.coverImgUrl" :index="index"
+							@click="clickImage(item.id)" mode="aspectFill"></u-lazy-load>
+						<view class="item-title">{{ item.name }}</view>
+						<view class="item-desc">{{ item.houseType }} {{ item.footPrint }}㎡ {{ item.orientation }}</view>
+						<view class="item-tags">
+							<view class="tag" v-for="(tag, tagIndex) in item.tags" :key="tagIndex">{{ tag }}</view>
+						</view>
+						<view class="item-price">¥{{ item.rentFee }}/<text>月</text></view>
+					</view>
+				</template>
+			</u-waterfall>
+			<u-loadmore bg-color="rgb(240, 240, 240)" :status="loadStatus" @loadmore="findHouseList"
+				style="height: 80rpx;line-height: 80rpx;"></u-loadmore>
+			<u-back-top :scroll-top="scrollTop" top="1000"></u-back-top>
+			<u-no-network></u-no-network>
+		</view>
+	</view>
 </template>
 
 <script>
 	import config from "@/common/config.js" // 全局配置文件
-	import searchData from '@/common/utils/searchData.js';//筛选菜单数据
-    import filterDropdown from '@/components/zy/filterDropdown.vue';
-    export default {
-        components: {
-            filterDropdown
-        },
-        data() {
-            return {
+	import searchData from '@/common/utils/searchData.js'; //筛选菜单数据
+	import filterDropdown from '@/components/zy/filterDropdown.vue';
+	export default {
+		components: {
+			filterDropdown
+		},
+		data() {
+			return {
 				indexArr: [],
 				valueArr: [],
-                defaultSelected: [],
-                filterData: [],
-				searchData:{},
+				defaultSelected: [],
+				filterData: [],
+				searchData: {},
 				pageNum: 1,
 				pageSize: 20,
 				scrollTop: 0,
 				houseList: [],
-                loadStatus: 'loadmore',
-                flowList: [],
-            }
-        },
-        onLoad(option) {
+				loadStatus: 'loadmore',
+				flowList: [],
+				// 标签组数据和选中状态
+				tagGroupList: ['全套家具', '配套齐全', '优选好房', '生活便利'],
+				selectedTags: [],
+				background: {
+					// 渐变色
+					backgroundImage: 'linear-gradient(-90deg, #F9DED9 0%, #F8DFC0 99%);'
+				},
+			}
+		},
+		onLoad(option) {
 			let type = option.type
 			let villageName = option.villageName
 			this.searchData = {}
-			if(type){
+			if (type) {
 				this.searchData.type = type
 			}
-			if(villageName){
+			if (villageName) {
 				this.searchData.villageName = villageName
 			}
-            // 获取房源数据
-            this.findHouseList();
+			// 获取房源数据
+			this.findHouseList();
 			// 获取小区数据
 			this.findVillageList()
-        },
-        onPageScroll(e) {
-            this.scrollTop = e.scrollTop;
-        },
-        onReachBottom() {
-            this.loadStatus = 'loading';
-            // 获取数据
-        	this.findHouseList()
-        },
-        // 下拉刷新
-        onPullDownRefresh() {
-        	this.pageNum = 1
-        	this.flowList = []
-        	this.$refs.uWaterfall.clear();
-        	// 获取数据
-        	this.findHouseList();
-        	// 关闭刷新
-        	uni.stopPullDownRefresh();
-        },
-        methods: {
-           findHouseList(type = 0) {
-           	if(type == 1){
-           		this.pageNum = 1
-           		this.flowList = []
-           		this.$refs.uWaterfall.clear();
-           	}
-           	let url = "/assets/findAssetList";
-           	this.$u.post(url, {
-           		state:1,
-           		villageCity:uni.getStorageSync('lifeData').vuex_city,
-           		pageNum: this.pageNum,
-           		pageSize: this.pageSize,
-           		orderByColumn: 'update_time,create_time',
-           		isAsc: 'desc'
-           	}).then(result => {
-           		const data = result.data.result;
-           		if(this.pageNum>1 && data.length < this.pageSize){
-           			// return this.loadStatus = 'nomore';
-           		}
-           		this.houseList = data;
-           		for (let i = 0; i < this.houseList.length; i++) {
-           		    // 先转成字符串再转成对象，避免数组对象引用导致数据混乱
-           		    let item = this.houseList[i]
-           			// if(!item.faceUrl.includes(config.staticUrl)){
-           			// 	item.image = config.staticUrl+item.faceUrl
-           			// }else{
-           			// 	item.image = item.faceUrl
-           			// }
-           		    this.flowList.push(item);
-           		}
-           		++ this.pageNum 
-           		this.loadStatus = 'loadmore';
-           	}).catch(err => {
-           		console.log("失败：", err)
-           	})
-           },
-			findVillageList() {
-				let url = "/api/houseApi/findVillageList";
-				this.$u.get(url,{
-					city:uni.getStorageSync('lifeData').vuex_city,
-            		orderByColumn: 'name',
-            		isAsc: 'desc'
-            	}).then(result => {
-					const data = result.rows
-					for (let i = 0; i < data.length; i++) {
-					    // 先转成字符串再转成对象，避免数组对象引用导致数据混乱
-					    let item = data[i]
-						searchData[0].submenu.push({
-							name: item.name,
-							value: item.name
-						})
+		},
+		onPageScroll(e) {
+			this.scrollTop = e.scrollTop;
+		},
+		onReachBottom() {
+			this.loadStatus = 'loading';
+			// 获取数据
+			this.findHouseList()
+		},
+		// 下拉刷新
+		onPullDownRefresh() {
+			this.pageNum = 1
+			this.flowList = []
+			this.$refs.uWaterfall.clear();
+			// 获取数据
+			this.findHouseList();
+			// 关闭刷新
+			uni.stopPullDownRefresh();
+		},
+		methods: {
+			// 标签点击事件
+			onTagClick(tag) {
+				// 检查标签是否已选中
+				const isSelected = this.selectedTags.includes(tag);
+				if (isSelected) {
+					// 如果已选中，则移除
+					this.selectedTags = this.selectedTags.filter(item => item !== tag);
+				} else {
+					// 如果未选中，则添加
+					this.selectedTags.push(tag);
+				}
+				// 这里可以添加根据标签筛选数据的逻辑
+				console.log('标签点击:', tag);
+				console.log('当前选中的标签:', this.selectedTags);
+				// 可以调用findHouseList方法重新加载数据，根据选中的标签进行筛选
+				// this.pageNum = 1;
+				// this.flowList = [];
+				// this.findHouseList(1);
+			},
+
+			findHouseList(type = 0) {
+				if (type == 1) {
+					this.pageNum = 1
+					this.flowList = []
+					this.$refs.uWaterfall.clear();
+				}
+				// 隐藏接口请求，使用前端写死的测试数据
+				// let url = "/assets/findAssetList";
+				// this.$u.post(url, {
+				// 	state:1,
+				// 	villageCity:uni.getStorageSync('lifeData').vuex_city,
+				// 	pageNum: this.pageNum,
+				// 	pageSize: this.pageSize,
+				// 	orderByColumn: 'update_time,create_time',
+				// 	isAsc: 'desc'
+				// }).then(result => {
+				// 	const data = result.data.result;
+
+				// 前端写死的测试数据
+				const data = [{
+						id: 1,
+						name: '景秀天成保租房景秀天成保租房',
+						footPrint: 105,
+						rentFee: 1500,
+						coverImgUrl: '/static/img/index/swiper/swiper3.jpg',
+						houseType: '3室2厅',
+						orientation: '南',
+						tags: ['全套家具', '全套家电']
+					},
+					{
+						id: 2,
+						name: '景秀天成保租房景秀天成保租房',
+						footPrint: 105,
+						rentFee: 1500,
+						coverImgUrl: '/static/img/index/swiper/swiper3.jpg',
+						houseType: '3室2厅',
+						orientation: '南',
+						tags: ['全套家具', '全套家电']
+					},
+					{
+						id: 3,
+						name: '景秀天成保租房景秀天成保租房',
+						footPrint: 105,
+						rentFee: 1500,
+						coverImgUrl: '/static/img/index/swiper/swiper3.jpg',
+						houseType: '3室2厅',
+						orientation: '南',
+						tags: ['全套家具', '全套家电']
+					},
+					{
+						id: 4,
+						name: '景秀天成保租房景秀天成保租房',
+						footPrint: 105,
+						rentFee: 1500,
+						coverImgUrl: '/static/img/index/swiper/swiper3.jpg',
+						houseType: '3室2厅',
+						orientation: '南',
+						tags: ['全套家具', '全套家电']
+					},
+					{
+						id: 5,
+						name: '景秀天成保租房景秀天成保租房',
+						footPrint: 105,
+						rentFee: 1500,
+						coverImgUrl: '/static/img/index/swiper/swiper3.jpg',
+						houseType: '3室2厅',
+						orientation: '南',
+						tags: ['全套家具', '全套家电']
+					},
+					{
+						id: 6,
+						name: '景秀天成保租房景秀天成保租房',
+						footPrint: 105,
+						rentFee: 1500,
+						coverImgUrl: '/static/img/index/swiper/swiper3.jpg',
+						houseType: '3室2厅',
+						orientation: '南',
+						tags: ['全套家具', '全套家电']
 					}
-					this.filterData = searchData;
-				});
+				];
+				if (this.pageNum > 1 && data.length < this.pageSize) {
+					// return this.loadStatus = 'nomore';
+				}
+				this.houseList = data;
+				for (let i = 0; i < this.houseList.length; i++) {
+					// 先转成字符串再转成对象，避免数组对象引用导致数据混乱
+					let item = this.houseList[i]
+					this.flowList.push(item);
+				}
+				++this.pageNum
+				this.loadStatus = 'loadmore';
+				// }).catch(err => {
+				// 	console.log("失败：", err)
+				// })
+			},
+			findVillageList() {
+				// 隐藏接口请求，使用前端写死的测试数据
+				// let url = "/api/houseApi/findVillageList";
+				// this.$u.get(url,{
+				// 	city:uni.getStorageSync('lifeData').vuex_city,
+				// 	orderByColumn: 'name',
+				// 	isAsc: 'desc'
+				// }).then(result => {
+				// 	const data = result.rows
+				// 	for (let i = 0; i < data.length; i++) {
+				// 	    // 先转成字符串再转成对象，避免数组对象引用导致数据混乱
+				// 	    let item = data[i]
+				// 		searchData[0].submenu.push({
+				// 			name: item.name,
+				// 			value: item.name
+				// 		})
+				// 	}
+				// 	this.filterData = searchData;
+				// });
+
+				// 前端写死的测试小区数据
+				const villageData = [{
+						name: '景秀天成'
+					},
+					{
+						name: '锦绣花园'
+					},
+					{
+						name: '阳光小区'
+					},
+					{
+						name: '幸福家园'
+					},
+					{
+						name: '碧水湾'
+					}
+				];
+
+				// 添加测试小区数据到筛选菜单
+				for (let i = 0; i < villageData.length; i++) {
+					searchData[0].submenu.push({
+						name: villageData[i].name,
+						value: villageData[i].name
+					});
+				}
+				this.filterData = searchData;
 			},
 			clickImage(houseId) {
-			    this.$u.route({
-			    	url: '/pages/detail/detail',
-			    	params: {
-			    		houseId: houseId
-			    	}
-			    })
+				this.$u.route({
+					url: '/pages/detail/detail',
+					params: {
+						houseId: houseId
+					}
+				})
 			},
 			//接收菜单结果
 			confirm(e) {
@@ -165,22 +312,22 @@
 				let decoration = combo[1]
 				let feature = combo[2]
 				this.searchData = {}
-				if(type){
+				if (type) {
 					this.searchData.type = type
 				}
-				if(villageName){
+				if (villageName) {
 					this.searchData.villageName = villageName
 				}
-				if(price){
+				if (price) {
 					this.searchData.price = price
 				}
-				if(houseNum && houseNum.length>0){
+				if (houseNum && houseNum.length > 0) {
 					this.searchData.houseNum = houseNum.toString()
 				}
-				if(decoration && decoration.length>0){
+				if (decoration && decoration.length > 0) {
 					this.searchData.decoration = decoration.toString()
 				}
-				if(feature && feature.length>0){
+				if (feature && feature.length > 0) {
 					this.searchData.feature = feature.toString()
 				}
 				this.pageNum = 1
@@ -189,93 +336,215 @@
 				this.$refs.uWaterfall.clear();
 				this.findHouseList()
 			},
-			code(){
+			code() {
 				this.$mytip.toast('请咨询技术支持')
 			}
-        }
-    }
+		}
+	}
 </script>
 
 <style lang="scss" scoped>
-	.search-list-page{
-		padding-top: 175rpx;
+	.search-list-page {
+		background-color: #f5f5f5;
 	}
-	.waterfall{
-		// padding-top: 85rpx;
+
+	.search-list-content {
+		// padding-top: 20rpx;
+		background: linear-gradient(-90deg, #F9DED9 0%, #F8DFC0 99%);
+		border-radius: 0rpx;
+		padding-bottom: 20rpx;
 	}
-	
+
+	// 搜索栏样式
+	.search-bar-wrapper {
+		padding: 10rpx 20rpx;
+	}
+
+	.search-bar {
+		display: flex;
+		background-color: #fff;
+		align-items: center;
+		border-radius: 10rpx;
+		padding: 20rpx 30rpx;
+	}
+
+	.city-select {
+		margin-right: 20rpx;
+		font-size: 28rpx;
+		color: #333;
+	}
+
+	.icon-down {
+		display: inline-block;
+		width: 0;
+		height: 0;
+		border-left: 8rpx solid transparent;
+		border-right: 8rpx solid transparent;
+		border-top: 8rpx solid #666;
+		margin-left: 5rpx;
+		vertical-align: middle;
+	}
+
+	.search-input {
+		flex: 1;
+		display: flex;
+		align-items: center;
+	}
+
+	.icon-search {
+		margin-right: 10rpx;
+		color: #999;
+		font-size: 28rpx;
+	}
+
+	.search-input input {
+		flex: 1;
+		font-size: 28rpx;
+		border: none;
+		background: transparent;
+		outline: none;
+	}
+
+	.filter-dropdown-wrapper {
+		// padding: 0 20rpx;
+		border-radius: 10rpx;
+		margin-bottom: 20rpx;
+	}
+
+	// 标签组样式
+	.tag-group {
+		padding: 15rpx 20rpx;
+		display: flex;
+		flex-wrap: wrap;
+		gap: 15rpx;
+		border-bottom: 1rpx solid #eee;
+		margin-top: 20rpx;
+	}
+
+	.tag-item {
+		padding: 5rpx 10rpx;
+		border-radius: 6rpx;
+		font-size: 24rpx;
+		color: #723324;
+		transition: all 0.3s ease;
+		border: 1px solid #DBB39D;
+	}
+
+	.tag-item.active {
+		background-color: #FCF2F3;
+		border: 1px solid #ffffff;
+	}
+
+	.waterfall {
+		padding-top: 20rpx;
+		background-color: #ffffff;
+	}
+
 	.nomore {
 		background-color: $u-bg-color;
 	}
-	
-	.search{
+
+	.search {
 		width: 54px;
 		height: 44px;
-		
-		&:active{
+
+		&:active {
 			background-color: $u-bg-color;
 		}
 	}
-	
-	.rowClass{
+
+	.rowClass {
 		border-radius: 8px;
 		background-color: rgb(255, 255, 255);
 		margin-top: 10rpx;
 	}
-	
-	.hoverClass{
+
+	.hoverClass {
 		background-color: #E4E7ED;
 	}
-	
-	.tabName{
+
+	.tabName {
 		font-size: 28rpx;
 		color: $u-main-color;
 	}
-	
+
 	.demo-warter {
-	    border-radius: 8px;
-	    margin-top: 3px;
-	    background-color: #ffffff;
-	    padding: 3px;
-	    position: relative;
+		border-radius: 8px;
+		margin-top: 15rpx;
+		margin-right: 10rpx;
+		margin-left: 10rpx;
+		background-color: #ffffff;
+		padding: 0rpx;
+		position: relative;
+		overflow: hidden;
 	}
-	
+
 	.u-close {
-	    position: absolute;
-	    top: 20rpx;
-	    right: 20rpx;
+		position: absolute;
+		top: 20rpx;
+		right: 20rpx;
 	}
-	
+
+	// 图片样式
+	.u-lazy-load {
+		width: 100%;
+		height: 300rpx;
+	}
+
 	.item-cover {
-	    font-size: 55rpx;
-	    color: $u-type-warning;
+		font-size: 55rpx;
+		color: $u-type-warning;
 	}
-	
+
 	.item-title {
-	    font-size: 28rpx;
-	    color: $u-main-color;
-	    font-weight: bold;
-		padding-top: 5rpx;
-		padding-left: 10rpx;
+		font-size: 28rpx;
+		color: #333;
+		font-weight: 600;
+		padding: 12rpx 15rpx 8rpx 15rpx;
+		line-height: 40rpx;
+		overflow: hidden;
+		text-overflow: ellipsis;
+		display: -webkit-box;
+		-webkit-line-clamp: 2;
+		-webkit-box-orient: vertical;
 	}
-	
+
 	.item-price {
-	    font-weight: normal;
-	    font-size: 32rpx;
-	    color: $u-type-warning;
+		font-size: 32rpx;
+		color: #FF2F31;
+		padding: 0 15rpx 15rpx 15rpx;
 	}
-	
+
+	.item-price text {
+		font-size: 24rpx;
+	}
+
 	.item-desc {
-	    font-weight: normal;
-	    font-size: 26rpx;
-	    color: $u-tips-color;
-		padding-bottom: 5rpx;
-		padding-left: 10rpx;
+		font-weight: normal;
+		font-size: 24rpx;
+		color: #999;
+		padding: 0 15rpx 8rpx 15rpx;
 	}
-	
+
+	// 标签样式
+	.item-tags {
+		display: flex;
+		flex-wrap: wrap;
+		padding: 0 15rpx 12rpx 15rpx;
+		gap: 10rpx;
+	}
+
+	.tag {
+		padding: 4rpx 12rpx;
+		background-color: #f5f5f5;
+		border-radius: 12rpx;
+		font-size: 22rpx;
+		color: #666;
+	}
+
 	.item-tag {
-	    font-size: 24rpx;
-	    color: $u-tips-color;
-	    margin-top: 3px;
+		font-size: 24rpx;
+		color: $u-tips-color;
+		margin-top: 3px;
 	}
-</style>
+</style>
\ No newline at end of file