实现高级筛选从底部弹出的功能

pages/index/index.wxml

@@ -107,8 +107,8 @@
       </view>
   </view>
   
-  <!-- 高级筛选侧边栏 -->
-  <view wx:if="{{showAdvancedFilter}}" class="sidebar advanced-filter-sidebar">
+  <!-- 高级筛选底部弹出层 -->
+  <view wx:if="{{showAdvancedFilter}}" class="sidebar bottom-popup advanced-filter-sidebar">
     <view class="sidebar-title">高级筛选</view>
     
     <!-- 地区选择筛选 - 自定义下拉菜单 -->
@@ -120,10 +120,10 @@
           bindtap="toggleRegionPicker"
         >
           {{advancedFilters.region === 'all' ? '全国' : advancedFilters.region}}
-          <text class="custom-picker-arrow {{showRegionPicker ? 'rotate' : ''}}">▼</text>
+          <text class="custom-picker-arrow {{showAdvancedRegionPicker ? 'rotate' : ''}}">▼</text>
         </view>
         <view 
-          wx:if="{{showRegionPicker}}" 
+          wx:if="{{showAdvancedRegionPicker}}" 
           class="custom-picker-options"
         >
           <view 

pages/index/index.wxss

@@ -551,6 +551,20 @@ wx-button:not([size=mini]) {
   flex-direction: column;
 }
 
+/* 底部弹出样式 */
+.sidebar.bottom-popup {
+  top: auto;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  width: 100%;
+  height: 80%;
+  max-height: 1000rpx;
+  border-radius: 40rpx 40rpx 0 0;
+  animation: slideUp 0.3s ease;
+  box-shadow: 0 -4rpx 20rpx rgba(0, 0, 0, 0.2);
+}
+
 /* 动画效果 */
 @keyframes fadeIn {
   from { opacity: 0; }
@@ -603,6 +617,12 @@ wx-button:not([size=mini]) {
   to { transform: translateX(0); }
 }
 
+/* 底部滑入动画 */
+@keyframes slideUp {
+  from { transform: translateY(100%); }
+  to { transform: translateY(0); }
+}
+
 /* 筛选区域样式 */
 .filter-section {
   padding: 20rpx;