请选择 进入手机版 | 继续访问电脑版

uniapp子页面被tabbar盖住

[复制链接]
谭先生 发表于 2021-1-1 18:32:02 | 显示全部楼层 |阅读模式 打印 上一主题 下一主题
首先出现的问题是这个样子的

刚开始的时候在json文件中设置了底部tabbar的颜色
  1. "tabBar": {                "color": "#fff",                "selectedColor": "#7BB4FF",                "borderStyle": "black",                "backgroundColor": "#7BB4FF",                "list": [                        {                        "pagePath": "pages/index/index",                        "iconPath": "static/tab-home-icon.png",                        "selectedIconPath": "static/selected-index.png",                        "text": "首页"                    },                        {                            "pagePath": "pages/stationDetail/stationDetail",                            "iconPath": "static/tab-station-icon.png",                            "selectedIconPath": "static/selected-station.png",                            "text": "电站"                        },                        {                            "pagePath": "pages/shop/shop",                            "iconPath": "static/shop-tabbar.png",                            "selectedIconPath": "static/shop-tabbar-un.png",                            "text": "商城"                        },                        {                            "pagePath": "pages/my/my",                            "iconPath": "static/tab-my.png",                            "selectedIconPath": "static/tab-my-icon.png",                            "text": "我的"                        }                ]        },
复制代码
根据文档上说的,在ios中可设置高斯含糊来举行覆盖
首先在manifest.json中找到app-plus的设置项,新增safearea
  1. "app-plus" : {        "usingComponents" : true,        "nvueCompiler" : "uni-app",        "compilerVersion" : 3,        高斯含糊设置                "safearea" : {                      "bottom" : {                          "offset" : "none"                      }                  },        "splashscreen" : {            "alwaysShowBeforeRender" : true,            "waiting" : true,            "autoclose" : true,            "delay" : 0        },   }
复制代码
然后再page.json中加入高斯含糊
  1. "tabBar": {                "color": "#fff",                "selectedColor": "#7BB4FF",                "borderStyle": "black",                "blurEffect": "extralight",        },
复制代码


来源:https://blog.csdn.net/weixin_43090018/article/details/111952602
免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则


专注素材教程免费分享
全国免费热线电话

18768367769

周一至周日9:00-23:00

反馈建议

27428564@qq.com 在线QQ咨询

扫描二维码关注我们

Powered by Discuz! X3.4© 2001-2013 Comsenz Inc.( 蜀ICP备2021001884号-1 )