uniapp写一个下拉框筛选页面

好的，下面是一种实现方式：

1. 创建一个新的页面，例如Filter.vue，并在该页面中添加一个下拉框和一个筛选按钮。

2. 在 data 中定义下拉框的选项，例如：

data() {
  return {
    options: [
      { value: 'option1', label: '选项1' },
      { value: 'option2', label '选项2' },
      { value: 'option3', label: '选项3' },
    ],
    selectedOption: '',
  }
}

其中，options 数组是下拉框的选项，selectedOption 是当前选中的选项。

3. 在页面中使用 uni-app 的组件 uni-popup 弹出下拉框，例如：

<uni-popup :show="showPopup" :position="popupPosition">
  <view>
    <view v-for="(option, index) in options" :key="index" @click="selectOption(option)">
      {{ option.label }}
    </view>
  </view>
</uni-popup>

其中，showPopup 控制是否显示下拉框，popupPosition 控制下拉框的位置，selectOption 方法用于选中某个选项。

4. 在筛选按钮的点击事件中，设置 showPopup 为 true，显示下拉框。

5. 在 selectOption 方法中，设置 selectedOption 为选中的选项的值，并将 showPopup 设置为 false，隐藏下拉框。例如：

selectOption(option) {
  this.selectedOption = option.value
  this.showPopup = false
}

6. 在页面中使用 selectedOption 进行筛选。

以上就是一个简单的下拉框筛选页面的实现方式。当然，还可以根据具体需求进行更多的样式和功能的定制。