欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

uni-app悬浮框模板

程序员文章站 2022-06-19 18:33:49
1. uni app悬浮框模板 1.1. 目标 1. 模仿饿了吗app的悬浮框效果,即上移过程中,中间的某个组件框到顶部后不再上移,呈类似置顶的效果 1.2. 问题 1. 中间遇到fixed固定组件导致flex失效问题,这会导致样式的混乱,后通过 "这篇文章" 解决 1.3. 效果 1. 最后实现效 ......

1. uni-app悬浮框模板

1.1. 目标

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

1.2. 问题

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

1.3. 效果

  1. 最后实现效果
    uni-app悬浮框模板
    uni-app悬浮框模板

1.4. 移步

具体代码见我的github