# drawer-menu-for-miniprogram
基于微信小程序的沉浸式抽屉菜单
* 自定义导航栏组件
* 沉浸式抽屉菜单
* 侧边栏点击效果
## 起因
无意间发现了一个基于Swift UI的抽屉菜单,效果如下:
![6784e901877a4a7591a40ae5e7aaf8bb](https://typora-licodeao.oss-cn-guangzhou.aliyuncs.com/typoraImg/6784e901877a4a7591a40ae5e7aaf8bb.gif)
想着微信小程序上能实现这种UI风格,一定很酷。于是,自己上手撸了一个基本的demo,摸鱼一下午终于是搞定了。
期间准备添加触摸滑动显示抽屉的效果,发现写出后真机测试效果太烂,于是放弃了这个想法。
## 效果演示
* 预览
![image](https://github.com/Licodeao/drawerMenu-for-miniprogram/blob/master/preview.gif)
* 真机测试
![image](https://github.com/Licodeao/drawerMenu-for-miniprogram/blob/master/realphone.gif)
## 总结
正如看到的GIF一样,不如Swift UI那般丝滑,不过好歹也能实现的像模像样了,基本的效果已经实现。
噢对,说下踩坑点:
* 微信小程序的this.animate() API,开发工具测试一切正常,预览与真机测试并没有效果
* 因此,必须得用传统的wx.createAnimation()来创建动画
没有合适的资源?快使用搜索试试~ 我知道了~
温馨提示
【项目资源】: 包含前端、后端、移动开发、操作系统、人工智能、物联网、信息化管理、数据库、硬件开发、大数据、课程资源、音视频、网站开发等各种技术项目的源码。 包括STM32、ESP8266、PHP、QT、Linux、iOS、C++、Java、python、web、C#、EDA、proteus、RTOS等项目的源码。 【项目质量】: 所有源码都经过严格测试,可以直接运行。 功能在确认正常工作后才上传。 【适用人群】: 适用于希望学习不同技术领域的小白或进阶学习者。 可作为毕设项目、课程设计、大作业、工程实训或初期项目立项。 【附加价值】: 项目具有较高的学习借鉴价值,也可直接拿来修改复刻。 对于有一定基础或热衷于研究的人来说,可以在这些基础代码上进行修改和扩展,实现其他功能。 【沟通交流】: 有任何使用上的问题,欢迎随时与博主沟通,博主会及时解答。 鼓励下载和使用,并欢迎大家互相学习,共同进步。
资源推荐
资源详情
资源评论
收起资源包目录
基于微信小程序的沉浸式抽屉菜单.zip (22个子文件)
drawerMenu-for-miniprogram-master
realphone.gif 9.98MB
LICENSE 1KB
miniprogram-drawerMenu-demo
sitemap.json 191B
project.private.config.json 349B
pages
index
index.wxml 2KB
index.js 2KB
index.json 130B
index.wxss 2KB
components
CustomNavBar
customNavBar.wxml 403B
customNavBar.json 52B
customNavBar.wxss 255B
customNavBar.js 385B
static
menu.png 7KB
close.png 5KB
avatar.jpg 177KB
.eslintrc.js 587B
app.json 309B
project.config.json 1KB
app.js 1KB
app.wxss 194B
README.md 1KB
preview.gif 8.83MB
共 22 条
- 1
资源评论
妄北y
- 粉丝: 1w+
- 资源: 1万+
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功