316 lines
16 KiB
Plaintext
316 lines
16 KiB
Plaintext
|
||
<view class="custom-nav" style="padding-top:{{statusBarHeight}}rpx;position: fixed;top: 0;">
|
||
<view class="topTxt" >
|
||
<van-icon name="arrow-left" catchtap="back" style="width: 95rpx;margin:0;font-size: 34rpx;" catchtap="goBack"></van-icon>
|
||
<van-tabs class="tabs-box" title-active-color="#fff" tab-active-class="tab-cative" color="#fff" active="{{ activeType }}" bind:click="onChangeVideoTab" wx:if="{{dataList.length != 1&&cardFrom != 'my'}}">
|
||
<van-tab wx:for="{{dataList}}" title="{{item.title}}"></van-tab>
|
||
</van-tabs>
|
||
<view wx:else style="height:40px;line-height:40px;flex:1;padding-left: 20rpx;text-align: center;">{{dataList[0].title}}</view>
|
||
<view class="right-icons">
|
||
<i class="iconfont icon-fontclass-shouye" catchtap="gotoHome" style="font-size: 34rpx;"></i>
|
||
<!-- <i class="iconfont icon-fontclass-huiyuanzhongxin1" catchtap="gotoMember" style="font-size: 32rpx;"></i> -->
|
||
</view>
|
||
</view>
|
||
</view>
|
||
|
||
<!-- <view class="topTxt" wx:if="{{show}}" style="padding-top:{{statusBarHeight+29}}rpx;height:40rpx">
|
||
</view> -->
|
||
|
||
<view class="noData" wx:if="{{dataList[activeType].list.length <= 0 && loading}}">
|
||
<image class="noData_imgs" src="https://mini-app-img-1251768088.cos.ap-guangzhou.myqcloud.com/energytank_blank.png" mode='widthFix' />
|
||
<view class="text">暂无视频</view>
|
||
<view class="btn" bindtap="gotoVideoAgreement">分享视频</view>
|
||
</view>
|
||
|
||
<view class="firstcontent" wx:if="{{firstcontent && dataList[activeType].list.length>0}}">
|
||
<view class="wrap" style="{{'height:'+ heightauto +';'}}">
|
||
<view class="my-video" hidden="{{!show}}" style="{{'height:'+ heightauto +';'}} {{'width:'+ widthauto +';'}}">
|
||
<video id="myvideo" wx:if="{{show}}" bindtimeupdate='onTimeupdate' bindloadedmetadata='onLoadedmetadata'
|
||
bindended="endedPlay" bindplay='onPlaying' poster="{{showVideo.cover}}"
|
||
style="{{'height:'+ heightauto +';'}} {{'width:'+ widthauto +';'}} display:block;" src="{{showVideo.video}}" loop="{{true}}"
|
||
controls="{{false}}" object-fit="{{minStyle?'contain':'fill'}}" autoplay="{{true}}"></video>
|
||
</view>
|
||
<swiper duration="{{swiperDuration}}" style="{{'height:'+ heightauto +';'}} {{'width:'+ widthauto +';'}} position: absolute; z-index: 10;"
|
||
wx:if="{{dataList[activeType].list.length > 0}}" current="{{currentVideoIndex}}" vertical="{{true}}" bindchange="popularVideoChange">
|
||
<swiper-item wx:for="{{dataList[activeType].list}}" wx:key="{{item.id}}">
|
||
<view>
|
||
<view class="works_wrap" wx:if="{{!item.show}}" catchtap="clickSwiperbtn" data-index="{{index}}">
|
||
<view class="poster" wx:if="{{!show}}">
|
||
<view class="pic">
|
||
<image id="pic_{{index}}" bindload="imgLoadFunc" src="{{item.cover}}" mode='widthFix' />
|
||
</view>
|
||
</view>
|
||
<view class="playWorks {{show?'':'playWorks-bg'}}"></view>
|
||
<view class="play">
|
||
<image src="https://mini-app-img-1251768088.cos.ap-guangzhou.myqcloud.com/find_play@2x.png" mode='widthFix' />
|
||
</view>
|
||
</view>
|
||
<view class="live-box" wx:if="{{BasicSet.is_show_live == '1' && item.is_live}}" data-rid="{{item.room_id}}" catchtap="gotoLiveRoom">
|
||
<view class="wave">
|
||
<view></view>
|
||
<view></view>
|
||
<view></view>
|
||
</view>
|
||
<view class="live-box-text">正在直播</view>
|
||
</view>
|
||
|
||
<view class="advertising-Box" wx:if="{{item.ad_serving_button_status}}">
|
||
<!-- 广告投放 -->
|
||
<view class="advertising-Box-child member-look-ads" wx:if="{{item.ad_serving_button_status.watch && isShowADLook}}">
|
||
<image mode="widthFix" src="https://mini-app-img-1251768088.cos.ap-guangzhou.myqcloud.com/ad-serving/look-ads.png" alt="" catchtap="gotoUrl" data-name="advertisingList" data-id="{{item.id}}" data-tag="video"/>
|
||
<icon class="iconfont icon-adsystem_icon_cancle" catchtap="cloneADbtn" data-tag="1"></icon>
|
||
</view>
|
||
<view class="advertising-Box-child go-put-ads" wx:if="{{item.ad_serving_button_status.put_in && isShowADPut}}">
|
||
<image mode="widthFix" src="https://mini-app-img-1251768088.cos.ap-guangzhou.myqcloud.com/ad-serving/put-ads.png" alt="" catchtap="gotoUrl" data-name="advertisingPutAD" data-iser="{{item.ad_serving_button_status.is_advertiser}}" data-id="{{item.id}}" data-tag="video"/>
|
||
<icon class="iconfont icon-adsystem_icon_cancle" catchtap="cloneADbtn" data-tag="2"></icon>
|
||
</view>
|
||
</view>
|
||
|
||
|
||
<view class="side-bar">
|
||
<view wx:if="{{BasicSet.customIcon}}" class="jilu customIcon" catchtap="onIconLink">
|
||
<image src="{{BasicSet.customIcon}}"/>
|
||
<view class="text">{{ BasicSet.icon_name }}</view>
|
||
</view>
|
||
<view class="luzhi" catchtap="gofabu">
|
||
<!-- <icon class="iconfont icon-video_recording" style="font-size:48rpx"></icon> -->
|
||
<view class="wrap-arc">
|
||
<view class="inline-arc"></view>
|
||
</view>
|
||
<view>发布</view>
|
||
</view>
|
||
</view>
|
||
|
||
|
||
<view class="video-detail-box">
|
||
<view class="good-and-title">
|
||
<view class="good-box" catchtap="toGood" data-item="{{item}}" wx:if="{{item.goods}}">
|
||
<view class="good-img">
|
||
<image src="{{item.goods.thumb}}" mode='aspectFill' />
|
||
</view>
|
||
<view class="text-wrap">
|
||
<view class="p desc">{{item.goods.title}}</view>
|
||
<view style='display:flex;flex-wrap: wrap;'>
|
||
<text
|
||
class="span price">{{language['money']}}{{ item.goods.vip_level_status&&item.goods.vip_level_status.status==1?item.goods.vip_level_status.word:item.goods.price}}
|
||
</text>
|
||
<text
|
||
class="span old-price">原价：{{language['money']}}{{item.goods.vip_level_status&&item.goods.vip_level_status.status==1?item.goods.vip_level_status.word:item.goods.market_price}}
|
||
</text>
|
||
</view>
|
||
</view>
|
||
<view class="cart">
|
||
<image src="https://mini-app-img-1251768088.cos.ap-guangzhou.myqcloud.com/find_cart@2x.png" mode='widthFix' />
|
||
</view>
|
||
</view>
|
||
</view>
|
||
|
||
<view class="video-title">{{ showVideo.title }}</view>
|
||
<view class="detail-box">
|
||
<view style="display:flex;align-items: center;">
|
||
<view class="left-user-info">
|
||
<image catchtap="chooseUser" data-item="{{item}}" class="avatar" src="{{item.member ? item.member.avatar: ''}}" alt="" ></image>
|
||
<view class="user" catchtap="gomy" data-uid="{{item.member.uid}}">
|
||
<view>{{item.member ? item.member.nickname: ''}}</view>
|
||
<view style="font-size: 12px" wx:if="{{item.member_video_num}}">共{{item.member_video_num}}个分享视频</view>
|
||
</view>
|
||
</view>
|
||
<view class="btn-follow {{item.is_follow?'grey':''}}" catchtap="followMember" data-index="{{index}}"
|
||
data-fllow="{{item.is_follow}}" data-uid="{{item.member.uid}}">{{item.is_follow ? '已关注' : '关注'}}
|
||
</view>
|
||
</view>
|
||
<view class="right-icon">
|
||
<view class="share-icon-box" catchtap="shareVideo" style="position: relative;">
|
||
<button style="position:absolute;width:100%;height:100%;opacity:0;top: 0;right: 0;" open-type="share"></button>
|
||
<icon class="iconfont icon-zb_share"></icon>
|
||
<view>{{item.share_num ? item.share_num : 0}}</view>
|
||
</view>
|
||
<view class="link-icon-box">
|
||
<view catchtap="toggleLike" data-item="{{item}}" data-index="{{index}}">
|
||
<icon class="iconfont icon-bc_like_normal" wx:if="{{item.member_like}}"></icon>
|
||
<icon class="iconfont icon-zb_all_like" wx:if="{{!item.member_like}}"></icon>
|
||
</view>
|
||
<view>{{item.like_num}}</view>
|
||
</view>
|
||
<view class="comment-icon-box" catchtap="toComment" wx:if="{{comment_open == '1'}}">
|
||
<icon class="iconfont icon-service_shop" style="font-size: 1.8rem"></icon>
|
||
<view>{{item.comment_num ? item.comment_num : 0}}</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
<view class="play-video" wx:if="{{item.show}}" catchtap="clickSwiperbtn" data-index="{{index}}"></view>
|
||
<view class="play-video" wx:if="{{showShare}}" style="z-index: 13" catchtap="close">
|
||
<image style="width: 100%;height: 100%;" src="https://mini-app-img-1251768088.cos.ap-guangzhou.myqcloud.com/share_bg.png" mode='widthFix'></image>
|
||
</view>
|
||
</view>
|
||
</swiper-item>
|
||
</swiper>
|
||
</view>
|
||
</view>
|
||
<!-- <shopfoot bindtabrshow="tabrshowbtn"></shopfoot> -->
|
||
|
||
<van-popup show="{{videoShare.show}}" wx:if="{{videoShare.show}}" bind:click-overlay="setVideoShareShow"
|
||
custom-style="background-color:transparent;display: flex;justify-content: center;flex-direction: column;align-items: center;">
|
||
<view class="integral-71249-box">
|
||
<view class="integral-71249-box-title">观看视频成功</view>
|
||
<view class="integral-71249-box-desc">恭喜你获得{{videoShare.point_name}}！</view>
|
||
<view class="integral-71249-box-num">{{videoShare.points}}</view>
|
||
<view style="color: #e46b00;margin-top: 10px;text-align: center;" wx:if="{{videoShare.days}}">奖励将在{{ videoShare.days }}天后发放</view>
|
||
<!-- <view class="integral-71249-box-button" catchtap="setVideoShareShow">我知道了</view> -->
|
||
</view>
|
||
<icon class="iconfont icon-adsystem_icon_cancle" style="color:#fff;font-size: 90rpx;" catchtap="setVideoShareShow">
|
||
</icon>
|
||
</van-popup>
|
||
|
||
|
||
|
||
<!-- 评论弹窗组件 -->
|
||
<comment-group id="commentGroup" showYzComment="{{showYzComment}}" bind:clone="cloneCOMInput" bind:onMore="onCommentMore" loading="{{commentLoading}}" finished="{{commentFinished}}" length="{{commentTotal}}" bind:showCOMInput="showCOMInput">
|
||
<comment-cell
|
||
wx:for="{{commentlist}}"
|
||
wx:for-index="index" wx:for-item="item"
|
||
wx:key="{{item.id}}"
|
||
index="{{index}}"
|
||
avatar="{{item.head_image}}"
|
||
nickname="{{item.nick_name}}"
|
||
time="{{item.created_at}}"
|
||
content="{{item.content}}"
|
||
replynum="{{item.reply_num}}"
|
||
id="commentGroupCell"
|
||
data-authority="{{item.can_del}}"
|
||
bind:showCOMInput="showCOMInput"
|
||
bind:getRely="getRely"
|
||
>
|
||
<comment-cell-item
|
||
wx:for="{{item.append_arr}}"
|
||
wx:for-index="itemIndex" wx:for-item="itemChild"
|
||
wx:key="{{itemChild.id}}"
|
||
childIndex="{{itemIndex}}"
|
||
index="{{index}}"
|
||
avatar="{{itemChild.head_image}}"
|
||
nickname="{{itemChild.nick_name}}"
|
||
time="{{itemChild.created_at}}"
|
||
content="{{itemChild.content}}"
|
||
Responder="{{itemChild.reply_name}}"
|
||
data-authority="{{itemChild.can_del}}"
|
||
bind:showCOMInput="showCOMInput"
|
||
>
|
||
<view>
|
||
<view class="cell-slot-box like-box" data-index="{{index}}" data-itemindex="{{itemIndex}}" data-status="{{itemChild.is_support}}" catchtap="clickLikeItem">
|
||
<icon class="iconfont icon-fontclass-dianzan {{itemChild.is_support == 1?'slot-active-color':''}}"></icon>
|
||
<view>{{ itemChild.support_num }}</view>
|
||
</view>
|
||
</view >
|
||
</comment-cell-item>
|
||
<view slot="cell-other">
|
||
<view class="cell-slot-box like-box" data-index="{{index}}" data-status="{{item.is_support}}" catchtap="clickLikeItem">
|
||
<icon class="iconfont icon-fontclass-dianzan {{item.is_support == 1?'slot-active-color':''}}"></icon>
|
||
<view>{{ item.support_num }}</view>
|
||
</view>
|
||
</view >
|
||
</comment-cell>
|
||
</comment-group>
|
||
<van-action-sheet show="{{showSheet}}" actions="{{actions}}" description="评论内容：{{commentInputOptiones.content}}"
|
||
cancel-text="取消" bind:select="onSelectSheet" bind:close="onCloseSheet" bind:cancel='onCloseSheet'/>
|
||
<yz-comment-input showCommentInput="{{showCommentInput}}" bind:confirm="sendComment" options="{{commentInputOptiones}}"> </yz-comment-input>
|
||
<!-- 评论弹窗组件 end -->
|
||
<van-popup show="{{showRedpack}}" custom-style="background:transparent;">
|
||
<view class="Redpack-box"
|
||
style="background-image:url({{redpack_info.redpack_pic? redpack_info.redpack_pic: 'https://dev4.yunzmall.com/attachment/image/7ad7f27c83eac4db1f8e0473798de644.png'}})">
|
||
|
||
<view wx:if="{{!openRedpack}}">
|
||
<view class="Redpack-title">
|
||
<image class="avator" src="{{redpack_info.logo_pic}}" alt="" mode='widthFix'/>
|
||
</view>
|
||
<view class="Redpack-text">{{redpack_info.redpack_text}}</view>
|
||
|
||
<view class="Redpack_bg_box">
|
||
<view class="Redpack-btn rotate" wx:if="{{!bind_mobile}}" catchtap="openRedpackM"></view>
|
||
<button open-type='getPhoneNumber' class="Redpack-btn rotate" wx:if="{{bind_mobile}}" bindgetphonenumber="getPhoneNumber"></button>
|
||
<view class="Redpack-close" catchtap="cloneRedpack">放弃领取</view>
|
||
<view class="Redpack_bg"></view>
|
||
</view>
|
||
</view>
|
||
|
||
<view class="open-redpack-box" wx:if="{{openRedpack}}">
|
||
<view class="Redpack-title Redpack-logo">
|
||
<image class="avator" src="{{redpack_info.logo_pic}}" alt="" mode='widthFix'/>
|
||
</view>
|
||
<view class="Redpack-text open-text">{{redpack_info.redpack_text}} </view>
|
||
<view class="open-total">{{redpack_info.amount}}<em style="font-size:0.75rem">元</em></view>
|
||
<view class="Redpack-text open-text color-text">红包已通过微信发放成功，请注意查收！</view>
|
||
<view class="Redpack_bg_box open-redpack_bg_box">
|
||
<view class="Redpack_bg"></view>
|
||
</view>
|
||
<view class="Redpack-close open-redpack-clone" catchtap="cloneRedpack">关闭页面</view>
|
||
</view>
|
||
</view>
|
||
</van-popup>
|
||
|
||
<van-popup show="{{showVerification}}" round close-on-click-overlay="{{false}}">
|
||
<view class="verification">
|
||
<!-- 验证码弹窗 -->
|
||
<view class="text">根据要求，您需要验证手机号才可以领取微信现金红包，感谢您的支持！</view>
|
||
<view class="inputBox">
|
||
<em class="name">手机号</em>
|
||
<input type="number" id="phone" placeholder="请输入手机号" value="{{form.mobile}}" bind:input="mobileinp" />
|
||
</view>
|
||
<view class="inputBox" wx:if="{{imgcode}}">
|
||
<em class="name">验证码</em>
|
||
<input type="text" id="code" placeholder="请输入图形验证码" value="{{form.captcha}}" bind:input="captchainp" />
|
||
<image class="getcodeImg" style="width:100%;height:2.5rem;z-index:999;" src="{{imgcode}}" catchtap="getimgdata" />
|
||
</view>
|
||
<view class="inputBox">
|
||
<em class="name">验证码</em>
|
||
<input type="number" id="code" placeholder="请输入验证码" value="{{form.code}}" bind:input="codeinp" />
|
||
<view class="getcodeClass" catchtap="sendCode">{{codetext}}</view>
|
||
</view>
|
||
<view class="bottomBox">
|
||
<view class="btn1" catchtap="cloneVerification">取消</view>
|
||
<view class="btn2" catchtap="alterAction">确认</view>
|
||
</view>
|
||
</view>
|
||
</van-popup>
|
||
|
||
<!-- 答题 开始 -->
|
||
<van-popup show="{{showVideoAnswer}}" position="bottom" custom-style="background:transparent;height:100%;width: 100%;">
|
||
<view class="answerpage">
|
||
<view class="header">答题赢{{integral_name}}</view>
|
||
<view style="padding:0 2rem;">
|
||
<view class="answerContainer" wx:if="{{subject!=null}}">
|
||
<view class="answerTitle">{{subject.title}}</view>
|
||
<view class="answerList">
|
||
<view class="answerItem" wx:for="{{subject.has_many_answer}}" wx:key="id" data-id="{{item.id}}"
|
||
bindtap="reward">{{item.content}}</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</van-popup>
|
||
<van-popup show="{{successShow}}" custom-style="background:transparent;">
|
||
<view class="successAlert">
|
||
<view class="c1">答题成功</view>
|
||
<view class="c2">恭喜你获得{{integral_name}}</view>
|
||
<view class="c3">{{integral}}</view>
|
||
<view class="btn" bindtap="cloneAnswer">
|
||
<image src="https://mini-app-img-1251768088.cos.ap-guangzhou.myqcloud.com/videoAnswerSuccess@3x.png" alt=""></image>
|
||
</view>
|
||
</view>
|
||
</van-popup>
|
||
|
||
<van-popup show="{{errorShow}}" custom-style="background:transparent;">
|
||
<view class="errorAlert">
|
||
<view class="sigh">
|
||
<image src="https://mini-app-img-1251768088.cos.ap-guangzhou.myqcloud.com/videoAnswerTan@3x.png" alt=""></image>
|
||
</view>
|
||
<view class="c1">答题失败</view>
|
||
<view class="c2">
|
||
<text>很遗憾，答错了。请重新</text>
|
||
<text>观看，再接再厉！</text>
|
||
</view>
|
||
<view class="btn" bindtap="cloneAnswer">我知道了</view>
|
||
</view>
|
||
</van-popup>
|
||
<!-- 答题 结束 -->
|