收藏
回答

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

操作系统 操作系统版本 手机型号 微信版本
Android 5.1.1 华为 H60-L01 6.6.1

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>
  </cover-view>
</live-pusher>


回答关注问题邀请回答
收藏

1 个回答

  • 黄思程
    黄思程
    2018-01-19

    先不加逻辑,只展示一个cover-image会显示不?

    2018-01-19
    有用
    回复 1
    • Rock
      Rock
      2018-10-10

      我也遇到这个问题 我看你们腾讯视频云那个小程序没这个问题啊 是怎么做的了

      2018-10-10
      回复
登录 后发表内容