cover-image 组件在手机上不能覆盖到 live-pusher 组件上 - WXOPEN Club

live-pusher 组件里嵌套了 cover-image 组件，在开发工具中显示正常。

使用手机测试，红框里的图片都没有显示，IOS 也一样。

请问是什么原因呢？

下面是预览图和 wxml 代码：

<live-pusher

url="{{ item.roadshowPushUrl }}"

mode="RTC"

muted="{{ pusher.option.muted }}"

orientation="{{ pusher.option.orientation }}"

style="height: {{ pusher.style.height }}px"

catch:tap="onTap"

bindstatechange="onPusherStateChange"

>

<cover-view class="controls row" catch:tap="onTap" hidden="{{ !pusher.status.is_show }}">

<cover-view class="col-4 col-offset-1">

<cover-image

wx:if="{{ pusher.status.is_play }}"

class="big"

src="{{ image.stop }}"

bind:tap="onStop"

/>

<cover-image

wx:else

class="big"

src="{{ image.play }}"

bind:tap="onPlay"

/>

</cover-view>

<cover-view class="col-2">

<cover-image

wx:if="{{ pusher.status.is_mute }}"

class="small"

src="{{ image.mute_off }}"

bind:tap="onMuteOff"

/>

<cover-image

wx:else

class="small"

src="{{ image.mute_on }}"

bind:tap="onMuteOn"

/>

</cover-view>

<cover-view class="col-2">

<cover-image class="small" src="{{ image.switch }}" bind:tap="onSwitchChange" />

</cover-view>

</live-pusher>