微信小程序自定义底部导航栏层级如何高于canvas 自定义导航栏被画布覆盖解决办法

背景：项目需要自定义底部导航栏。但是上面显示饼状图两个，刚好会覆盖底部导航栏。

效果图：让扫一扫按钮不被饼状图覆盖。

1、搜索发现有《cover-view》这么个标签。可以高于画布，哎这不错，试试。

html：
<cover-view>
    <button class="scan" style="background:url('{
  {storeImgUrl}}scan.png') no-repeat;background-size:100%;" bindtap='getScancode'></button>
</cover-view>
css：
/* 扫一扫 */
.scan{
  width: 200rpx;
  height: 200rpx;
  position: fixed;
  bottom: 30rpx;
  left: 275rpx;
  z-index: 1000;
}

运行不显示，必须要把cover-view这标签及里面的东西放入canvas中才能覆盖上，但是扫一扫这个标签需要在页面底部。用定位fixed不好使。咋整？？？

用cover-view不行，换换。

看到有大神说可以把画布