微信小程序之自定义抽屉菜单实例详解

微信小程序之自定义抽屉菜单实例详解
这篇文章主要为大家详细介绍了微信小程序实战之自定义抽屉菜单效果，具有一定的参考价值，感兴趣的小伙伴们可以参考一下

这篇文章主要为大家详细介绍了微信小程序实战之自定义抽屉菜单效果，具有一定的参考价值，感兴趣的小伙伴们可以参考一下

微信提供了动画api，就是下面这个

通过使用这个创建动画的api，可以做出很多特效出来

下面介绍一个抽屉菜单的案例

实现代码：wxml：

<!--button--> <view class="btn" bindtap="powerDrawer" data-statu="open">button</view> <!--mask--> <view class="drawer_screen" bindtap="powerDrawer" data-statu="close" wx:if="{{showModalStatus}}"></view> <!--content--> <!--使用animation属性指定需要执行的动画--> <view animation="{{animationData}}" class="drawer_attr_box" wx:if="{{showModalStatus}}"> <!--drawer content--> <view class="drawer_content"> <view class="drawer_title line">菜单1</view> <view class="drawer_title line">菜单2</view> <view class="drawer_title line">菜单3</view> <view class="drawer_title line">菜单4</view> <view class="drawer_title">菜单5</view> </view> </view>