zhibo/unpackage/dist/dev/mp-weixin/pages/home/living.wxml

<view class="swiper-wrapper data-v-471975a0"><view class="{{['container', 'data-v-471975a0', 'active']}}"><view class="blackbg data-v-471975a0"></view><view class="content data-v-471975a0"><view style="position:fixed;top:0;z-index:5" class="content-top data-v-471975a0"><view class="u-flex-y-center data-v-471975a0"><image bindtap="{{a}}" class="w60 h64 mr26 data-v-471975a0" src="{{b}}"></image><view class="align-center data-v-471975a0" style="padding:6rpx 4rpx;height:64rpx;background:rgba(0,0,0,0.5);border-radius:32rpx"><u-avatar wx:if="{{c}}" class="data-v-471975a0" u-i="471975a0-0" bind:__l="__l" u-p="{{c}}"></u-avatar><view class="colorf ml10 mr6 data-v-471975a0"><view class="data-v-471975a0">{{d}}</view></view></view></view><view class="u-flex-end align-center data-v-471975a0" bindtap="{{h}}" style="margin-top:120rpx"><block wx:if="{{e}}"><image wx:for="{{f}}" wx:for-item="item" wx:key="a" class="w52 h52 mr4 data-v-471975a0" style="border-radius:26rpx" src="{{item.b}}"></image></block><view class="sum data-v-471975a0">{{g}}</view></view></view><view class="{{['data-v-471975a0', m]}}"><view class="side-item data-v-471975a0"><image class="image data-v-471975a0" bindtap="{{i}}" src="{{j}}"></image><view class="data-v-471975a0">{{k}}</view></view><view class="side-item data-v-471975a0"><button open-type="share" class="button data-v-471975a0"><image class="image data-v-471975a0" src="{{l}}" mode="widthFix"></image></button><view class="data-v-471975a0">分享</view></view></view><view class="activity-box data-v-471975a0"><view wx:if="{{n}}" class="item-box data-v-471975a0" bindtap="{{p}}"><view class="u-flex-y-center data-v-471975a0"><view class="tip data-v-471975a0">领红包</view><view class="item data-v-471975a0"><image class="w70 data-v-471975a0" src="{{o}}" mode="widthFix"></image></view></view></view><view wx:if="{{q}}" class="item-box data-v-471975a0" bindtap="{{s}}"><view class="u-flex-y-center data-v-471975a0"><view class="tip data-v-471975a0">抽奖</view><view class="item data-v-471975a0"><image class="w60 data-v-471975a0" src="{{r}}" mode="widthFix"></image></view></view></view></view><view wx:if="{{t}}" class="shop-prompt f30 u-flex-y-center data-v-471975a0"><image class="w32 h32 mr8 data-v-471975a0" src="{{v}}"></image><text class="data-v-471975a0">{{w}} 等 {{x}} 人正在去购买</text></view><view class="videolist data-v-471975a0" style="margin:auto 0"><view class="video data-v-471975a0" style="height:100vh"><live-player wx:if="{{y}}" id="{{z}}" class="{{[A, 'live-player', 'data-v-471975a0']}}" src="{{B}}" autoplay mode="live" object-fit="contain" waiting="{{false}}" muted="{{false}}" orientation="{{C}}" bindstatechange="{{D}}" binderror="{{E}}"></live-player><video wx:if="{{F}}" class="{{['data-v-471975a0', G]}}" src="{{H}}" autoplay="{{true}}" controls="{{false}}" object-fit="contain" custom-cache="{{false}}" enable-progress-gesture="{{false}}" vslide-gesture-in-fullscreen="true" show-center-play-btn="{{false}}" http-cache="{{false}}" loop binderror="{{I}}"></video><view wx:if="{{J}}" class="time data-v-471975a0">{{K}}</view></view></view><view class="pb40 mt90 data-v-471975a0" style="position:fixed;bottom:120rpx;width:100%"><view class="w100 h500 mt20 data-v-471975a0"><scroll-view enable-flex scroll-y="true" class="talk p20 scrolly flex-1 column data-v-471975a0" style="width:calc(100% - 40rpx);height:calc(100% - 40rpx)" scroll-into-view="{{R}}"><view class="data-v-471975a0"><view wx:for="{{L}}" wx:for-item="item" wx:key="b" class="list justify-start data-v-471975a0" hidden="{{!item.c}}"><view class="talk-list ml16 justify-start data-v-471975a0"><view class="fs30 data-v-471975a0"><text class="colorf data-v-471975a0">{{item.a}}直播间{{M}}</text></view></view></view></view><view wx:for="{{N}}" wx:for-item="item" wx:key="c" class="list justify-start data-v-471975a0" id="{{item.d}}" hidden="{{!item.e}}"><view class="talk-list ml16 justify-start data-v-471975a0"><view class="fs30 data-v-471975a0"><text class="data-v-471975a0" style="color:#FFDA73">{{item.a}}：</text><text class="colorf data-v-471975a0">{{item.b}}</text></view></view></view><view wx:if="{{O}}" class="welcome-message data-v-471975a0"><view wx:for="{{P}}" wx:for-item="item" wx:key="c" class="list justify-start data-v-471975a0" hidden="{{!item.d}}"><view class="talk-list ml16 justify-start data-v-471975a0"><view class="fs30 data-v-471975a0"><text class="data-v-471975a0" style="color:#ff89d6">{{item.a}}</text><text class="colorf data-v-471975a0">{{item.b}}直播间{{Q}}</text></view></view></view></view></scroll-view></view><view class="justify-between p24 input-box data-v-471975a0"><view class="u-flex-y-center w580 data-v-471975a0" style="background:rgba(57, 57, 57, 1);padding:10rpx 14rpx 10rpx 32rpx;box-sizing:border-box;border-radius:36rpx"><u-input wx:if="{{V}}" class="ml20 data-v-471975a0" bindfocus="{{S}}" bindblur="{{T}}" u-i="471975a0-1" bind:__l="__l" bindupdateModelValue="{{U}}" u-p="{{V}}"></u-input><view class="send data-v-471975a0" bindtap="{{W}}">发送</view></view><view class="justify-between mr15 align-center data-v-471975a0"><view class="icon-bg ml20 data-v-471975a0" bindtap="{{Y}}"><image src="{{X}}" class="w58 h58 data-v-471975a0"></image></view></view></view></view></view><u-popup wx:if="{{ai}}" class="data-v-471975a0" u-s="{{['d']}}" bindclose="{{ah}}" u-i="471975a0-2" bind:__l="__l" u-p="{{ai}}"><view class="goods data-v-471975a0"><view class="top data-v-471975a0"><view class="left data-v-471975a0"><image class="w30 h30 mr8 data-v-471975a0" src="{{Z}}"></image>讲解中 </view><image class="w44 h44 mr10 data-v-471975a0" src="{{aa}}" bindtap="{{ab}}"></image></view><image class="photo data-v-471975a0" src="{{ac}}"></image><view class="item data-v-471975a0"><view class="price data-v-471975a0"><text class="red data-v-471975a0">￥{{ad}}</text><text class="del data-v-471975a0">￥{{ae}}</text></view><view class="title oneline-hide data-v-471975a0">{{af}}</view><view class="button data-v-471975a0" bindtap="{{ag}}"> 立即抢购 </view></view></view></u-popup><u-popup wx:if="{{as}}" class="data-v-471975a0" u-s="{{['d']}}" bindclose="{{ar}}" u-i="471975a0-3" bind:__l="__l" u-p="{{as}}"><view class="prize-box data-v-471975a0" style="border-radius:40rpx;height:fit-content"><image class="nav-img data-v-471975a0" src="{{aj}}" mode="widthFix"></image><image class="bg-img data-v-471975a0" src="{{ak}}"></image><view class="prize-content data-v-471975a0"><view class="u-flex-row-reverse u-flex mr20 data-v-471975a0"><u-icon wx:if="{{am}}" class="data-v-471975a0" bindclick="{{al}}" u-i="471975a0-4,471975a0-3" bind:__l="__l" u-p="{{am}}"></u-icon></view><view class="column align-center data-v-471975a0"><image class="w446 h80 data-v-471975a0" src="{{an}}"></image><view class="fs24 colorf u-flex-y-center mt30 mb30 data-v-471975a0"> 52人已参与，开奖倒计时 <view class="white-item data-v-471975a0">14</view>: <view class="white-item data-v-471975a0">344</view>: <view class="white-item data-v-471975a0">44</view></view><view class="item-group data-v-471975a0"><three-item-swiper wx:if="{{ao}}" class="data-v-471975a0" u-i="471975a0-5,471975a0-3" bind:__l="__l" u-p="{{ao}}"></three-item-swiper></view><view wx:for="{{ap}}" wx:for-item="item" wx:key="a" class="point-group data-v-471975a0"></view><view class="colorf fs28 data-v-471975a0"> 观看直播参与抽奖 </view><view class="button data-v-471975a0" bindtap="{{aq}}">参与抽奖</view></view></view></view></u-popup><u-popup wx:if="{{ay}}" class="data-v-471975a0" u-s="{{['d']}}" bindclose="{{ax}}" u-i="471975a0-6" bind:__l="__l" u-p="{{ay}}"><view class="integral-box data-v-471975a0"><view class="top data-v-471975a0"><view class="title data-v-471975a0">观看视频领芳华币</view><image class="photo data-v-471975a0" src="{{at}}" mode="widthFix"></image></view><view class="item data-v-471975a0"><view class="title data-v-471975a0">{{av}}</view><view class="button data-v-471975a0" bindtap="{{aw}}">确认</view></view></view></u-popup><u-popup wx:if="{{aD}}" class="data-v-471975a0" u-s="{{['d']}}" bindclose="{{aC}}" u-i="471975a0-7" bind:__l="__l" u-p="{{aD}}"><view class="red-card data-v-471975a0"><image class="data-v-471975a0" src="{{az}}"></image><view class="red-content data-v-471975a0"><view class="title data-v-471975a0">{{aA}}</view><view class="txt data-v-471975a0">直播惊喜芳华币</view><view class="button data-v-471975a0" bindtap="{{aB}}">确认</view></view></view></u-popup><u-popup wx:if="{{aJ}}" class="data-v-471975a0" u-s="{{['d']}}" bindclose="{{aH}}" bindopen="{{aI}}" u-i="471975a0-8" bind:__l="__l" u-p="{{aJ}}"><view class="view-box data-v-471975a0"><view class="t-c fs32 data-v-471975a0">在线观众</view><scroll-view scroll-y class="scroll-content data-v-471975a0" style="{{'height:' + aF}}" bindscrolltolower="{{aG}}"><view wx:for="{{aE}}" wx:for-item="item" wx:key="g" class="fs28 u-flex-y-center mb20 mt20 data-v-471975a0"><view style="{{'color:' + item.b + ';' + ('font-weight:' + item.c) + ';' + ('width:' + '50rpx')}}" class="mr10 data-v-471975a0">{{item.a}}</view><u-avatar wx:if="{{item.e}}" class="data-v-471975a0" u-i="{{item.d}}" bind:__l="__l" u-p="{{item.e}}"></u-avatar><text class="ml16 f30 data-v-471975a0">{{item.f}}</text></view></scroll-view></view></u-popup><u-popup wx:if="{{aT}}" class="data-v-471975a0" u-s="{{['d']}}" bindclose="{{aR}}" bindopen="{{aS}}" u-i="471975a0-10" bind:__l="__l" u-p="{{aT}}"><view class="shoppop data-v-471975a0"><view class="shoppop-top data-v-471975a0"><view class="search-input u-flex-y-center data-v-471975a0"><image class="w24 mr16 data-v-471975a0" src="{{aK}}" mode="widthFix"></image><input class="data-v-471975a0" placeholder="请搜索商品" bindinput="{{aL}}" value="{{aM}}"/></view><view class="t-c search-top data-v-471975a0" bindtap="{{aO}}"><image class="w48 h48 data-v-471975a0" src="{{aN}}"></image><view class="data-v-471975a0">订单</view></view></view><scroll-view enable-flex scroll-y class="shop-list data-v-471975a0" style="{{'height:' + aQ}}"><view wx:for="{{aP}}" wx:for-item="item" wx:key="o" class="list-item data-v-471975a0"><view class="goods-img data-v-471975a0"><image class="data-v-471975a0" src="{{item.a}}" mode="widthFix"></image><view class="goods-label data-v-471975a0">{{item.b}}</view></view><view class="goods-right data-v-471975a0"><view class="goods-title data-v-471975a0">{{item.c}}</view><view class="goods-people data-v-471975a0">{{item.d}} 人已购</view><view class="goods-shop data-v-471975a0"><text class="nummber data-v-471975a0"><text class="data-v-471975a0" style="font-size:20rpx;font-weight:600">￥</text><text class="data-v-471975a0" style="font-size:36rpx;font-weight:bold">{{item.e}}</text>.{{item.f}}/日</text><view class="btn-group u-flex-y-center data-v-471975a0"><view class="collect-btn data-v-471975a0"><image wx:if="{{item.g}}" bindtap="{{item.h}}" class="w36 h36 data-v-471975a0" src="{{item.i}}"></image><image wx:else bindtap="{{item.j}}" class="w36 h36 data-v-471975a0" src="{{item.k}}"></image></view><view wx:if="{{item.l}}" class="shop-btn data-v-471975a0" bindtap="{{item.m}}">去购买 </view><view wx:elif="{{item.n}}" class="shop-btn data-v-471975a0"> 已下架</view></view></view></view></view></scroll-view></view></u-popup></view></view>