drawer-menu-for-miniprogram

基于微信小程序的沉浸式抽屉菜单

• 自定义导航栏组件
• 沉浸式抽屉菜单
• 侧边栏点击效果

起因

无意间发现了一个基于Swift UI的抽屉菜单，效果如下：

想着微信小程序上能实现这种UI风格，一定很酷。于是，自己上手撸了一个基本的demo，摸鱼一下午终于是搞定了。

期间准备添加触摸滑动显示抽屉的效果，发现写出后真机测试效果太烂，于是放弃了这个想法。

效果演示

• 预览

  

• 真机测试

  

总结

正如看到的GIF一样，不如Swift UI那般丝滑，不过好歹也能实现的像模像样了，基本的效果已经实现。

噢对，说下踩坑点：

• 微信小程序的this.animate() API，开发工具测试一切正常，预览与真机测试并没有效果
• 因此，必须得用传统的wx.createAnimation()来创建动画