小程序下拉框制作？

Question

<van-dropdown-menu>
  <van-dropdown-item title="区域" value="{{ value1 }}" options="{{ option1 }}" bind:change="arearefresh" />
  <van-dropdown-item title="价格" value="{{ value2 }}" options="{{ option2 }}" bind:change="pricerefresh" />
  <van-dropdown-item title="户型" value="{{ value3 }}" options="{{ option3 }}" bind:change="layoutrefresh"/>
  <van-dropdown-item title="筛选" value="{{ value4 }}" options="{{ option4 }}" />
  <van-dropdown-item title="排序" value="{{ value5 }}" options="{{ option5 }}" bind:change="sortrefresh"/>
</van-dropdown-menu>

现在用上面的代码做了几个下拉选择框。但是筛选想在点击后做成类似下图这样的效果，该怎么改？

Answer 1

说一个大概的思路点击上方的更多之后，展开 page-container 模拟的一个下拉弹窗，其实就是一个半幅弹窗只不过定位从底部改到了顶部罢了。

具体里面怎么布局就看你自己的业务需求了。

本文参与了SegmentFault 思否面试闯关挑战赛，欢迎正在阅读的你也加入。