shop4.3.57/unpackage/dist/build/mp-weixin/components/page-component/app-live/app-live.wxml

<block wx:if="{{value.live_list.length>0}}"><view class="app-live data-v-11dbe060" style="{{'background:'+(value.background)+';'}}"><block wx:for="{{value.live_list}}" wx:for-item="item" wx:for-index="index" wx:key="index"><block wx:if="{{value.style_type==1}}"><view data-event-opts="{{[['tap',[['liveClick',['$0'],[[['value.live_list','',index]]]]]]]}}" class="live-style-1 shadow data-v-11dbe060" bindtap="__e"><view class="item data-v-11dbe060"><image class="anchor-img data-v-11dbe060" mode="aspectFill" src="{{item.anchor_img}}"></image><view class="gradient data-v-11dbe060"></view><view class="label-box data-v-11dbe060"><view class="{{['label-item data-v-11dbe060',(item.live_status==103)?'label-item-over':'',(item.live_status==102)?'label-item-notice':'']}}"><block wx:if="{{item.live_status==101}}"><image class="live-ing data-v-11dbe060" src="/static/image/icon/liveing.png"></image></block><block wx:else><view class="round data-v-11dbe060"></view></block><label class="label-text _span data-v-11dbe060">{{item.status_text}}</label></view><block wx:if="{{item.live_status==102}}"><label class="text-time _span data-v-11dbe060">{{item.text_time}}</label></block></view><view class="user-info data-v-11dbe060"><image class="avatar data-v-11dbe060" mode="aspectFill" src="{{item.anchor_img}}"></image><label class="nickname ellipsis _span data-v-11dbe060">{{item.anchor_name}}</label></view><block wx:if="{{item.live_status===103}}"><image class="play-icon data-v-11dbe060" src="/static/image/video-play.png"></image></block></view><label class="title ellipsis _span data-v-11dbe060">{{item.name}}</label><block wx:if="{{value.is_show_goods==true&&item.goods.length>0}}"><view class="goods-info data-v-11dbe060"><image class="goods-cover data-v-11dbe060" mode="aspectFill" src="{{item.goods[0].cover_img}}"></image><view class="goods-item data-v-11dbe060"><label class="goods-name ellipsis _span data-v-11dbe060">{{item.goods[0].name}}</label><label class="goods-price _span data-v-11dbe060">{{"￥"+item.goods[0].price}}</label></view></view></block></view></block></block><block wx:if="{{value.style_type==2}}"><view class="wrap-box data-v-11dbe060"><block wx:for="{{newValue}}" wx:for-item="valueItem" wx:for-index="valueIndex" wx:key="valueIndex"><view class="wrap-item data-v-11dbe060"><block wx:for="{{valueItem.live_list}}" wx:for-item="item" wx:for-index="index" wx:key="index"><view data-event-opts="{{[['tap',[['liveClick',['$0'],[[['newValue','',valueIndex],['live_list','',index]]]]]]]}}" class="live-style-2 shadow data-v-11dbe060" bindtap="__e"><view class="item data-v-11dbe060"><image class="anchor-img data-v-11dbe060" mode="aspectFill" src="{{item.anchor_img}}"></image><view class="gradient data-v-11dbe060"></view><view class="label-box data-v-11dbe060"><view class="{{['label-item data-v-11dbe060',(item.live_status==103)?'label-item-over':'',(item.live_status==102)?'label-item-notice':'']}}"><block wx:if="{{item.live_status==101}}"><image class="live-ing data-v-11dbe060" src="/static/image/icon/liveing.png"></image></block><block wx:else><view class="round data-v-11dbe060"></view></block><label class="label-text _span data-v-11dbe060">{{item.status_text}}</label></view><block wx:if="{{item.live_status==102}}"><label class="text-time _span data-v-11dbe060">{{item.text_time}}</label></block></view><view class="user-info data-v-11dbe060"><image class="avatar data-v-11dbe060" mode="aspectFill" src="{{item.anchor_img}}"></image><label class="nickname ellipsis _span data-v-11dbe060">{{item.anchor_name}}</label></view><block wx:if="{{item.live_status===103}}"><image class="play-icon data-v-11dbe060" src="/static/image/video-play.png"></image></block></view><label class="title ellipsis _span data-v-11dbe060">{{item.name}}</label><block wx:if="{{value.is_show_goods==true&&item.goods.length>0}}"><view class="goods-info data-v-11dbe060"><image class="goods-cover data-v-11dbe060" mode="aspectFill" src="{{item.goods[0].cover_img}}"></image><view class="goods-item data-v-11dbe060"><label class="goods-name ellipsis _span data-v-11dbe060">{{item.goods[0].name}}</label><label class="goods-price _span data-v-11dbe060">{{"￥"+item.goods[0].price}}</label></view></view></block></view></block></view></block></view></block><block wx:for="{{value.live_list}}" wx:for-item="item" wx:for-index="index" wx:key="index"><block wx:if="{{value.style_type==3}}"><view data-event-opts="{{[['tap',[['liveClick',['$0'],[[['value.live_list','',index]]]]]]]}}" class="live-style-3 shadow data-v-11dbe060" bindtap="__e"><view class="item data-v-11dbe060"><image class="anchor-img data-v-11dbe060" mode="aspectFill" src="{{item.anchor_img}}"></image><view class="gradient data-v-11dbe060"></view><view class="label-box data-v-11dbe060"><view class="{{['label-item data-v-11dbe060',(item.live_status==103)?'label-item-over':'',(item.live_status==102)?'label-item-notice':'']}}"><block wx:if="{{item.live_status==101}}"><image class="live-ing data-v-11dbe060" src="/static/image/icon/liveing.png"></image></block><block wx:else><view class="round data-v-11dbe060"></view></block><label class="label-text _span data-v-11dbe060">{{item.status_text}}</label></view><block wx:if="{{item.live_status==102}}"><label class="text-time _span data-v-11dbe060">{{item.text_time}}</label></block></view><block wx:if="{{item.live_status===103}}"><image class="play-icon data-v-11dbe060" src="/static/image/video-play.png"></image></block></view><view class="item-2 data-v-11dbe060"><label class="title _span data-v-11dbe060">{{item.name}}</label><view class="user-info data-v-11dbe060"><image class="avatar data-v-11dbe060" mode="aspectFill" src="{{item.anchor_img}}"></image><label class="nickname ellipsis _span data-v-11dbe060">{{item.anchor_name}}</label></view><block wx:if="{{value.is_show_goods==true&&item.goods.length>0}}"><view class="goods-info data-v-11dbe060"><view class="goods-cover data-v-11dbe060"><view class="gradient data-v-11dbe060"></view><image mode="aspectFill" src="{{item.goods[0].cover_img}}" class="data-v-11dbe060"></image><label class="goods-price _span data-v-11dbe060">{{"￥"+item.goods[0].price}}</label></view><block wx:if="{{item.goods.length>=2}}"><view class="goods-cover goods-cover-2 data-v-11dbe060"><view class="shade data-v-11dbe060"></view><image mode="aspectFill" src="{{item.goods[1].cover_img}}" class="data-v-11dbe060"></image><view class="goods-count data-v-11dbe060"><label class="number _span data-v-11dbe060">{{item.goods.length}}</label><label class="_span data-v-11dbe060">宝贝</label></view></view></block></view></block></view></view></block></block></view></block>