收藏
回答

隐藏的canvas组件在无关操作之后又显示出来了

问题模块 框架类型 问题类型 API/组件名称 终端类型 微信版本 基础库版本
API和组件 小程序 Bug canvas画布 客户端 7.0.4 2.7.1

- 当前 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属性的操作。(如果一开始导航栏是隐藏的,然后再把导航栏显示出来,效果也是这样)




最后一次编辑于  06-20  (未经腾讯允许,不得转载)
邀请回答
复制链接收藏投诉关注问题回答

1 个回答

  • 是柿子啊
    是柿子啊
    06-19

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

    06-19
    赞同
    回复 6
    • 黑猫警长
      黑猫警长
      06-20

      机型:荣耀8

      微信版本号:7.0.4

      系统版本号:EMUI8.0.0     Android8.0.0

      代码片段地址:https://developers.weixin.qq.com/s/uOwPYgmy799W

      06-20
      回复
    • 黑猫警长
      黑猫警长
      06-20

      我估计只要下发带导航栏的手机都会出现这个问题,我有个同事的华为mate10也是这样

      06-20
      回复
    • 是柿子啊
      是柿子啊
      06-20回复黑猫警长

      预期表现是?我这边看了,都是空白页面的

      06-20
      回复
    • 黑猫警长
      黑猫警长
      06-20回复是柿子啊

      一开始是空白的,你要用带有下方可以隐藏导航栏的手机,如果隐藏或者展示导航栏的时候,canvas的部分就会有灰色的部分。期望肯定是无论是否操作隐藏或者展示导航栏都要不能展示canvas啊,因为我设置的hidden=true啊!!!

      06-20
      回复
    • 黑猫警长
      黑猫警长
      06-20回复是柿子啊

      我在帖子里面补充了两张操作前和操作后的截图,有文字说明。

      06-20
      回复
    查看更多(1)