隐藏的canvas组件在无关操作之后又显示出来了
发布于 7 年前 作者 weiwu 14171 次浏览 来自 问答
  • 当前 Bug 的表现（可附上截图）

页面上有个canvas组件在页面底部，我用hidden隐藏了，然后我用的是荣耀8手机，底部有导航栏的（系统自带的那种，三个按钮，返回，home, 多任务），我点击隐藏导航栏，又展示导航栏，然后canvas组件又展示出来了，是灰色的一块。我找了另外一个人，用华为Mate10，也是有这个问题。

  • 预期表现

无论我是否点击隐藏/展示系统自带导航栏，canvas应该根据用户的正确设置来展示或者隐藏

  • 复现路径
  • 提供一个最简复现 Demo

看代码

代码：

<view class="canvas-box">
    <canvas hidden="{{canvasHidden}}" style="width: 686rpx;height: 686rpx;background:#f1f1f1;" canvas-id="mycanvas" />
  </view>

 

data: {

canvasHidden: true

}

补充图片：

  1. 一开始打开这个页面的时候，canvas属性hidden=true，页面是一片空白，最下方导航栏是显示的。



  2. 点击最左下角的隐藏导航栏按钮之后，下方的导航栏隐藏了，canvas的区域就变成灰色了，我并没有做其他会影响canvas的hidden属性的操作。（如果一开始导航栏是隐藏的，然后再把导航栏显示出来，效果也是这样）




1 回复

麻烦提供出现问题的具体机型、微信版本号、系统版本号，以及能复现问题的代码片段（https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html）

回到顶部