4***@qq.com
4***@qq.com
  • 发布:2021-05-22 12:19
  • 更新:2021-05-22 12:19
  • 阅读:609

uniapp 路由跳转再返回 不断增加css样式

分类:uni-app

产品分类: uniapp/H5

PC开发环境操作系统: Windows

PC开发环境操作系统版本号: win10

HBuilderX类型: 正式

HBuilderX版本号: 3.1.15

浏览器平台: QQ内置浏览器

浏览器版本: 10.8

项目创建方式: HBuilderX

操作步骤:

页面跳转再返回 重复操作
将会不断增加
每重复一次增加一条

预期结果:

不增加

实际结果:

页面跳转再返回 重复操作
将会不断增加
每重复一次增加一条

bug描述:

页面跳转再返回 重复操作
将会不断增加

<style type="text/css">.uni-app--showtabbar uni-page-wrapper {  
                    display: block;  
                    height: calc(100% - 50px);  
                    height: calc(100% - 50px - constant(safe-area-inset-bottom));  
                    height: calc(100% - 50px - env(safe-area-inset-bottom));  
                  }  
.uni-app--showtabbar uni-page-wrapper::after {  
                  content: "";  
                  display: block;  
                  width: 100%;  
                  height: 50px;  
                  height: calc(50px + constant(safe-area-inset-bottom));  
                  height: calc(50px + env(safe-area-inset-bottom));  
                }  
.uni-app--showtabbar uni-page-head[uni-page-head-type="default"] ~ uni-page-wrapper {  
                  height: calc(100% - 44px - 50px);  
                  height: calc(100% - 44px - constant(safe-area-inset-top) - 50px - constant(safe-area-inset-bottom));  
                  height: calc(100% - 44px - env(safe-area-inset-top) - 50px - env(safe-area-inset-bottom));  
                }</style>

这个样式

2021-05-22 12:19 负责人:无 分享
已邀请:

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