3***@qq.com
3***@qq.com
  • 发布:2020-12-09 17:41
  • 更新:2020-12-09 18:19
  • 阅读:924

App上如何让tabBar覆盖在页面上,就像抖音那样?

分类:uni-app

众所周知,抖音的视频播放页面tabBar是透明的,且覆着在页面上的,请问这种效果用uniapp自带的tabBar如何实现,翻遍文档也没有相关方面说明,之前自己写了一个自定义的tabBar来实现,但是始终感觉还是自带的这个方案更好一点,能实现吗?

2020-12-09 17:41 负责人:无 分享
已邀请:
4***@qq.com

4***@qq.com

"style": {
// "navigationBarTitleText": "我的",
// "navigationStyle":"custom",
"enablePullDownRefresh": false,
"app-plus": {
"titleNView": {
"titleText":"我的",
"titleColor":"#000000",
"backgroundColor":"rgba(255, 255, 127, 1 <- 透明度)"
}
}
}
我测试这个样式可以实现背景透明~~
不知道能不能满足你的要求

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

    不是页面透明,是tabbar透明并且覆盖到页面上,现在是tabbar可以设置透明度,但tabbar不能覆盖到页面上,tabbar是在页面的下边,和页面是同级关系

    2020-12-09 18:38

  • 4***@qq.com

    回复 380058170@qq.com 你是说要tabbar 浮动到上边 那只能自定义了

    2020-12-09 18:45

  • 4***@qq.com

    我测试了 加一个参数 可以浮动起来

    "type":"float",

    2020-12-09 18:48

  • 4***@qq.com

    "titleNView": {

    "type":"float",

    "titleText":"我的",

    "titleColor":"#ffffff",

    "backgroundColor":"rgba(255, 255, 127, 0)"

    }

    2020-12-09 18:48

  • 4***@qq.com

    https://uniapp.dcloud.io/collocation/pages?id=app-titlenview

    在这里查看的

    2020-12-09 18:49

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