canvas最高层级导致canvas生成的百分比与自定义的底部导航栏重合 - WXOPEN Club

<block wx:if="{{checklistItem}}">

<view class="listItem" wx:for="{{checklistItem}}" wx:key="" wx:for-item="item" wx:for-index="idx" data-idx="{{idx}}" bindtap="chooseItem">

<view class="listItem_part1">

<image class="listItem_part1_img" src="{{idx==currentidx&&choose==true?srcOnradio:srcRadio}}"></image>

<text class="listItem_part1_title listItem_part_text">{{item.name}}</text>

<view wx:if="{{item.strBmbimIsControlTask=='N'}}" class="weui-badge weui-badge_dot " style="position: absolute;"></view>

</view>

<view class="listItem_part2">

<view class="listItem_part2_left">

<view class="listItem_part2_date listItem_part_text">

<text>开始时间：{{item.StartDate}}</text>

</view>

<view class="listItem_part2_date listItem_part_text">

<text>结束时间：{{item.FinishDate}}</text>

</view>

<view class="listItem_part2_right">

<canvas class="cir" canvas-id="{{item.id}}"></canvas>

</view>

</block>

<view class=" {{length==0?'true':'hideTrue'}}"><text class="text_noData">暂无任务</text></view>

<view class="afterlastListitem">

<image></image>

</view>

<view class="buttom_3button">

<image class="buttom_3button_img" bindtap="gotoHomePage" src="{{srcHome}}"></image>

<image class="buttom_3button_img" bindtap="getMyTask" src="{{srcWork}}"></image>

<image class="buttom_3button_img" bindtap="getMyCompleteTask" src="{{srcComplete}}"></image>

</view>

如上图所示，底部导航栏（自定义的）与canvas生成的百分比重合

qiujuan 1楼•5 年前

使用cover-view覆盖

ogong 2楼•4 年前

嗯，谢谢，已经解决。原来也试过用cover-view，但是我的底部导航栏由3个image,没注意到cover-view中只支持嵌套 cover-view、cover-image。修改如下：

<!-- <view class="buttom_3button">

<image class="buttom_3button_img" bindtap="gotoHomePage" src="{{srcHome}}"></image>

<image class="buttom_3button_img" bindtap="getMyTask" src="{{srcWork}}"></image>

<image class="buttom_3button_img" bindtap="getMyCompleteTask" src="{{srcComplete}}"></image>

</view> -->

<cover-view class="buttom_3button">

<cover-image class="buttom_3button_img" bindtap="gotoHomePage" src="{{srcHome}}"></cover-image>

<cover-image class="buttom_3button_img" bindtap="getMyTask" src="{{srcWork}}"></cover-image>

<cover-image class="buttom_3button_img" bindtap="getMyCompleteTask" src="{{srcComplete}}"></cover-image>

</cover-view>

同时还需要给canvas设置z-index:-1000