living.wxml 10.0 KB

1
  1. <view class="swiper-wrapper data-v-471975a0"><swiper class="swiper-container data-v-471975a0" current="{{t}}" circular="{{false}}" vertical bindchange="{{v}}" style="{{'height:' + '100vh'}}" duration="{{300}}"><swiper-item wx:for="{{a}}" wx:for-item="liveItem" wx:key="ar" class="data-v-471975a0"><view class="{{['container', 'data-v-471975a0', liveItem.aq && '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 class="data-v-471975a0" bindtap="{{liveItem.a}}" style="width:60rpx;height:64rpx;margin-right:26rpx" 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="{{liveItem.c}}" class="data-v-471975a0" u-i="{{liveItem.b}}" bind:__l="__l" u-p="{{liveItem.c}}"></u-avatar><view class="colorf data-v-471975a0" style="margin-left:8rpx"><view class="data-v-471975a0">{{liveItem.d}}</view><view class="data-v-471975a0" style="font-size:16rpx">{{liveItem.e}}位粉丝 </view></view><view wx:if="{{liveItem.f}}" bindtap="{{liveItem.g}}" class="follow-btn ml20 data-v-471975a0"> 关注</view><view wx:else bindtap="{{liveItem.h}}" class="follow-btn ml20 data-v-471975a0">已关注</view></view></view><view class="u-flex-end align-center data-v-471975a0" bindtap="{{liveItem.k}}"><image wx:for="{{liveItem.i}}" wx:for-item="item" wx:key="a" class="w52 h52 mr4 data-v-471975a0" style="border-radius:26rpx" src="{{item.b}}"></image><view class="sum data-v-471975a0">{{liveItem.j}}</view></view></view><view style="position:fixed;top:100rpx;left:0rpx;z-index:5" class="content-top data-v-471975a0"><view class="u-flex-y-center data-v-471975a0"><image wx:if="{{liveItem.l}}" class="data-v-471975a0" bindtap="{{liveItem.m}}" style="width:70rpx;height:70rpx" src="{{liveItem.n}}"></image></view></view><view class="{{['data-v-471975a0', liveItem.r]}}"><view class="side-item data-v-471975a0"><image class="data-v-471975a0" bindtap="{{liveItem.o}}" src="{{c}}"></image><view class="data-v-471975a0">{{liveItem.p}}</view></view><view class="side-item data-v-471975a0"><image class="data-v-471975a0" bindtap="{{liveItem.q}}" src="{{d}}"></image><view class="data-v-471975a0">店铺</view></view><view class="side-item data-v-471975a0"><button class="data-v-471975a0" open-type="share"><image class="data-v-471975a0" src="{{e}}" mode="widthFix"></image></button><view class="data-v-471975a0">分享</view></view></view><view wx:if="{{liveItem.s}}" class="shop-prompt u-flex-y-center data-v-471975a0"><image class="w32 h32 mr8 data-v-471975a0" src="{{liveItem.t}}"></image><text class="data-v-471975a0">{{liveItem.v}} 等 {{liveItem.w}} 人正在去购买</text></view><view class="videolist data-v-471975a0" style="margin:auto 0"><view class="video data-v-471975a0" style="height:100vh"><video wx:if="{{liveItem.x}}" id="{{liveItem.y}}" class="{{['data-v-471975a0', liveItem.z]}}" src="{{liveItem.A}}" autoplay="{{liveItem.B}}" 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}}" binderror="{{liveItem.C}}"></video><video wx:if="{{liveItem.D}}" class="{{['data-v-471975a0', liveItem.E]}}" src="{{liveItem.F}}" autoplay="{{liveItem.G}}" 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="{{liveItem.H}}"></video><view wx:if="{{liveItem.I}}" class="loading-tip data-v-471975a0"><u-loading wx:if="{{liveItem.K}}" class="data-v-471975a0" u-i="{{liveItem.J}}" bind:__l="__l" u-p="{{liveItem.K}}"></u-loading><text class="loading-text data-v-471975a0">加载中...</text></view></view></view><view class="pb40 mt90 data-v-471975a0" style="position:fixed;bottom:0"><view class="w100 h300 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="{{liveItem.R}}"><view class="data-v-471975a0"><view wx:for="{{liveItem.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="fs24 data-v-471975a0"><text class="fs24 colorf data-v-471975a0">{{item.a}}直播间{{liveItem.M}}</text></view></view></view></view><view wx:for="{{liveItem.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="fs24 data-v-471975a0"><text class="data-v-471975a0" style="color:#FFDA73">{{item.a}}:</text><text class="fs24 colorf data-v-471975a0">{{item.b}}</text></view></view></view><view wx:if="{{liveItem.O}}" class="welcome-message data-v-471975a0"><view wx:for="{{liveItem.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="fs24 data-v-471975a0"><text class="data-v-471975a0" style="color:#ff89d6">{{item.a}}</text><text class="fs24 colorf data-v-471975a0">{{item.b}}直播间{{liveItem.Q}}</text></view></view></view></view></scroll-view></view><view class="justify-between p24 data-v-471975a0"><view class="u-flex-y-center data-v-471975a0" style="background:rgba(157, 157, 157, 0.8);padding:18rpx 14rpx 18rpx 32rpx;width:526rpx;box-sizing:border-box;border-radius:36rpx"><u-input wx:if="{{liveItem.W}}" class="ml20 data-v-471975a0" bindkeydown="{{liveItem.S}}" bindconfirm="{{liveItem.T}}" u-i="{{liveItem.U}}" bind:__l="__l" bindupdateModelValue="{{liveItem.V}}" u-p="{{liveItem.W}}"></u-input></view><view class="justify-between mr30 align-center data-v-471975a0"><view class="icon-bg ml20 data-v-471975a0" bindtap="{{liveItem.X}}"><image src="{{f}}" class="w48 h48 data-v-471975a0"></image></view><view class="icon-bg ml20 data-v-471975a0" bindtap="{{liveItem.Y}}"><image src="{{g}}" class="w48 h48 data-v-471975a0"></image></view></view></view></view></view><u-popup wx:if="{{l}}" class="data-v-471975a0" u-s="{{['d']}}" bindclose="{{liveItem.ac}}" bindopen="{{liveItem.ad}}" u-i="{{liveItem.ae}}" bind:__l="__l" u-p="{{l}}"><view class="view-box data-v-471975a0"><view class="t-c fs30 data-v-471975a0">在线观众</view><scroll-view scroll-y class="scroll-content data-v-471975a0" style="{{'height:' + i}}" bindscrolltolower="{{liveItem.aa}}"><view wx:for="{{liveItem.Z}}" wx:for-item="item" wx:key="g" class="fs24 u-flex-y-center mb20 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 data-v-471975a0">{{item.f}}</text></view><view wx:if="{{h}}" class="no-more data-v-471975a0"><text class="data-v-471975a0">没有更多了</text></view></scroll-view><view class="fs24 u-flex-y-center bottom data-v-471975a0"><view class="mr10 data-v-471975a0" style="width:50rpx">我</view><u-avatar wx:if="{{j}}" class="data-v-471975a0" u-i="{{liveItem.ab}}" bind:__l="__l" u-p="{{j}}"></u-avatar><text class="ml16 data-v-471975a0">{{k}}</text></view></view></u-popup><u-popup wx:if="{{s}}" class="data-v-471975a0" u-s="{{['d']}}" bindclose="{{liveItem.an}}" bindopen="{{liveItem.ao}}" u-i="{{liveItem.ap}}" bind:__l="__l" u-p="{{s}}"><view class="shoppop data-v-471975a0"><view class="shoppop-top data-v-471975a0"><u-avatar wx:if="{{m}}" class="ml16 data-v-471975a0" u-i="{{liveItem.af}}" bind:__l="__l" u-p="{{m}}"></u-avatar><view class="search-input u-flex-y-center data-v-471975a0"><image class="data-v-471975a0" style="width:24rpx;height:24rpx;margin-right:16rpx" src="{{n}}"></image><input class="data-v-471975a0" placeholder="请搜索商品" bindinput="{{liveItem.ag}}" value="{{o}}"/></view><view class="t-c search-top data-v-471975a0" style="margin-right:48rpx"><image wx:if="{{p}}" class="data-v-471975a0" bindtap="{{liveItem.ah}}" style="width:32rpx;height:32rpx" src="{{liveItem.ai}}"></image><image wx:else class="data-v-471975a0" bindtap="{{liveItem.aj}}" style="width:32rpx;height:32rpx" src="{{liveItem.ak}}"></image><view class="data-v-471975a0">收藏</view></view><view class="t-c search-top data-v-471975a0" bindtap="{{liveItem.al}}"><image class="data-v-471975a0" style="width:32rpx;height:32rpx" src="{{q}}"></image><view class="data-v-471975a0">订单</view></view></view><scroll-view enable-flex scroll-y class="shop-list data-v-471975a0" style="{{'height:' + r}}"><view wx:for="{{liveItem.am}}" wx:for-item="item" wx:key="p" 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}}" class="data-v-471975a0" bindtap="{{item.h}}" style="width:32rpx;height:32rpx" src="{{item.i}}"></image><image wx:else class="data-v-471975a0" bindtap="{{item.j}}" style="width:32rpx;height:32rpx" 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}}" bindtap="{{item.o}}" class="shop-btn data-v-471975a0"> 已下架</view></view></view></view></view></scroll-view></view></u-popup></view></swiper-item></swiper></view>