317 lines
14 KiB
Plaintext
317 lines
14 KiB
Plaintext
<!--packageH/circleCommunity/videoDetails/videoDetails.wxml-->
|
|
<view class="firstcontent" wx:if="{{firstcontent}}">
|
|
<view class="wrap" style="{{'height:'+ heightauto +';'}}">
|
|
<view class="my-video" hidden="{{!show}}" style="{{'height:'+ heightauto +';'}} {{'width:'+ widthauto +';'}}">
|
|
<video id="myvideo" wx:if="{{show}}"
|
|
bindended="endedPlay" bindplay='onPlaying' poster="{{showVideo.img}}"
|
|
style="{{'height:'+ heightauto +';'}} {{'width:'+ widthauto +';'}} display:block;" src="{{showVideo.content}}" loop="{{true}}"
|
|
controls="{{false}}" object-fit="{{minStyle?'contain':'fill'}}" autoplay="{{true}}"></video>
|
|
</view>
|
|
<swiper style="{{'height:'+ heightauto +';'}} {{'width:'+ widthauto +';'}} position: absolute; z-index: 10;"
|
|
wx:if="{{popularVideo.length > 0}}" vertical="{{true}}" bindchange="popularVideoChange">
|
|
<swiper-item wx:for="{{popularVideo}}" wx:key="index">
|
|
<view>
|
|
<view class="works_wrap" wx:if="{{!item.show}}" catchtap="clickSwiperbtn" data-index="{{index}}">
|
|
<view class="poster">
|
|
<view class="pic">
|
|
<image id="pic_{{index}}" bindload="imgLoadFunc" src="{{item.img}}" mode='widthFix' />
|
|
</view>
|
|
</view>
|
|
<view class="playWorks"></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="side-bar">
|
|
<view class="avatar view" wx:if="{{item.avatar}}">
|
|
<view class="img" style="width: 80rpx;height: 80rpx;" catchtap="chooseUser" data-item="{{item}}">
|
|
<image src="{{item.avatar}}" mode='widthFix' />
|
|
</view>
|
|
</view>
|
|
<view class="like view" catchtap="toggleLike" data-item="{{item}}" data-index="{{index}}">
|
|
<view class="img">
|
|
<image wx:if="{{item.is_like==1}}" src="https://mini-app-img-1251768088.cos.ap-guangzhou.myqcloud.com/find_heart_r@2x.png"
|
|
mode='widthFix' />
|
|
<image wx:if="{{item.is_like==0}}" src="https://mini-app-img-1251768088.cos.ap-guangzhou.myqcloud.com/find_heart_w@2x.png"
|
|
mode='widthFix' />
|
|
</view>
|
|
<view class="span likenum">{{item.link_count}}</view>
|
|
</view>
|
|
<view class="share view" style="font-size: 60rpx;" wx:if="{{false}}" catchtap="shareVideo">
|
|
<view class="img" style="position: relative;">
|
|
<image src="https://mini-app-img-1251768088.cos.ap-guangzhou.myqcloud.com/find_share@2x.png" mode='widthFix' />
|
|
<button style="position:absolute;width:100%;height:100%;opacity:0;top: 0;right: 0;"
|
|
open-type="share"></button>
|
|
</view>
|
|
<view class="span sharenum" wx:if="{{item.share_num}}">{{item.share_num}}</view>
|
|
</view>
|
|
</view>
|
|
<view class="div_bar">
|
|
<view class="luzhi" catchtap="openComments">
|
|
<icon class="iconfont icon-fontclass-pinglun1" style="font-size:44rpx"></icon>
|
|
<view>评论</view>
|
|
</view>
|
|
<!-- <view class="luzhi" catchtap="gofabu">
|
|
<icon class="iconfont icon-video_recording" style="font-size:44rpx"></icon>
|
|
<view>录制</view>
|
|
</view>
|
|
<view class="jilu" catchtap="gomy">
|
|
<icon class="iconfont icon-video_myvideorecord" style="font-size:44rpx"></icon>
|
|
<view class="text">记录</view>
|
|
</view> -->
|
|
</view>
|
|
<view class="good-box" catchtap="toGood" data-item="{{item}}" wx:if="{{item.goods && item.goods_id}}">
|
|
<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-direction:column'>
|
|
<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>
|
|
<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>
|
|
</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 class="play-video" wx:if="{{item.show}}" catchtap="clickSwiperbtn" data-index="{{index}}"></view>
|
|
<view class="play-video" wx:if="{{false}}" 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' />
|
|
</view>
|
|
</view>
|
|
</swiper-item>
|
|
</swiper>
|
|
</view>
|
|
</view>
|
|
|
|
|
|
|
|
|
|
|
|
<van-popup show="{{ commentsShow }}" bind:close="openComments" round position="bottom" closeable custom-style="height: 70%">
|
|
<view class="commentWrapper">
|
|
<view class="title">全部评论{{comment_total_count}}条</view>
|
|
<view class="commentList">
|
|
<view class="ul maincomment">
|
|
<view class="li" wx:for="{{StickCommentData}}" wx:key="index">
|
|
<view class="maincommentleft" catchtap="replyCommentsBtn" data-hostcommentid="{{item.id}}" data-secondcommentid=""
|
|
data-uname="{{item.nickname}}" data-content="{{item.comment}}" data-isown="{{item.is_current_member}}">
|
|
<image src="{{item.avatar}}" mode='widthFix' />
|
|
</view>
|
|
<view class="maincommentright">
|
|
<view class="master_content" catchtap="replyCommentsBtn" data-hostcommentid="{{item.id}}" data-secondcommentid=""
|
|
data-uname="{{item.nickname}}" data-content="{{item.comment}}" data-isown="{{item.is_current_member}}">
|
|
<view class="master_content_left">
|
|
<view class="name">{{ item.nickname }}</view>
|
|
<view class="createdata">{{ item.created_at }}</view>
|
|
<view class="review_content">
|
|
{{ item.comment }}
|
|
</view>
|
|
</view>
|
|
<view class="thumb_up" catchtap="praiseBtn" data-hostcommentid="{{item.id}}" data-secondcommentid="" data-index="{{index}}"
|
|
data-chilindex="" data-ispraise="{{item.is_like}}">
|
|
<view class="thumb_img">
|
|
<block wx:if="{{item.is_like}}">
|
|
<image src="https://mini-app-img-1251768088.cos.ap-guangzhou.myqcloud.com/micro_communities/home_praise_cur@2x.png" mode='widthFix' />
|
|
</block>
|
|
<block wx:else>
|
|
<image src="https://mini-app-img-1251768088.cos.ap-guangzhou.myqcloud.com/micro_communities/home_praise@2x.png" mode='widthFix' />
|
|
</block>
|
|
</view>
|
|
<view class="thumb_num">{{ item.link_count }}</view>
|
|
</view>
|
|
</view>
|
|
<block wx:if="{{item.has_many_comment}}" wx:for-index="childindex" wx:key="childindex" wx:for-item="childitem" wx:for="{{item.has_many_comment}}">
|
|
<view class="deputy_comment" catchtap="replyCommentsBtn" data-hostcommentid="{{childitem.parent_id}}"
|
|
data-secondcommentid="{{childitem.id}}" data-uname="{{childitem.nickname}}" data-content="{{childitem.comment}}"
|
|
data-isown="{{childitem.is_current_member}}">
|
|
<view class="deputy_comment_left">
|
|
<image src="{{childitem.avatar}}" mode='widthFix' />
|
|
</view>
|
|
<view class="deputy_comment_right">
|
|
<view class="deputy_message">
|
|
<view class="name">{{ childitem.nickname }}</view>
|
|
<view class="createdata">{{ childitem.created_at }}</view>
|
|
<view class="review_content">
|
|
<block wx:if="{{childitem.subordinate_name}}">
|
|
回复<text class="span selecolor">{{
|
|
childitem.subordinate_name
|
|
}}</text>
|
|
</block>
|
|
{{ childitem.comment }}
|
|
</view>
|
|
</view>
|
|
<view class="thumb_up" catchtap="praiseBtn" data-hostcommentid="{{childitem.parent_id}}"
|
|
data-secondcommentid="{{childitem.id}}" data-index="{{index}}" data-chilindex="{{childindex}}" data-ispraise="{{childitem.is_like}}">
|
|
<view class="thumb_img">
|
|
<block wx:if="{{childitem.is_like}}">
|
|
<image src="https://mini-app-img-1251768088.cos.ap-guangzhou.myqcloud.com/micro_communities/home_praise_cur@2x.png" mode='widthFix' />
|
|
</block>
|
|
<block wx:else>
|
|
<image src="https://mini-app-img-1251768088.cos.ap-guangzhou.myqcloud.com/micro_communities/home_praise@2x.png" mode='widthFix' />
|
|
</block>
|
|
</view>
|
|
<view class="thumb_num">{{ childitem.link_count }}</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</block>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<view class="loadMore" bindtap="getMoreStickComment" wx:if="{{comment_page<comment_total}}" style="text-align:center;">{{comment_loading ? '正在加载...' : '加载更多~'}}</view>
|
|
</view>
|
|
<view class="inputWrapper" bindtap="subMainCommentBtn"><view class="reply">来都来了，留点什么吧...</view></view>
|
|
</view>
|
|
</van-popup>
|
|
|
|
<van-popup show="{{mainCommentShow}}" position="bottom" overlay="{{true}}" bind:close="subMainCommentBtn">
|
|
<view class="replyMainComment">
|
|
<view class="left">
|
|
<input type="text" model:value="{{maincomment}}" placeholder="请留下你的精彩评论吧" />
|
|
</view>
|
|
<view class="right" catchtap="subMainBtn">发送</view>
|
|
</view>
|
|
</van-popup>
|
|
|
|
|
|
<van-popup show="{{commentManagement}}" position="bottom" overlay="{{true}}" bind:close="commentManagementClose">
|
|
<view class="rewardPay">
|
|
<view class="content">
|
|
<text class="span">{{ replyName }}:</text>{{ replyshowcontent }}
|
|
</view>
|
|
<view class="payMode">
|
|
<view class="ul">
|
|
<view class="li" catchtap="replyBtn">回复</view>
|
|
<view class="li" catchtap="delBtn" wx:if="{{is_own}}">删除</view>
|
|
</view>
|
|
</view>
|
|
<view class="cancel" catchtap="replyCancelBtn">取消</view>
|
|
</view>
|
|
</van-popup>
|
|
|
|
<van-popup show="{{replyshow}}" position="bottom" overlay="{{true}}" bind:close="replyshowClose">
|
|
<view class="replyComment">
|
|
<view class="top">
|
|
<view class="left">
|
|
回复<span class="selcolor">@{{ replyName }}</span>
|
|
</view>
|
|
</view>
|
|
<view class="bottom" style="margin-bottom: {{replyheight}}px;" catchtouchmove="noop">
|
|
<textarea adjust-position="{{false}}" model:value="{{replyContent}}" placeholder="请输入你的回复吧" bindinput="replyContentinp" bindfocus="replyfocus" bindblur="replyblur"></textarea>
|
|
<view class="replysubmit" catchtap="replySubmitBtn">发送</view>
|
|
</view>
|
|
</view>
|
|
</van-popup>
|
|
|
|
|
|
|
|
<!-- <shopfoot bindtabrshow="tabrshowbtn"></shopfoot> -->
|
|
|
|
<!-- <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> -->
|
|
<!-- 答题 结束 -->
|
|
|
|
|
|
|