html52.com
我爱小程序-开发者交流社区

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

问题模块 操作系统 操作系统版本 手机型号 微信版本
客户端 Android 5.1.1 华为 H60-L01 6.6.1

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

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

请问是什么原因呢?

下面是预览图和 wxml 代码:


下面是预览图和 wxml 代码:<live-pusher  url="{{ item.roadshowPushUrl }}"  mode="RTC"  muted="{{


<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>


网友回复

黄思程:

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

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

真正的个人免签约支付接口

云免签H5支付