index.wxml 7.9 KB

1
  1. <view class="shortVideo"><view class="header"><view data-event-opts="{{[['tap',[['navTap',[2]]]]]}}" class="items" catchtap="__e"><text class="{{['tName',currentNav==2?'on':'']}}">推荐</text><block wx:if="{{currentNav==2}}"><view class="tLine"></view></block></view><view data-event-opts="{{[['tap',[['navTap',[1]]]]]}}" class="items" catchtap="__e"><text class="{{['tName',currentNav==1?'on':'']}}">最新</text><block wx:if="{{currentNav==1}}"><view class="tLine"></view></block></view></view><view class="footer acea-row row-around row-middle"><text data-event-opts="{{[['tap',[['goIndex',['$event']]]]]}}" class="items" bindtap="__e">首页</text><text class="items on">视频</text><view data-event-opts="{{[['tap',[['goCarts',['$event']]]]]}}" class="items" bindtap="__e"><text>购物车</text><block wx:if="{{cartNum>0}}"><uni-badge class="uni-badge-left-margin" vue-id="2c07837a-1" type="error" text="{{cartNum}}" bind:__l="__l"></uni-badge></block></view><text data-event-opts="{{[['tap',[['goUser',['$event']]]]]}}" class="items" bindtap="__e">我的</text></view><block wx:if="{{!$root.g0}}"><view class="noVideo acea-row row-center-wrapper"><view><image class="pictrue" src="{{imgHost+'/statics/images/no-video.png'}}"></image><text class="tips">暂无短视频内容哦~</text></view></view></block><block wx:if="{{isShowAixin}}"><image style="{{('position: fixed; margin-left: '+aixinLeft+'px; margin-top: '+aixinTop+'px; width: 70px; height: 65px; transform: rotate('+Rotate+'deg);')}}" src="../static/img/index/aixining.png"></image></block><swiper style="{{('width: '+windowWidth+'px; height: '+windowHeight+'px; background-color: #000000;')}}" vertical="{{true}}" previous-margin="0rpx" current="{{k}}" indicator-dots="{{false}}" data-event-opts="{{[['animationfinish',[['animationfinish',['$event']]]],['change',[['change',['$event']]]]]}}" bindanimationfinish="__e" bindchange="__e"><block wx:for="{{$root.l0}}" wx:for-item="list" wx:for-index="index"><swiper-item><block wx:if="{{list.g1<=1}}"><view><view><video style="{{('width: '+windowWidth+'px; height: '+windowHeight+'px; background-color: #000000; z-index: -1;')}}" id="{{list.$orig.id+''+index}}" loop="{{true}}" controls="{{false}}" http-cache="{{true}}" page-gesture="{{false}}" show-fullscreen-btn="{{false}}" show-loading="{{false}}" show-center-play-btn="{{false}}" enable-progress-gesture="{{false}}" src="{{list.$orig.video_url}}" data-event-opts="{{[['ended',[['ended',['$event']]]],['tap',[['tapVideoHover',['$0','$event'],[[['dataList','',index,'state']]]]]]]}}" muted="{{list.$orig.isplay}}" bindended="__e" bindtap="__e"></video></view><view data-event-opts="{{[['tap',[['tapVideoHover',['$0','$event'],[[['dataList','',index,'state']]]]]],['touchstart',[['touchstartHover',['$event']]]]]}}" class="videoHover" style="{{('width: '+windowWidth+'px; height: '+windowHeight+'px;')}}" bindtap="__e" bindtouchstart="__e"><block wx:if="{{list.$orig.state=='pause'}}"><image class="playState" src="../static/img/index/play.png"></image></block></view><view class="userInfo"><view class="pictrue"><image class="userAvatar" style="{{(list.$orig.is_live?'border-width:0':'')}}" src="{{list.$orig.type_image}}" mode="aspectFill" data-event-opts="{{[['tap',[['tozuozhe',['$0'],[[['dataList','',index]]]]]]]}}" bindtap="__e"></image><block wx:if="{{list.$orig.is_live}}"><view data-event-opts="{{[['tap',[['goLive',['$event']]]]]}}" class="live" bindtap="__e"></view></block></view><view data-event-opts="{{[['tap',[['cLike',['$0'],[[['dataList','',index]]]]]]]}}" class="likes" bindtap="__e"><block wx:if="{{list.$orig.is_like}}"><image src="../static/img/index/xin.png"></image></block><block wx:if="{{!list.$orig.is_like}}"><image src="../static/img/index/xin-2.png"></image></block><text class="{{[(list.$orig.is_like)?'likeNumActive':'']}}">{{list.$orig.like_num}}</text></view><view data-event-opts="{{[['tap',[['toComment',['$0'],[[['dataList','',index]]]]]]]}}" class="comment" style="opacity:0.9;margin-top:18px;" bindtap="__e"><image src="../static/img/index/evaluate.png"></image><text>{{list.$orig.comment_num}}</text></view><view data-event-opts="{{[['tap',[['cCollect',['$0'],[[['dataList','',index]]]]]]]}}" class="collects" bindtap="__e"><block wx:if="{{list.$orig.is_collect}}"><image src="../static/img/index/collection02.png"></image></block><block wx:if="{{!list.$orig.is_collect}}"><image src="../static/img/index/collection01.png"></image></block><text class="{{[(list.$orig.is_collect)?'likeNumActive':'']}}">{{list.$orig.collect_num}}</text></view><button style="margin-top:17px;background-color:transparent;position:relative;height:85rpx;" open-type="share" hover-class="none" data-event-opts="{{[['tap',[['getId',['$0'],[[['dataList','',index,'id']]]]]]]}}" bindtap="__e"><image style="width:62rpx;height:48rpx;position:absolute;right:5px;" src="../static/img/index/we-chat.png"></image><text style="color:#FFFFFF;font-size:12px;text-align:center;position:absolute;top:52rpx;right:24rpx;">分享</text></button></view><view class="content"><block wx:if="{{list.$orig.product_num>0}}"><view data-event-opts="{{[['tap',[['goCart',['$0'],[[['dataList','',index]]]]]]]}}" class="cart" bindtap="__e"><image class="cartPic" src="../static/img/index/shopping-car.png"></image><text class="cartName">购物</text><text class="line"></text><text class="cartName">视频款请点击这里购买</text></view></block><view class="timeCon" style="{{('width: '+(windowWidth-90)+'px;')}}"><text class="userName line1" style="{{('max-width: '+(windowWidth-160)+'px;')}}">{{list.$orig.type_name}}</text><text class="time">{{"."+list.$orig.date}}</text></view><view class="words" style="{{('width: '+(windowWidth-120)+'px;')}}"><block wx:if="{{list.g2}}"><view><text class="info">{{list.$orig.desc}}</text><view class="close"><block wx:if="{{list.$orig.isMore}}"><text data-event-opts="{{[['tap',[['moreTap',['$0'],[[['dataList','',index]]]]]]]}}" class="more" bindtap="__e">收起</text></block><block wx:if="{{list.$orig.isMore}}"><image class="imgClose" src="../static/img/index/drop-down.png"></image></block></view></view></block><block wx:else><view class="wordsCon"><text class="info">{{list.g3+"..."}}</text><text data-event-opts="{{[['tap',[['moreTap',['$0'],[[['dataList','',index]]]]]]]}}" class="more" bindtap="__e">更多</text><image class="img" src="../static/img/index/drop-down.png"></image></view></block></view></view></view></block></swiper-item></block></swiper><uni-popup class="vue-ref" vue-id="2c07837a-2" type="bottom" data-ref="pinglun" data-event-opts="{{[['^touchmove',[['moveHandle',['$event']]]]]}}" catch:touchmove="__e" bind:__l="__l" vue-slots="{{['default']}}"><view style="{{('width: '+windowWidth+'px;background-color: #fff; border-top-left-radius: 10px; border-top-right-radius: 10px;')}}"><block wx:if="{{isComment}}"><douyin-scrollview class="vue-ref" vue-id="{{('2c07837a-3')+','+('2c07837a-2')}}" Width="{{windowWidth}}" Height="{{boxStyle.height/1.23}}" deleteIOSHeight="{{36}}" deleteAndroidHeight="{{15}}" pinlunNum="{{pinlunNum}}" videoID="{{videoID}}" data-ref="comments" data-event-opts="{{[['^closeScrollview',[['closeScrollview']]],['^pinlunFun',[['pinlunFun']]]]}}" bind:closeScrollview="__e" bind:pinlunFun="__e" bind:__l="__l"></douyin-scrollview></block></view></uni-popup><uni-popup class="vue-ref" vue-id="2c07837a-4" type="bottom" data-ref="pinglunGoods" data-event-opts="{{[['^touchmove',[['moveHandle',['$event']]]]]}}" catch:touchmove="__e" bind:__l="__l" vue-slots="{{['default']}}"><view style="{{('width: '+windowWidth+'px; background-color: #F5F5F5; border-top-left-radius: 10px; border-top-right-radius: 10px;')}}"><goods-list class="vue-ref" vue-id="{{('2c07837a-5')+','+('2c07837a-4')}}" Width="{{windowWidth}}" Height="{{boxStyle.height/1.18}}" data-ref="goodsLists" bind:__l="__l"></goods-list></view></uni-popup><block wx:if="{{H5ShareBox}}"><image class="shareImg" src="{{imgHost+'/statics/images/share-info.png'}}" data-event-opts="{{[['tap',[['e0',['$event']]]]]}}" bindtap="__e"></image></block></view>