5***@qq.com
5***@qq.com
  • 发布:2020-06-11 11:37
  • 更新:2020-06-16 10:57
  • 阅读:1106

官方demo uniapp中,android app 有社区模块,想问一下,顶部选项卡 部分怎么实现的?

分类:uni-app

这部分,体验效果很好,滑上去搜索部分会消失

我在运行了 https://github.com/dcloudio/hello-uniapp 的代码,并没有看到相关的部分。

我想知道这部分的代码是否有开源,有的话请告诉我仓库地址,没有的话,能否请各位大佬给点解决方案

2020-06-11 11:37 负责人:无 分享
已邀请:
1***@qq.com

1***@qq.com

swiper-list

  • 5***@qq.com (作者)

    感谢回复,能不能细说一点....

    下面的类容切换,应该用的确实是swiper,但我更想知道的是上面的 选项卡 部分怎么固定在顶部

    自己写了scroll的监听,但效果不太理想

    2020-06-11 11:53

malindong

malindong - 前端CN

https://www.dfs168.com/market/viewapp.html?id=550&channelCode=26056 你下载这个看看的效果是你需要的吗,这是我自己写的

  • 5***@qq.com (作者)

    感谢回复。有点像,但是感觉太卡了...

    自己写了scroll的监听效果和你这个差不多,就是有卡顿的感觉,动画不流畅。

    官方的Android版,就很流畅,体验很好,不知道是怎么做的

    2020-06-11 12:48

  • malindong

    回复 5***@qq.com: 嗯 我的我感觉还好 没有你说的那么卡 看手机吧

    2020-06-11 12:56

细嗅蔷薇

细嗅蔷薇 - 专注于App的开发和代上架合作,带需求来聊,有需求请加QQ:1481983952

这个没有开源的代码,不过这个在hello-uniapp里都能找到代码啊,无非就是顶部选项卡加滑动渐变header

细嗅蔷薇

细嗅蔷薇 - 专注于App的开发和代上架合作,带需求来聊,有需求请加QQ:1481983952

这个没有开源的代码,不过这个在hello-uniapp里都能找到代码啊,无非就是顶部选项卡加滑动渐变header

  • 5***@qq.com (作者)

    感谢回复。 感觉不想滑动渐变header。

    我有看过 透明渐变样式相关代码,他好像是改变了导航栏的透明度,并不是上图效果

    上图效果,页面上拉时,顶部选项卡跟着上,在到顶部时,固定成导航栏

    2020-06-11 13:00

DCloud_uniAD_HDX

DCloud_uniAD_HDX

  • 5***@qq.com (作者)

    感觉回复。swiper-list是列表渲染,我更侧重于关注的是上滑输入框消失,导航栏置顶的这一部分。

    整体十分流畅,体验非常好,我想知道是怎么实现的

    2020-06-16 12:33

  • DCloud_uniAD_HDX

    回复 5***@qq.com: swiper-list header 区域放个输入框 和社区的效果就一样了

    2020-06-17 10:15

该问题目前已经被锁定, 无法添加新回复