开发者社区

文档建议反馈控制台

文章/答案/技术大牛

发布

社区首页 >专栏 >uni-app悬浮框模板

uni-app悬浮框模板

老梁

发布于 2019-09-10 18:44:38

发布于 2019-09-10 18:44:38

2K0

举报

文章被收录于专栏：Java工程师成长之路Java工程师成长之路

1. uni-app悬浮框模板

1.1. 目标

模仿饿了吗app的悬浮框效果，即上移过程中，中间的某个组件框到顶部后不再上移，呈类似置顶的效果

1.2. 问题

中间遇到fixed固定组件导致flex失效问题，这会导致样式的混乱，后通过这篇文章解决

1.3. 效果

最后实现效果

1.4. 移步

具体代码见我的github

本文参与腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。

原始发表：2019-06-15 ，如有侵权请联系 cloudcommunity@tencent.com 删除

目录

1. uni-app悬浮框模板
- 1.1. 目标
- 1.2. 问题
- 1.3. 效果
- 1.4. 移步