实现微信小程序下拉菜单(带动画)的方法实例

发布日期： 2017-04-28 阅读量： 作者： 网络

可以直接拷贝就用，这只是一个壳，可以往里面填充自己的内容在pick-header里添加筛选项，在pick-container添加被筛选的选项内容，content里显示真正的内容。content的高度是会在js里根据当前手机分辨率所动态计算的，高度值为contentHeight，所以在里面可以嵌套一个scroll-view，设置高度为contentHeight即可实现内容滑动。好了，废话不多说，直接看图附代码。

下拉菜单示例.gif

wxml

<view>
  <view>
    筛选pick-header view z-index:60
  </view>

  <view>
    筛选项 pick-container view z-index:50
  </view>

  <view>我是半透明阴影遮罩 view shadow  z-index:40</view>

  <view>
    我是内容content view z-index:20
  </view></view>

# 微信小程序 # 下拉菜单

下一篇: 如何解决CentOS搭建DHCP服务器启动失败

实现微信小程序下拉菜单(带动画)的方法实例

随便看看