
<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>
<!-- 答题 结束 -->
