bwj_wechat/components/My_LiveList/live.wxml

<view class="live-list" style="padding-bottom: 20rpx;">
    <view class="list-box">
        <view class="live-item" wx:for="{{list}}" catchtap="toViewLive" data-item="{{item}}">
            <view class="img">
                <van-image width="322rpx" height="240rpx" src="{{item.channelcoverimageurl}}" lazy-load fit='cover' />
                <view class="livestatus" wx:if="{{item.livestatus=='live'}}">
                    直播中
                    <image src="https://bwj.obs.cn-east-2.myhuaweicloud.com/resources/WeChat/live.gif" />
                </view>
                <view wx:else class="livestatus" style="background: linear-gradient(180deg, #E6E6E6 0%, #B0B0B0 100%);justify-content: center;" >
                    <text wx:if="{{item.livestatus=='unStart'}}">未开始</text>
                    <text wx:elif="{{item.livestatus=='waiting'}}">直播回放</text>
                    <text wx:elif="{{item.livestatus=='playback'}}">等待中</text>
                    <text wx:else>已结束</text>
                </view>
            </view>
            <view class="brand-audience">
                <view class="brand u-line-1">{{item.fbrand!=null?item.fbrand:'暂无名称'}}</view>
                <view class="audience">
                    {{item.viewers}}人
                </view>
            </view>
            <view wx:if="{{!isShow}}" class="explain u-line-1">{{item.faddress==null&&item.faddress=='null'?item.faddress:'暂无地址'}}</view>
            <view wx:else class="explain u-line-1">{{item.flocation!=null?item.flocation:'暂无地址'}}</view>
        </view>
        <view class="live-item" style="opacity: 0;" wx:if="{{list.length%2!=0}}" />
    </view>
</view>