|  | @@ -1,2243 +0,0 @@
 | 
											
												
													
														|  | -<template>
 |  | 
 | 
											
												
													
														|  | -	<view class="content">
 |  | 
 | 
											
												
													
														|  | -		<view class="header-nav" :style="{height: `calc(88rpx + ${statusBarHeight}px)`,paddingTop: statusBarHeight + 'px'}">
 |  | 
 | 
											
												
													
														|  | -			<view class="header-title" :style="{width:menuButtonLeft + 'px',height:menuButtonH+'px',lineHeight:menuButtonH+'px'}">{{courseInfo.title}}</view>
 |  | 
 | 
											
												
													
														|  | -		</view>
 |  | 
 | 
											
												
													
														|  | -		<view class="video-box">
 |  | 
 | 
											
												
													
														|  | -			<image v-if="!isLogin || isAddKf!=1" class="video-poster" :src="courseInfo.imgUrl" mode="aspectFill">
 |  | 
 | 
											
												
													
														|  | -			</image>
 |  | 
 | 
											
												
													
														|  | -			<video 
 |  | 
 | 
											
												
													
														|  | -			@timeupdate="onTimeUpdate" 
 |  | 
 | 
											
												
													
														|  | -			@progress="progressChange" 
 |  | 
 | 
											
												
													
														|  | -			@error="videoErrorCallback" 
 |  | 
 | 
											
												
													
														|  | -			@play="getPlay"
 |  | 
 | 
											
												
													
														|  | -			@pause="getPause" 
 |  | 
 | 
											
												
													
														|  | -			@ended="getEnded" 
 |  | 
 | 
											
												
													
														|  | -			@fullscreenchange="fullscreenchange"
 |  | 
 | 
											
												
													
														|  | -			@controlstoggle="controlstoggle"
 |  | 
 | 
											
												
													
														|  | -			@waiting="getWaiting"
 |  | 
 | 
											
												
													
														|  | -			:title="courseInfo.title"
 |  | 
 | 
											
												
													
														|  | -			style="width: 100%;height: 420rpx;" 
 |  | 
 | 
											
												
													
														|  | -			:poster="poster"  
 |  | 
 | 
											
												
													
														|  | -			id="video-content-box"  
 |  | 
 | 
											
												
													
														|  | -			controls
 |  | 
 | 
											
												
													
														|  | -			:show-fullscreen-btn="true"
 |  | 
 | 
											
												
													
														|  | -			:auto-pause-if-open-native="true"
 |  | 
 | 
											
												
													
														|  | -			:auto-pause-if-navigate="true"
 |  | 
 | 
											
												
													
														|  | -			:enable-progress-gesture="false" 
 |  | 
 | 
											
												
													
														|  | -			:show-progress="true"
 |  | 
 | 
											
												
													
														|  | -			:picture-in-picture-mode="[]"
 |  | 
 | 
											
												
													
														|  | -			:show-background-playback-button="false"
 |  | 
 | 
											
												
													
														|  | -			:src="videoUrl"
 |  | 
 | 
											
												
													
														|  | -			>
 |  | 
 | 
											
												
													
														|  | -			<!-- :danmu-list="danmuList"
 |  | 
 | 
											
												
													
														|  | -			enable-danmu
 |  | 
 | 
											
												
													
														|  | -			danmu-btn -->
 |  | 
 | 
											
												
													
														|  | -				<!-- <template v-if="showDanmu==1">
 |  | 
 | 
											
												
													
														|  | -					<text v-for="(item, index) in activeDanmus" :key="item.id" class="danmu-item danmuMove" 
 |  | 
 | 
											
												
													
														|  | -						:style="{
 |  | 
 | 
											
												
													
														|  | -						  top: item.top + 'px',
 |  | 
 | 
											
												
													
														|  | -						  ...item.style,
 |  | 
 | 
											
												
													
														|  | -						  'animation-duration': '8s'
 |  | 
 | 
											
												
													
														|  | -						 }" @animationend="animationend(item,index)">
 |  | 
 | 
											
												
													
														|  | -						{{ item.text }}
 |  | 
 | 
											
												
													
														|  | -					</text>
 |  | 
 | 
											
												
													
														|  | -				</template>
 |  | 
 | 
											
												
													
														|  | -				<cover-view class="video-danmu-btnbox" :style="{display: isfull&&crtShow&&isLogin&&isAddKf==1 ? 'block':'none'}">
 |  | 
 | 
											
												
													
														|  | -					<cover-image class="video-danmu-image"
 |  | 
 | 
											
												
													
														|  | -					 src="https://cos.his.cdwjyyh.com/fs/20250418/beaf9df1a6204b8babc3e28d9b563c62.png"
 |  | 
 | 
											
												
													
														|  | -					 @click="openDanmu(1)"></cover-image>
 |  | 
 | 
											
												
													
														|  | -				</cover-view> -->
 |  | 
 | 
											
												
													
														|  | -			</video>
 |  | 
 | 
											
												
													
														|  | -		</view>
 |  | 
 | 
											
												
													
														|  | -		<view class="title-content" id="title-content">
 |  | 
 | 
											
												
													
														|  | -			<!-- 答题时展示小节课程名,其他展示课程名 -->
 |  | 
 | 
											
												
													
														|  | -			<!-- 小节课程名 -->
 |  | 
 | 
											
												
													
														|  | -			<view class="subtitlebox" v-if="isLogin&&isAddKf==1">
 |  | 
 | 
											
												
													
														|  | -				{{courseInfo.title}}
 |  | 
 | 
											
												
													
														|  | -			</view>
 |  | 
 | 
											
												
													
														|  | -			<!-- 课程名字 -->
 |  | 
 | 
											
												
													
														|  | -			<view class="miantitlebox" v-else>
 |  | 
 | 
											
												
													
														|  | -				{{courseInfo.courseName}}
 |  | 
 | 
											
												
													
														|  | -			</view>
 |  | 
 | 
											
												
													
														|  | -		</view>
 |  | 
 | 
											
												
													
														|  | -		<scroll-view class="scroll-view" :style="{height: height}" :scroll-top="scrollTop" scroll-y="true">
 |  | 
 | 
											
												
													
														|  | -			<!-- 介绍 -->
 |  | 
 | 
											
												
													
														|  | -			<view class="descbox">
 |  | 
 | 
											
												
													
														|  | -				<template v-if="!isLogin||isAddKf!=1">
 |  | 
 | 
											
												
													
														|  | -					<view class="descbox-title">{{courseInfo.title}}</view>
 |  | 
 | 
											
												
													
														|  | -					<view class="descbox-info">
 |  | 
 | 
											
												
													
														|  | -						<!-- <view class="descbox-info-l">
 |  | 
 | 
											
												
													
														|  | -							<view>{{courseInfo.views}}次播放</view>
 |  | 
 | 
											
												
													
														|  | -							<view class="descbox-info-time">总时长:{{courseInfo.totalDuration}}</view>
 |  | 
 | 
											
												
													
														|  | -						</view> -->
 |  | 
 | 
											
												
													
														|  | -						<view class="descbox-info-r expand" v-if="textHeight > 21">
 |  | 
 | 
											
												
													
														|  | -							<text @click="handleExpand">{{isExpand ? '收起简介' : '展开简介'}}</text>
 |  | 
 | 
											
												
													
														|  | -							<image :src="baseUrl+'/images/course_arrow_up_icon.png'" v-show="isExpand"></image>
 |  | 
 | 
											
												
													
														|  | -							<image :src="baseUrl+'/images/course_arrow_down_icon.png'" v-show="!isExpand"></image>
 |  | 
 | 
											
												
													
														|  | -						</view>
 |  | 
 | 
											
												
													
														|  | -					</view>
 |  | 
 | 
											
												
													
														|  | -				</template>
 |  | 
 | 
											
												
													
														|  | -				<view class="descbox-desc" id="descbox-desc" :style="{height: isExpand ? 'auto': '42rpx'}">
 |  | 
 | 
											
												
													
														|  | -					<text>{{courseInfo.description}}</text>
 |  | 
 | 
											
												
													
														|  | -					<view :class="isExpand ? 'expand': 'expand expand-ab'" v-if="isLogin&&isAddKf==1&&textHeight > 21">
 |  | 
 | 
											
												
													
														|  | -						<text @click="handleExpand">{{isExpand ? '收起简介' : '展开简介'}}</text>
 |  | 
 | 
											
												
													
														|  | -						<image :src="baseUrl+'/images/course_arrow_up_icon.png'" v-show="isExpand"></image>
 |  | 
 | 
											
												
													
														|  | -						<image :src="baseUrl+'/images/course_arrow_down_icon.png'" v-show="!isExpand"></image>
 |  | 
 | 
											
												
													
														|  | -					</view>
 |  | 
 | 
											
												
													
														|  | -				</view>
 |  | 
 | 
											
												
													
														|  | -			</view>
 |  | 
 | 
											
												
													
														|  | -			<!-- 问题 -->
 |  | 
 | 
											
												
													
														|  | -			<view class="ques-content" v-if="isLogin&&isAddKf==1">
 |  | 
 | 
											
												
													
														|  | -				<view class="ques-content-tit">问答题</view>
 |  | 
 | 
											
												
													
														|  | -				<view v-for="(item,index) in quesList" :key="index">
 |  | 
 | 
											
												
													
														|  | -					<view class="ques-title">
 |  | 
 | 
											
												
													
														|  | -						<text>{{index + 1}}.</text>
 |  | 
 | 
											
												
													
														|  | -						<view class="ques-type" v-show="item.type == 1 || item.type == 2">
 |  | 
 | 
											
												
													
														|  | -							{{item.type == 1 ? '单选' : item.type == 2 ? '多选' : ''}}
 |  | 
 | 
											
												
													
														|  | -						</view>
 |  | 
 | 
											
												
													
														|  | -						<text>{{item.title}}</text>
 |  | 
 | 
											
												
													
														|  | -					</view>
 |  | 
 | 
											
												
													
														|  | -					<view
 |  | 
 | 
											
												
													
														|  | -					:class="isAnswer(item,option.name) ?'ques-option ques-option-active':'ques-option'" 
 |  | 
 | 
											
												
													
														|  | -					v-for="(option,idx) in item.questionOption" 
 |  | 
 | 
											
												
													
														|  | -					:key="idx" 
 |  | 
 | 
											
												
													
														|  | -					@click="handleAnswer(item,option)">
 |  | 
 | 
											
												
													
														|  | -						<view>
 |  | 
 | 
											
												
													
														|  | -							{{numberToLetter(idx)}}.
 |  | 
 | 
											
												
													
														|  | -						</view>
 |  | 
 | 
											
												
													
														|  | -						<view>{{option.name}}</view>
 |  | 
 | 
											
												
													
														|  | -					</view>
 |  | 
 | 
											
												
													
														|  | -				</view>
 |  | 
 | 
											
												
													
														|  | -			</view>
 |  | 
 | 
											
												
													
														|  | -		</scroll-view>
 |  | 
 | 
											
												
													
														|  | -		<!-- 线路 -->
 |  | 
 | 
											
												
													
														|  | -		<view class="video-line" @click="openPop" v-if="isLogin&&isAddKf==1">
 |  | 
 | 
											
												
													
														|  | -			<image :src="baseUrl+'/images/changePlayer-icon.png'"></image>
 |  | 
 | 
											
												
													
														|  | -			<text>线路{{numberToChinese(lineIndex + 1)}}</text>
 |  | 
 | 
											
												
													
														|  | -		</view>
 |  | 
 | 
											
												
													
														|  | -		<!-- 线路弹窗 -->
 |  | 
 | 
											
												
													
														|  | -		<uni-popup ref="popup" type="bottom"  class="full-width-popup">
 |  | 
 | 
											
												
													
														|  | -			<view class="popupbox">
 |  | 
 | 
											
												
													
														|  | -				<view class="popupbox-head">
 |  | 
 | 
											
												
													
														|  | -					<text>线路选择</text>
 |  | 
 | 
											
												
													
														|  | -					<image class="close-icon" :src="baseUrl+'/images/tc_close_icon.png'" mode="aspectFill" @click="close">
 |  | 
 | 
											
												
													
														|  | -					</image>
 |  | 
 | 
											
												
													
														|  | -				</view>
 |  | 
 | 
											
												
													
														|  | -				<view class="popupbox-content">
 |  | 
 | 
											
												
													
														|  | -					<view :class="lineIndex == index ? 'line-item line-active': 'line-item'"
 |  | 
 | 
											
												
													
														|  | -						v-for="(it,index) in lineList" :key="index" @click="handleLine(index)">
 |  | 
 | 
											
												
													
														|  | -						线路{{numberToChinese(lineIndex + 1)}}</view>
 |  | 
 | 
											
												
													
														|  | -				</view>
 |  | 
 | 
											
												
													
														|  | -			</view>
 |  | 
 | 
											
												
													
														|  | -		</uni-popup>
 |  | 
 | 
											
												
													
														|  | -		<!-- 发送弹幕 -->
 |  | 
 | 
											
												
													
														|  | -		<!-- <view class="video-line danmu-line" @click="openDanmu(0)" v-if="isLogin&&isAddKf==1">
 |  | 
 | 
											
												
													
														|  | -			<image class="set_image" src="https://cos.his.cdwjyyh.com/fs/20250418/5e508642737a44169061382566043ac9.png" mode="aspectFill"></image>
 |  | 
 | 
											
												
													
														|  | -			<text>发弹幕</text>
 |  | 
 | 
											
												
													
														|  | -		</view> -->
 |  | 
 | 
											
												
													
														|  | -		<!-- 发送弹幕弹窗 -->
 |  | 
 | 
											
												
													
														|  | -		<uni-popup ref="danmuPopup" type="bottom" style="z-index: 999;" @change="changeShowPopup">
 |  | 
 | 
											
												
													
														|  | -			<view class="danmuPopup" :style="{marginLeft:isfull ? statusBarHeight+'px': 0,marginBottom: danmuboxHeight+'px'}">
 |  | 
 | 
											
												
													
														|  | -				<view class="danmuPopup-head border-line">
 |  | 
 | 
											
												
													
														|  | -					<image class="danmu-icon" :src="showDanmu==0?'https://bjyjb-1362704775.cos.ap-chongqing.myqcloud.com/shop/image/danmu-off.png':'https://bjyjb-1362704775.cos.ap-chongqing.myqcloud.com/shop/image/danmu-on.png'" mode="heightFix" @click="switchDanmu()"></image>
 |  | 
 | 
											
												
													
														|  | -					<u-input 
 |  | 
 | 
											
												
													
														|  | -					class="danmuPopup-input" 
 |  | 
 | 
											
												
													
														|  | -					placeholder="发个弹幕吧~" 
 |  | 
 | 
											
												
													
														|  | -					border="surround" 
 |  | 
 | 
											
												
													
														|  | -					shape="circle" 
 |  | 
 | 
											
												
													
														|  | -					:focus="focus"
 |  | 
 | 
											
												
													
														|  | -					:adjustPosition="false" 
 |  | 
 | 
											
												
													
														|  | -					:autoBlur="true" 
 |  | 
 | 
											
												
													
														|  | -					maxlength="140" 
 |  | 
 | 
											
												
													
														|  | -					clearable 
 |  | 
 | 
											
												
													
														|  | -					v-model.trim="danmuIput"></u-input>
 |  | 
 | 
											
												
													
														|  | -					<button class="danmuPopup-send"  :disabled="danmubtnLoading"  @click="sendDanmu">发送</button>
 |  | 
 | 
											
												
													
														|  | -				</view>
 |  | 
 | 
											
												
													
														|  | -			</view>
 |  | 
 | 
											
												
													
														|  | -		</uni-popup>
 |  | 
 | 
											
												
													
														|  | -		<!-- 答题弹窗 -->
 |  | 
 | 
											
												
													
														|  | -		<uni-popup ref="answerPopup" type="center" :show="answerPopup">
 |  | 
 | 
											
												
													
														|  | -			<view :class="errTitle == '恭喜你,回答正确' ? 'answerPopup-box bg':'answerPopup-box'">
 |  | 
 | 
											
												
													
														|  | -				<!-- 正确 -->
 |  | 
 | 
											
												
													
														|  | -				<image class="tipimg" v-if="errTitle == '恭喜你,回答正确'" :src="baseUrl+'/images/course_answer_img.png'"
 |  | 
 | 
											
												
													
														|  | -					mode="aspectFill"></image>
 |  | 
 | 
											
												
													
														|  | -				<!-- 错误 -->
 |  | 
 | 
											
												
													
														|  | -				<image class="tipimg" v-else :src="baseUrl+'/images/course_answer_incorrectly_img.png'" mode="aspectFill">
 |  | 
 | 
											
												
													
														|  | -				</image>
 |  | 
 | 
											
												
													
														|  | -				<view class="answerPopup-title">{{errTitle}}</view>
 |  | 
 | 
											
												
													
														|  | -				<view class="answerPopup-desc" v-html="errDesc"></view>
 |  | 
 | 
											
												
													
														|  | -				<!-- 选择奖励 -->
 |  | 
 | 
											
												
													
														|  | -				<view class="reward-list" v-if="errTitle == '恭喜你,回答正确'">
 |  | 
 | 
											
												
													
														|  | -					<radio-group class="reward-list-group" @change="rewardChange">
 |  | 
 | 
											
												
													
														|  | -						<label class="reward-list-option" v-for="(item, index) in rewardType" :key="item.value">
 |  | 
 | 
											
												
													
														|  | -							<radio :value="item.value+ ''" :checked="item.value == currentReward"
 |  | 
 | 
											
												
													
														|  | -								activeBorderColor="#FF5C03" activeBackgroundColor="#FF5C03"
 |  | 
 | 
											
												
													
														|  | -								style="transform:scale(0.7)" />
 |  | 
 | 
											
												
													
														|  | -							<view :style="{color: item.value == currentReward ? '#FF5C03':''}">{{item.name}}</view>
 |  | 
 | 
											
												
													
														|  | -						</label>
 |  | 
 | 
											
												
													
														|  | -					</radio-group>
 |  | 
 | 
											
												
													
														|  | -				</view>
 |  | 
 | 
											
												
													
														|  | -				<!-- 错误题目 -->
 |  | 
 | 
											
												
													
														|  | -				<view class="errQuesbox" v-if="errQues&&errQues.length>0">
 |  | 
 | 
											
												
													
														|  | -					<view class="errQuesbox-item textOne" v-for="(it,index) in errQues" :key="index">{{it.title}}</view>
 |  | 
 | 
											
												
													
														|  | -				</view>
 |  | 
 | 
											
												
													
														|  | -				<view class="answerPopup-btn" v-if="errTitle == '恭喜你,回答正确'" @click="closeAnswerPopup">确认</view>
 |  | 
 | 
											
												
													
														|  | -				<view class="tipsPopup-btn-box" v-else
 |  | 
 | 
											
												
													
														|  | -					:style="{marginTop: errQues&&errQues.length>0 ? '40rpx':'54rpx'}">
 |  | 
 | 
											
												
													
														|  | -					<view class="tipsPopup-btn" @click="closeAnswerPopup">{{remain > 0 ? '重新答题': '确认'}}</view>
 |  | 
 | 
											
												
													
														|  | -				</view>
 |  | 
 | 
											
												
													
														|  | -			</view>
 |  | 
 | 
											
												
													
														|  | -		</uni-popup>
 |  | 
 | 
											
												
													
														|  | -		<!-- 客服二维码弹窗 -->
 |  | 
 | 
											
												
													
														|  | -		<uni-popup ref="kfPopup" type="center" :mask-click="false">
 |  | 
 | 
											
												
													
														|  | -			<view class="kfqrcode-box">
 |  | 
 | 
											
												
													
														|  | -				<image class="kfqrcode" :src="qrcode" show-menu-by-longpress="true"></image>
 |  | 
 | 
											
												
													
														|  | -				<view v-show="qrcodeMsg" style="margin-top: 30rpx;" v-html="qrcodeMsg"></view>
 |  | 
 | 
											
												
													
														|  | -				<image class="kfqrcode-close" :src="baseUrl+'/images/course_close_white_icon.png'" mode="aspectFill"
 |  | 
 | 
											
												
													
														|  | -					@click="closeKFPop"></image>
 |  | 
 | 
											
												
													
														|  | -			</view>
 |  | 
 | 
											
												
													
														|  | -		</uni-popup>
 |  | 
 | 
											
												
													
														|  | -		<!-- footer -->
 |  | 
 | 
											
												
													
														|  | -		<view class="footer" v-if="videoId">
 |  | 
 | 
											
												
													
														|  | -			<view class="footer-btn" v-if="!isLogin || isAddKf !=1" @click="submit">
 |  | 
 | 
											
												
													
														|  | -				<text>立即学习</text>
 |  | 
 | 
											
												
													
														|  | -			</view>
 |  | 
 | 
											
												
													
														|  | -			<view v-if="isLogin&&isAddKf==1&&quesList&&quesList.length>0" class="footer-btn footer-btn-border" @click="submit">
 |  | 
 | 
											
												
													
														|  | -				<image class="footer-btn-img" :src="baseUrl+'/images/red_envelope_btnimg.png'" mode="aspectFill"></image>
 |  | 
 | 
											
												
													
														|  | -				<text>提交答案领取奖励</text>
 |  | 
 | 
											
												
													
														|  | -			</view>
 |  | 
 | 
											
												
													
														|  | -			<!-- <view @click="checked=!checked" class="agreement" v-if="!isLogin">
 |  | 
 | 
											
												
													
														|  | -				<radio value="r1" :checked="checked" color="#ff5c03" activeBorderColor="#ff5c03"
 |  | 
 | 
											
												
													
														|  | -					style="transform:scale(0.6);" />
 |  | 
 | 
											
												
													
														|  | -				<view>阅读并同意<text style="color: #ff5c03;" @click.stop="goWeb(0)">《用户协议》</text>和<text
 |  | 
 | 
											
												
													
														|  | -						style="color: #ff5c03;" @click.stop="goWeb(1)">《隐私协议》</text></view>
 |  | 
 | 
											
												
													
														|  | -			</view> -->
 |  | 
 | 
											
												
													
														|  | -			<view class="footer-tips">重庆云联融智提供技术支持</view>
 |  | 
 | 
											
												
													
														|  | -		</view>
 |  | 
 | 
											
												
													
														|  | -	</view>
 |  | 
 | 
											
												
													
														|  | -</template>
 |  | 
 | 
											
												
													
														|  | -
 |  | 
 | 
											
												
													
														|  | -<script>
 |  | 
 | 
											
												
													
														|  | -	import { generateRandomString } from "@/utils/common.js"
 |  | 
 | 
											
												
													
														|  | -	import dayjs from 'dayjs';
 |  | 
 | 
											
												
													
														|  | -	import {
 |  | 
 | 
											
												
													
														|  | -		getErrMsg,
 |  | 
 | 
											
												
													
														|  | -		getH5CourseByVideoId,
 |  | 
 | 
											
												
													
														|  | -		getH5CourseVideoDetails,
 |  | 
 | 
											
												
													
														|  | -		courseAnswer,
 |  | 
 | 
											
												
													
														|  | -		getFinishCourseVideo,
 |  | 
 | 
											
												
													
														|  | -		getIsAddKf,
 |  | 
 | 
											
												
													
														|  | -		getInternetTraffic,
 |  | 
 | 
											
												
													
														|  | -		getIntegralByH5Video,
 |  | 
 | 
											
												
													
														|  | -		sendReward,
 |  | 
 | 
											
												
													
														|  | -		loginByMp,
 |  | 
 | 
											
												
													
														|  | -		getRealLink,
 |  | 
 | 
											
												
													
														|  | -		getDanmuList,
 |  | 
 | 
											
												
													
														|  | -		errorLogUpload
 |  | 
 | 
											
												
													
														|  | -	} from "@/api/course.js"
 |  | 
 | 
											
												
													
														|  | -	export default {
 |  | 
 | 
											
												
													
														|  | -		data() {
 |  | 
 | 
											
												
													
														|  | -			return {
 |  | 
 | 
											
												
													
														|  | -				baseUrl:uni.getStorageSync('requestPath'),
 |  | 
 | 
											
												
													
														|  | -				// 1 红包 2 积分
 |  | 
 | 
											
												
													
														|  | -				rewardType: [{
 |  | 
 | 
											
												
													
														|  | -					name: '红包奖励',
 |  | 
 | 
											
												
													
														|  | -					value: 1
 |  | 
 | 
											
												
													
														|  | -				}, {
 |  | 
 | 
											
												
													
														|  | -					name: '积分奖励',
 |  | 
 | 
											
												
													
														|  | -					value: 2
 |  | 
 | 
											
												
													
														|  | -				}],
 |  | 
 | 
											
												
													
														|  | -				currentReward: 1,
 |  | 
 | 
											
												
													
														|  | -				player: null,
 |  | 
 | 
											
												
													
														|  | -				loading: true,
 |  | 
 | 
											
												
													
														|  | -				progress: 0,
 |  | 
 | 
											
												
													
														|  | -				code: null,
 |  | 
 | 
											
												
													
														|  | -				statusBarHeight: uni.getSystemInfoSync().statusBarHeight,
 |  | 
 | 
											
												
													
														|  | -				scrollTop: 0,
 |  | 
 | 
											
												
													
														|  | -				height: '0px',
 |  | 
 | 
											
												
													
														|  | -				isLogin: false,
 |  | 
 | 
											
												
													
														|  | -				videoUrl: "",
 |  | 
 | 
											
												
													
														|  | -				videoId: "",
 |  | 
 | 
											
												
													
														|  | -				//现在的时长
 |  | 
 | 
											
												
													
														|  | -				playTime: 0,
 |  | 
 | 
											
												
													
														|  | -				//总时长
 |  | 
 | 
											
												
													
														|  | -				duration: 0,
 |  | 
 | 
											
												
													
														|  | -				playDuration: 0,
 |  | 
 | 
											
												
													
														|  | -				// 用于续播
 |  | 
 | 
											
												
													
														|  | -				playDurationSeek: 0,
 |  | 
 | 
											
												
													
														|  | -				// 温馨提醒时间节点,
 |  | 
 | 
											
												
													
														|  | -				tipsTime: 0,
 |  | 
 | 
											
												
													
														|  | -				tipsOpen: false,
 |  | 
 | 
											
												
													
														|  | -				config: {},
 |  | 
 | 
											
												
													
														|  | -				courseInfo: {},
 |  | 
 | 
											
												
													
														|  | -				quesList: [],
 |  | 
 | 
											
												
													
														|  | -				lineList: [],
 |  | 
 | 
											
												
													
														|  | -				// 错题
 |  | 
 | 
											
												
													
														|  | -				errQues: [],
 |  | 
 | 
											
												
													
														|  | -				// 答题机会
 |  | 
 | 
											
												
													
														|  | -				remain: 0,
 |  | 
 | 
											
												
													
														|  | -				errTitle: "",
 |  | 
 | 
											
												
													
														|  | -				errDesc: "",
 |  | 
 | 
											
												
													
														|  | -				showPlay: true,
 |  | 
 | 
											
												
													
														|  | -				showControls: false,
 |  | 
 | 
											
												
													
														|  | -				playStatus: "",
 |  | 
 | 
											
												
													
														|  | -				isfull: false,
 |  | 
 | 
											
												
													
														|  | -				isAddKf: 0,
 |  | 
 | 
											
												
													
														|  | -				lineIndex: 0,
 |  | 
 | 
											
												
													
														|  | -				// 是否展开
 |  | 
 | 
											
												
													
														|  | -				isExpand: false,
 |  | 
 | 
											
												
													
														|  | -				textHeight: 0, //文本高度
 |  | 
 | 
											
												
													
														|  | -				qwUserId: "",
 |  | 
 | 
											
												
													
														|  | -				qrcode: "",
 |  | 
 | 
											
												
													
														|  | -				corpId: "",
 |  | 
 | 
											
												
													
														|  | -				qrcodeMsg: "",
 |  | 
 | 
											
												
													
														|  | -				urlOption: {},
 |  | 
 | 
											
												
													
														|  | -				bufferRate: 0, // 缓冲时间
 |  | 
 | 
											
												
													
														|  | -				uuId: "",
 |  | 
 | 
											
												
													
														|  | -				isEnded: false,
 |  | 
 | 
											
												
													
														|  | -				// 是否允许拖动进度条
 |  | 
 | 
											
												
													
														|  | -				linkType: 0,
 |  | 
 | 
											
												
													
														|  | -				ip: null,
 |  | 
 | 
											
												
													
														|  | -				checked: true,
 |  | 
 | 
											
												
													
														|  | -				isFinish: 0, // 是否完课
 |  | 
 | 
											
												
													
														|  | -				interval: null,
 |  | 
 | 
											
												
													
														|  | -				intervalIntegral: null, // 积分定时
 |  | 
 | 
											
												
													
														|  | -				options: {
 |  | 
 | 
											
												
													
														|  | -					sources: [{
 |  | 
 | 
											
												
													
														|  | -						src: ""
 |  | 
 | 
											
												
													
														|  | -					}],
 |  | 
 | 
											
												
													
														|  | -					poster: "",
 |  | 
 | 
											
												
													
														|  | -					live: false /* 是否直播 */ ,
 |  | 
 | 
											
												
													
														|  | -					controls: true,
 |  | 
 | 
											
												
													
														|  | -					autoplay: false,
 |  | 
 | 
											
												
													
														|  | -					licenseUrl: 'https://license.vod2.myqcloud.com/license/v2/1323137866_1/v_cube.license', // license 地址,参考准备工作部分,在视立方控制台申请 license 后可获得 licenseUrl,
 |  | 
 | 
											
												
													
														|  | -					LicenseKey: 'bcc5bd9a14b798b48c52ff005a21d926',
 |  | 
 | 
											
												
													
														|  | -					controlBar: {
 |  | 
 | 
											
												
													
														|  | -						volumePanel: false,
 |  | 
 | 
											
												
													
														|  | -						playbackRateMenuButton: false,
 |  | 
 | 
											
												
													
														|  | -						QualitySwitcherMenuButton: false,
 |  | 
 | 
											
												
													
														|  | -						// progressControl: false
 |  | 
 | 
											
												
													
														|  | -					},
 |  | 
 | 
											
												
													
														|  | -					plugins: {
 |  | 
 | 
											
												
													
														|  | -						// ProgressMarker: false,
 |  | 
 | 
											
												
													
														|  | -						ContextMenu: {
 |  | 
 | 
											
												
													
														|  | -							statistic: false
 |  | 
 | 
											
												
													
														|  | -						}
 |  | 
 | 
											
												
													
														|  | -					},
 |  | 
 | 
											
												
													
														|  | -				},
 |  | 
 | 
											
												
													
														|  | -				// 错误请求次数
 |  | 
 | 
											
												
													
														|  | -				errorCount: 0,
 |  | 
 | 
											
												
													
														|  | -				answerPopup: false,
 |  | 
 | 
											
												
													
														|  | -				sortLink:"",
 |  | 
 | 
											
												
													
														|  | -				// 课程是否过期
 |  | 
 | 
											
												
													
														|  | -				isExpire: false,
 |  | 
 | 
											
												
													
														|  | -				menuButtonLeft: 281,
 |  | 
 | 
											
												
													
														|  | -				menuButtonH: 45,
 |  | 
 | 
											
												
													
														|  | -				timer: null,
 |  | 
 | 
											
												
													
														|  | -				flag: false,
 |  | 
 | 
											
												
													
														|  | -				danmuList: [],
 |  | 
 | 
											
												
													
														|  | -				danmuIput: '',
 |  | 
 | 
											
												
													
														|  | -				focus: false,
 |  | 
 | 
											
												
													
														|  | -				danmubtnLoading: false,
 |  | 
 | 
											
												
													
														|  | -				openDanmuType: 0,
 |  | 
 | 
											
												
													
														|  | -				socket:null,
 |  | 
 | 
											
												
													
														|  | -				isSocketOpen: false,
 |  | 
 | 
											
												
													
														|  | -				isSend:true,
 |  | 
 | 
											
												
													
														|  | -				reOpenSocket: false,
 |  | 
 | 
											
												
													
														|  | -				pingpangTimes:null,
 |  | 
 | 
											
												
													
														|  | -				danmuboxHeight: 0,
 |  | 
 | 
											
												
													
														|  | -				user: {},
 |  | 
 | 
											
												
													
														|  | -				crtShow: true,
 |  | 
 | 
											
												
													
														|  | -				isCheckRealUrl: false,
 |  | 
 | 
											
												
													
														|  | -				activeDanmus:[],
 |  | 
 | 
											
												
													
														|  | -				flagTime: 0,
 |  | 
 | 
											
												
													
														|  | -				danmuItemStyle:{
 |  | 
 | 
											
												
													
														|  | -					color: '#ffffff',
 |  | 
 | 
											
												
													
														|  | -					fontSize: '16px',
 |  | 
 | 
											
												
													
														|  | -					border: 'solid 1px #ffffff',
 |  | 
 | 
											
												
													
														|  | -					borderRadius: '5px',
 |  | 
 | 
											
												
													
														|  | -					padding: '2px 2px',
 |  | 
 | 
											
												
													
														|  | -					backgroundColor: 'rgba(255, 255, 255, 0.1)'
 |  | 
 | 
											
												
													
														|  | -				},
 |  | 
 | 
											
												
													
														|  | -				showDanmu: 1,
 |  | 
 | 
											
												
													
														|  | -				ctx: null
 |  | 
 | 
											
												
													
														|  | -			}
 |  | 
 | 
											
												
													
														|  | -		},
 |  | 
 | 
											
												
													
														|  | -		computed: {
 |  | 
 | 
											
												
													
														|  | -			isAnswer() {
 |  | 
 | 
											
												
													
														|  | -				return (item, name) => {
 |  | 
 | 
											
												
													
														|  | -					if (item.type == 1) {
 |  | 
 | 
											
												
													
														|  | -						return item.answer == name
 |  | 
 | 
											
												
													
														|  | -					} else if (item.type == 2) {
 |  | 
 | 
											
												
													
														|  | -						const array = item.answer.split(',')
 |  | 
 | 
											
												
													
														|  | -						return array.some(i => i == name)
 |  | 
 | 
											
												
													
														|  | -					} else {
 |  | 
 | 
											
												
													
														|  | -						return false
 |  | 
 | 
											
												
													
														|  | -					}
 |  | 
 | 
											
												
													
														|  | -				}
 |  | 
 | 
											
												
													
														|  | -			}
 |  | 
 | 
											
												
													
														|  | -		},
 |  | 
 | 
											
												
													
														|  | -		onLoad(option) {
 |  | 
 | 
											
												
													
														|  | -			this.code = option.code
 |  | 
 | 
											
												
													
														|  | -			this.urlOption = option.course ? JSON.parse(option.course) : {}
 |  | 
 | 
											
												
													
														|  | -			this.videoId = this.urlOption.videoId
 |  | 
 | 
											
												
													
														|  | -			this.qwUserId = this.urlOption.qwUserId || ''
 |  | 
 | 
											
												
													
														|  | -			this.corpId = this.urlOption.corpId || ''
 |  | 
 | 
											
												
													
														|  | -			this.linkType = this.urlOption.linkType || 0
 |  | 
 | 
											
												
													
														|  | -			// if (this.code) {
 |  | 
 | 
											
												
													
														|  | -			// 	this.loginByMp()
 |  | 
 | 
											
												
													
														|  | -			// }
 |  | 
 | 
											
												
													
														|  | -			var that=this;
 |  | 
 | 
											
												
													
														|  | -			if (this.videoId) {
 |  | 
 | 
											
												
													
														|  | -				this.getH5CourseByVideo()
 |  | 
 | 
											
												
													
														|  | -			}
 |  | 
 | 
											
												
													
														|  | -			this.sortLink = this.urlOption.link || ''
 |  | 
 | 
											
												
													
														|  | -			this.getMenuButton()
 |  | 
 | 
											
												
													
														|  | -			// #ifndef H5
 |  | 
 | 
											
												
													
														|  | -			uni.onKeyboardHeightChange(this.keyboardHeightChange);
 |  | 
 | 
											
												
													
														|  | -			// #endif
 |  | 
 | 
											
												
													
														|  | -			if(this.socket!=null){
 |  | 
 | 
											
												
													
														|  | -				this.socket.close()
 |  | 
 | 
											
												
													
														|  | -				clearInterval(this.pingpangTimes)
 |  | 
 | 
											
												
													
														|  | -				this.socket = null
 |  | 
 | 
											
												
													
														|  | -			}
 |  | 
 | 
											
												
													
														|  | -			// this.initTracks()
 |  | 
 | 
											
												
													
														|  | -		},
 |  | 
 | 
											
												
													
														|  | -		onShow() {
 |  | 
 | 
											
												
													
														|  | -			this.tipsOpen = false
 |  | 
 | 
											
												
													
														|  | -			this.isExpand = true
 |  | 
 | 
											
												
													
														|  | -			// this.isLogin = this.$isLoginCourse()
 |  | 
 | 
											
												
													
														|  | -			this.uuId = generateRandomString(16)
 |  | 
 | 
											
												
													
														|  | -			if(uni.getStorageSync('userInfo') && JSON.stringify(uni.getStorageSync('userInfo'))!='{}') {
 |  | 
 | 
											
												
													
														|  | -				this.user = JSON.parse(uni.getStorageSync('userInfo'))
 |  | 
 | 
											
												
													
														|  | -			} else {
 |  | 
 | 
											
												
													
														|  | -				this.user = {}
 |  | 
 | 
											
												
													
														|  | -			}
 |  | 
 | 
											
												
													
														|  | -			if(this.sortLink){
 |  | 
 | 
											
												
													
														|  | -				this.getLink()
 |  | 
 | 
											
												
													
														|  | -			} else {
 |  | 
 | 
											
												
													
														|  | -				uni.showToast({
 |  | 
 | 
											
												
													
														|  | -					title: 'sortLink is not found',
 |  | 
 | 
											
												
													
														|  | -					icon: 'none'
 |  | 
 | 
											
												
													
														|  | -				});
 |  | 
 | 
											
												
													
														|  | -			}
 |  | 
 | 
											
												
													
														|  | -		},
 |  | 
 | 
											
												
													
														|  | -		mounted() {
 |  | 
 | 
											
												
													
														|  | -			this.getIP()
 |  | 
 | 
											
												
													
														|  | -			this.getHeight()
 |  | 
 | 
											
												
													
														|  | -		},
 |  | 
 | 
											
												
													
														|  | -		onHide() {
 |  | 
 | 
											
												
													
														|  | -			// this.player = uni.createVideoContext('video-content-box');
 |  | 
 | 
											
												
													
														|  | -			if (this.player) {
 |  | 
 | 
											
												
													
														|  | -				this.player.pause()
 |  | 
 | 
											
												
													
														|  | -			}
 |  | 
 | 
											
												
													
														|  | -			// if (this.interval != null) {
 |  | 
 | 
											
												
													
														|  | -			// 	clearInterval(this.interval)
 |  | 
 | 
											
												
													
														|  | -			// 	this.interval = null
 |  | 
 | 
											
												
													
														|  | -			// }
 |  | 
 | 
											
												
													
														|  | -		},
 |  | 
 | 
											
												
													
														|  | -		onUnload() {
 |  | 
 | 
											
												
													
														|  | -			if (this.interval != null) {
 |  | 
 | 
											
												
													
														|  | -				clearInterval(this.interval)
 |  | 
 | 
											
												
													
														|  | -				this.interval = null
 |  | 
 | 
											
												
													
														|  | -			}
 |  | 
 | 
											
												
													
														|  | -			if(this.socket!=null){
 |  | 
 | 
											
												
													
														|  | -				this.socket.close()
 |  | 
 | 
											
												
													
														|  | -				clearInterval(this.pingpangTimes)
 |  | 
 | 
											
												
													
														|  | -				this.socket = null
 |  | 
 | 
											
												
													
														|  | -			}
 |  | 
 | 
											
												
													
														|  | -			// #ifndef H5
 |  | 
 | 
											
												
													
														|  | -			uni.offKeyboardHeightChange(this.keyboardHeightChange);
 |  | 
 | 
											
												
													
														|  | -			// #endif
 |  | 
 | 
											
												
													
														|  | -			this.clearIntegral()
 |  | 
 | 
											
												
													
														|  | -		},
 |  | 
 | 
											
												
													
														|  | -		beforeDestroy() {
 |  | 
 | 
											
												
													
														|  | -			this.player = uni.createVideoContext('video-content-box');
 |  | 
 | 
											
												
													
														|  | -			if (this.player) {
 |  | 
 | 
											
												
													
														|  | -				this.player.stop()
 |  | 
 | 
											
												
													
														|  | -				this.player = null
 |  | 
 | 
											
												
													
														|  | -			}
 |  | 
 | 
											
												
													
														|  | -			if (this.interval != null) {
 |  | 
 | 
											
												
													
														|  | -				clearInterval(this.interval)
 |  | 
 | 
											
												
													
														|  | -				this.interval = null
 |  | 
 | 
											
												
													
														|  | -			}
 |  | 
 | 
											
												
													
														|  | -			if(this.socket!=null){
 |  | 
 | 
											
												
													
														|  | -				this.socket.close()
 |  | 
 | 
											
												
													
														|  | -				clearInterval(this.pingpangTimes)
 |  | 
 | 
											
												
													
														|  | -				this.socket = null
 |  | 
 | 
											
												
													
														|  | -			}
 |  | 
 | 
											
												
													
														|  | -			// #ifndef H5
 |  | 
 | 
											
												
													
														|  | -			uni.offKeyboardHeightChange(this.keyboardHeightChange);
 |  | 
 | 
											
												
													
														|  | -			// #endif
 |  | 
 | 
											
												
													
														|  | -			this.clearIntegral()
 |  | 
 | 
											
												
													
														|  | -		},
 |  | 
 | 
											
												
													
														|  | -		methods: {
 |  | 
 | 
											
												
													
														|  | -			numberToChinese(number) {
 |  | 
 | 
											
												
													
														|  | -				if (number) {
 |  | 
 | 
											
												
													
														|  | -					const chineseNumber = ['一', '二', '三', '四', '五', '六', '七', '八', '九'];
 |  | 
 | 
											
												
													
														|  | -					return chineseNumber[number - 1];
 |  | 
 | 
											
												
													
														|  | -				} else {
 |  | 
 | 
											
												
													
														|  | -					return ''
 |  | 
 | 
											
												
													
														|  | -				}
 |  | 
 | 
											
												
													
														|  | -			},
 |  | 
 | 
											
												
													
														|  | -			keyboardHeightChange(res) {
 |  | 
 | 
											
												
													
														|  | -				// #ifndef H5
 |  | 
 | 
											
												
													
														|  | -				console.log("this.danmuboxHeight",this.danmuboxHeight)
 |  | 
 | 
											
												
													
														|  | -				 this.danmuboxHeight = res.height
 |  | 
 | 
											
												
													
														|  | -				// #endif
 |  | 
 | 
											
												
													
														|  | -			},
 |  | 
 | 
											
												
													
														|  | -			getMenuButton(){
 |  | 
 | 
											
												
													
														|  | -				const menuButtonInfo = uni.getMenuButtonBoundingClientRect()
 |  | 
 | 
											
												
													
														|  | -				this.menuButtonLeft = menuButtonInfo.left
 |  | 
 | 
											
												
													
														|  | -				this.menuButtonH = menuButtonInfo.height
 |  | 
 | 
											
												
													
														|  | -			},
 |  | 
 | 
											
												
													
														|  | -			//播放时间更新事件方法
 |  | 
 | 
											
												
													
														|  | -			onTimeUpdate(e){
 |  | 
 | 
											
												
													
														|  | -				let currentTime = Math.round(e.detail.currentTime)
 |  | 
 | 
											
												
													
														|  | -				if (this.playDurationSeek > 0) {
 |  | 
 | 
											
												
													
														|  | -					this.playTime = this.playDurationSeek
 |  | 
 | 
											
												
													
														|  | -					this.throttle(() => this.changeTime(this), 1000, false)
 |  | 
 | 
											
												
													
														|  | -				} else {
 |  | 
 | 
											
												
													
														|  | -					if (this.linkType != 1 && (currentTime - this.playTime > 3 || currentTime - this.playTime < -3)&&this.isFinish!=1) {
 |  | 
 | 
											
												
													
														|  | -						uni.showToast({
 |  | 
 | 
											
												
													
														|  | -							title: '不能快进哦',
 |  | 
 | 
											
												
													
														|  | -							icon: 'none',
 |  | 
 | 
											
												
													
														|  | -						});
 |  | 
 | 
											
												
													
														|  | -						currentTime = this.playTime
 |  | 
 | 
											
												
													
														|  | -						this.player.seek(this.playTime);
 |  | 
 | 
											
												
													
														|  | -					}
 |  | 
 | 
											
												
													
														|  | -					this.playTime = currentTime
 |  | 
 | 
											
												
													
														|  | -				}
 |  | 
 | 
											
												
													
														|  | -				if (Math.floor(e.detail.currentTime) != this.flagTime) {
 |  | 
 | 
											
												
													
														|  | -					this.flagTime = Math.floor(e.detail.currentTime)
 |  | 
 | 
											
												
													
														|  | -					this.checkDanmu()
 |  | 
 | 
											
												
													
														|  | -				}
 |  | 
 | 
											
												
													
														|  | -			},
 |  | 
 | 
											
												
													
														|  | -			changeTime(that,e) {
 |  | 
 | 
											
												
													
														|  | -				that.playDurationSeek = 0
 |  | 
 | 
											
												
													
														|  | -			},
 |  | 
 | 
											
												
													
														|  | -			videoErrorCallback(e) {
 |  | 
 | 
											
												
													
														|  | -				this.errorCount++
 |  | 
 | 
											
												
													
														|  | -				if (this.errorCount > 3) return
 |  | 
 | 
											
												
													
														|  | -				if (this.interval != null) {
 |  | 
 | 
											
												
													
														|  | -					clearInterval(this.interval)
 |  | 
 | 
											
												
													
														|  | -				}
 |  | 
 | 
											
												
													
														|  | -				this.clearIntegral()
 |  | 
 | 
											
												
													
														|  | -				console.log(e)
 |  | 
 | 
											
												
													
														|  | -				this.getErrMsg(e.target.errMsg)
 |  | 
 | 
											
												
													
														|  | -				this.getH5CourseVideoDetails('error')
 |  | 
 | 
											
												
													
														|  | -			},
 |  | 
 | 
											
												
													
														|  | -			// 当开始/继续播放时触发play事件
 |  | 
 | 
											
												
													
														|  | -			getPlay() {
 |  | 
 | 
											
												
													
														|  | -				this.errorCount = 0
 |  | 
 | 
											
												
													
														|  | -				this.judgeDuration()
 |  | 
 | 
											
												
													
														|  | -			},
 |  | 
 | 
											
												
													
														|  | -			getPause() {
 |  | 
 | 
											
												
													
														|  | -				this.clearIntegral()
 |  | 
 | 
											
												
													
														|  | -			},
 |  | 
 | 
											
												
													
														|  | -			getEnded() {
 |  | 
 | 
											
												
													
														|  | -				this.clearIntegral()
 |  | 
 | 
											
												
													
														|  | -				this.isEnded = true
 |  | 
 | 
											
												
													
														|  | -				this.getFinishCourseVideo()
 |  | 
 | 
											
												
													
														|  | -			},
 |  | 
 | 
											
												
													
														|  | -			getWaiting() {
 |  | 
 | 
											
												
													
														|  | -				this.getErrMsg('','waiting')
 |  | 
 | 
											
												
													
														|  | -			},
 |  | 
 | 
											
												
													
														|  | -			fullscreenchange(event) {
 |  | 
 | 
											
												
													
														|  | -				this.isfull = event.detail.fullScreen
 |  | 
 | 
											
												
													
														|  | -				this.initTracks()
 |  | 
 | 
											
												
													
														|  | -			},
 |  | 
 | 
											
												
													
														|  | -			controlstoggle(event) {
 |  | 
 | 
											
												
													
														|  | -				this.crtShow =  event.detail.show
 |  | 
 | 
											
												
													
														|  | -			},
 |  | 
 | 
											
												
													
														|  | -			getIP() {
 |  | 
 | 
											
												
													
														|  | -				uni.request({
 |  | 
 | 
											
												
													
														|  | -					url: 'https://ipinfo.io/json', //仅为示例,并非真实接口地址。
 |  | 
 | 
											
												
													
														|  | -					method: 'GET',
 |  | 
 | 
											
												
													
														|  | -					success: (res) => {
 |  | 
 | 
											
												
													
														|  | -						this.ip = res.data.ip
 |  | 
 | 
											
												
													
														|  | -					}
 |  | 
 | 
											
												
													
														|  | -				});
 |  | 
 | 
											
												
													
														|  | -			},
 |  | 
 | 
											
												
													
														|  | -			getHeight() {
 |  | 
 | 
											
												
													
														|  | -				this.$nextTick(() => {
 |  | 
 | 
											
												
													
														|  | -					const query = uni.createSelectorQuery().in(this);
 |  | 
 | 
											
												
													
														|  | -					query
 |  | 
 | 
											
												
													
														|  | -						.select("#title-content")
 |  | 
 | 
											
												
													
														|  | -						.boundingClientRect((data) => {
 |  | 
 | 
											
												
													
														|  | -							this.height =
 |  | 
 | 
											
												
													
														|  | -								`calc(100vh - ${data.height}px - 420rpx - ${this.statusBarHeight}px - 164rpx - 88rpx)`
 |  | 
 | 
											
												
													
														|  | -						})
 |  | 
 | 
											
												
													
														|  | -						.exec();
 |  | 
 | 
											
												
													
														|  | -				})
 |  | 
 | 
											
												
													
														|  | -			},
 |  | 
 | 
											
												
													
														|  | -			getDescHeight() {
 |  | 
 | 
											
												
													
														|  | -				this.$nextTick(() => {
 |  | 
 | 
											
												
													
														|  | -					const query = uni.createSelectorQuery().in(this);
 |  | 
 | 
											
												
													
														|  | -					query
 |  | 
 | 
											
												
													
														|  | -						.select("#descbox-desc")
 |  | 
 | 
											
												
													
														|  | -						.boundingClientRect((data) => {
 |  | 
 | 
											
												
													
														|  | -							this.textHeight = data.height
 |  | 
 | 
											
												
													
														|  | -						})
 |  | 
 | 
											
												
													
														|  | -						.exec();
 |  | 
 | 
											
												
													
														|  | -				})
 |  | 
 | 
											
												
													
														|  | -			},
 |  | 
 | 
											
												
													
														|  | -			numberToLetter(num) {
 |  | 
 | 
											
												
													
														|  | -				// 将数字转换为字母的 ASCII 码
 |  | 
 | 
											
												
													
														|  | -				let letterCode = num + 65;
 |  | 
 | 
											
												
													
														|  | -				// 将 ASCII 码转换为大写字母
 |  | 
 | 
											
												
													
														|  | -				let letter = String.fromCharCode(letterCode);
 |  | 
 | 
											
												
													
														|  | -				return letter;
 |  | 
 | 
											
												
													
														|  | -			},
 |  | 
 | 
											
												
													
														|  | -			updateTime() {
 |  | 
 | 
											
												
													
														|  | -				var that = this;
 |  | 
 | 
											
												
													
														|  | -				if (this.interval != null) {
 |  | 
 | 
											
												
													
														|  | -					clearInterval(this.interval)
 |  | 
 | 
											
												
													
														|  | -				}
 |  | 
 | 
											
												
													
														|  | -				this.interval = setInterval(function() {
 |  | 
 | 
											
												
													
														|  | -					that.getFinishCourseVideo()
 |  | 
 | 
											
												
													
														|  | -					that.getInternetTraffic()
 |  | 
 | 
											
												
													
														|  | -				}, 60000);
 |  | 
 | 
											
												
													
														|  | -			},
 |  | 
 | 
											
												
													
														|  | -			judgeDuration() {
 |  | 
 | 
											
												
													
														|  | -				var that = this;
 |  | 
 | 
											
												
													
														|  | -				if (this.intervalIntegral != null) {
 |  | 
 | 
											
												
													
														|  | -					clearInterval(this.intervalIntegral)
 |  | 
 | 
											
												
													
														|  | -					this.intervalIntegral = null
 |  | 
 | 
											
												
													
														|  | -				}
 |  | 
 | 
											
												
													
														|  | -				// 观看10分钟获得积分
 |  | 
 | 
											
												
													
														|  | -				this.intervalIntegral = setInterval(function() {
 |  | 
 | 
											
												
													
														|  | -					that.getIntegralByH5Video()
 |  | 
 | 
											
												
													
														|  | -				}, 600000);
 |  | 
 | 
											
												
													
														|  | -			},
 |  | 
 | 
											
												
													
														|  | -			clearIntegral() {
 |  | 
 | 
											
												
													
														|  | -				if (this.intervalIntegral != null) {
 |  | 
 | 
											
												
													
														|  | -					clearInterval(this.intervalIntegral)
 |  | 
 | 
											
												
													
														|  | -					this.intervalIntegral = null
 |  | 
 | 
											
												
													
														|  | -				}
 |  | 
 | 
											
												
													
														|  | -			},
 |  | 
 | 
											
												
													
														|  | -			// 展开简介
 |  | 
 | 
											
												
													
														|  | -			handleExpand() {
 |  | 
 | 
											
												
													
														|  | -				this.isExpand = !this.isExpand
 |  | 
 | 
											
												
													
														|  | -			},
 |  | 
 | 
											
												
													
														|  | -			getH5CourseByVideo() {
 |  | 
 | 
											
												
													
														|  | -				this.loading = true
 |  | 
 | 
											
												
													
														|  | -				getH5CourseByVideoId({
 |  | 
 | 
											
												
													
														|  | -					videoId: this.videoId
 |  | 
 | 
											
												
													
														|  | -				}).then(res => {
 |  | 
 | 
											
												
													
														|  | -						this.loading = false
 |  | 
 | 
											
												
													
														|  | -						if (res.code == 200) {
 |  | 
 | 
											
												
													
														|  | -							this.courseInfo = res.data
 |  | 
 | 
											
												
													
														|  | -							uni.setNavigationBarTitle({
 |  | 
 | 
											
												
													
														|  | -								title: this.courseInfo && this.courseInfo.title ? this.courseInfo.title : ''
 |  | 
 | 
											
												
													
														|  | -							});
 |  | 
 | 
											
												
													
														|  | -						} else {
 |  | 
 | 
											
												
													
														|  | -							
 |  | 
 | 
											
												
													
														|  | -						}
 |  | 
 | 
											
												
													
														|  | -						this.getHeight()
 |  | 
 | 
											
												
													
														|  | -						this.getDescHeight()
 |  | 
 | 
											
												
													
														|  | -					},
 |  | 
 | 
											
												
													
														|  | -					rej => {
 |  | 
 | 
											
												
													
														|  | -						this.loading = false
 |  | 
 | 
											
												
													
														|  | -					}
 |  | 
 | 
											
												
													
														|  | -				).catch(() => {
 |  | 
 | 
											
												
													
														|  | -					this.loading = false
 |  | 
 | 
											
												
													
														|  | -				})
 |  | 
 | 
											
												
													
														|  | -			},
 |  | 
 | 
											
												
													
														|  | -			getH5CourseVideoDetails(type) {
 |  | 
 | 
											
												
													
														|  | -				getH5CourseVideoDetails(this.urlOption).then(res => {
 |  | 
 | 
											
												
													
														|  | -						if (res.code == 200) {
 |  | 
 | 
											
												
													
														|  | -							this.config = res.config || {}
 |  | 
 | 
											
												
													
														|  | -							this.isFinish = res.isFinish || 0
 |  | 
 | 
											
												
													
														|  | -							this.duration = res.course && res.course.duration ? res.course.duration : 0
 |  | 
 | 
											
												
													
														|  | -							this.playDuration = res.playDuration || 0
 |  | 
 | 
											
												
													
														|  | -							this.playDurationSeek = res.playDuration || 0
 |  | 
 | 
											
												
													
														|  | -							this.tipsTime = res.tipsTime || 0
 |  | 
 | 
											
												
													
														|  | -							let lineList = []
 |  | 
 | 
											
												
													
														|  | -							if (res.course && res.course.lineOne) {
 |  | 
 | 
											
												
													
														|  | -								lineList.push(res.course.lineOne)
 |  | 
 | 
											
												
													
														|  | -							}
 |  | 
 | 
											
												
													
														|  | -							if (res.course && res.course.lineTwo) {
 |  | 
 | 
											
												
													
														|  | -								lineList.push(res.course.lineTwo)
 |  | 
 | 
											
												
													
														|  | -							}
 |  | 
 | 
											
												
													
														|  | -							if (res.course && res.course.lineThree) {
 |  | 
 | 
											
												
													
														|  | -								lineList.push(res.course.lineThree)
 |  | 
 | 
											
												
													
														|  | -							}
 |  | 
 | 
											
												
													
														|  | -							this.lineList = lineList
 |  | 
 | 
											
												
													
														|  | -							if (!this.player || type == 'error') {
 |  | 
 | 
											
												
													
														|  | -								this.lineIndex = this.config.defaultLine
 |  | 
 | 
											
												
													
														|  | -								this.videoUrl = lineList[this.lineIndex]
 |  | 
 | 
											
												
													
														|  | -								this.poster= res.course && res.course.imgUrl ? res.course.imgUrl : ''
 |  | 
 | 
											
												
													
														|  | -								// this.options.sources = [{
 |  | 
 | 
											
												
													
														|  | -								// 	src: this.videoUrl
 |  | 
 | 
											
												
													
														|  | -								// }]
 |  | 
 | 
											
												
													
														|  | -								// this.options.poster = res.course && res.course.imgUrl ? res.course.imgUrl : ''
 |  | 
 | 
											
												
													
														|  | -								// this.initVideo()
 |  | 
 | 
											
												
													
														|  | -								this.playTime = this.playDuration >= this.duration ? 0 : this.playDuration
 |  | 
 | 
											
												
													
														|  | -								setTimeout(()=>{
 |  | 
 | 
											
												
													
														|  | -									this.player = uni.createVideoContext('video-content-box');
 |  | 
 | 
											
												
													
														|  | -									this.player.seek(this.playTime)
 |  | 
 | 
											
												
													
														|  | -									this.player.play();
 |  | 
 | 
											
												
													
														|  | -								},500);
 |  | 
 | 
											
												
													
														|  | -								// this.getDanmuList()
 |  | 
 | 
											
												
													
														|  | -								// if (this.socket) {
 |  | 
 | 
											
												
													
														|  | -								// 	this.socket.close({
 |  | 
 | 
											
												
													
														|  | -								// 		success:()=>{
 |  | 
 | 
											
												
													
														|  | -								// 			this.reOpenSocket = true
 |  | 
 | 
											
												
													
														|  | -								// 			clearInterval(this.pingpangTimes)
 |  | 
 | 
											
												
													
														|  | -								// 		}
 |  | 
 | 
											
												
													
														|  | -								// 	})
 |  | 
 | 
											
												
													
														|  | -								// } else {
 |  | 
 | 
											
												
													
														|  | -								// 	this.initSocket()
 |  | 
 | 
											
												
													
														|  | -								// }
 |  | 
 | 
											
												
													
														|  | -							} else {
 |  | 
 | 
											
												
													
														|  | -								// let div = document.querySelector(".vjs-progress-control");
 |  | 
 | 
											
												
													
														|  | -								// if(div) {
 |  | 
 | 
											
												
													
														|  | -								// 	if (this.isFinish == 1 || this.isEnded || this.linkType == 1) {
 |  | 
 | 
											
												
													
														|  | -								// 		div.style.pointerEvents = "auto";
 |  | 
 | 
											
												
													
														|  | -								// 	} else {
 |  | 
 | 
											
												
													
														|  | -								// 		div.style.pointerEvents = "none"; //禁止所有事件
 |  | 
 | 
											
												
													
														|  | -								// 	}
 |  | 
 | 
											
												
													
														|  | -								// }
 |  | 
 | 
											
												
													
														|  | -								this.playTime = this.playTime > this.playDuration ? this.playTime : this.playDuration >= this.duration ? 0 : this.playDuration
 |  | 
 | 
											
												
													
														|  | -								this.player.seek(this.playTime)
 |  | 
 | 
											
												
													
														|  | -								this.player.play();
 |  | 
 | 
											
												
													
														|  | -							}
 |  | 
 | 
											
												
													
														|  | -							this.updateTime();
 |  | 
 | 
											
												
													
														|  | -							this.quesList = res.questions && res.questions.length > 0 ? res.questions : [],
 |  | 
 | 
											
												
													
														|  | -								this.quesList = this.quesList.map(item => ({
 |  | 
 | 
											
												
													
														|  | -									...item,
 |  | 
 | 
											
												
													
														|  | -									questionOption: JSON.parse(item.question),
 |  | 
 | 
											
												
													
														|  | -									answer: ''
 |  | 
 | 
											
												
													
														|  | -								}))
 |  | 
 | 
											
												
													
														|  | -						} else {
 |  | 
 | 
											
												
													
														|  | -							if(res&&res.code==500&&res.msg == '未知异常,请联系管理员'){
 |  | 
 | 
											
												
													
														|  | -								this.sendErrorLog('/app/course/getH5CourseVideoDetails',this.urlOption)
 |  | 
 | 
											
												
													
														|  | -							}
 |  | 
 | 
											
												
													
														|  | -						}
 |  | 
 | 
											
												
													
														|  | -						this.getHeight()
 |  | 
 | 
											
												
													
														|  | -						this.getDescHeight()
 |  | 
 | 
											
												
													
														|  | -					},
 |  | 
 | 
											
												
													
														|  | -					rej => {}
 |  | 
 | 
											
												
													
														|  | -				)
 |  | 
 | 
											
												
													
														|  | -			},
 |  | 
 | 
											
												
													
														|  | -			handleAnswer(item, option, idx) {
 |  | 
 | 
											
												
													
														|  | -				let time = this.playTime
 |  | 
 | 
											
												
													
														|  | -				if(this.isEnded) {
 |  | 
 | 
											
												
													
														|  | -					time = this.duration
 |  | 
 | 
											
												
													
														|  | -				} else {
 |  | 
 | 
											
												
													
														|  | -					if(time < this.playDuration&&this.isFinish!=1) {
 |  | 
 | 
											
												
													
														|  | -						// 没完课且小于续播的时间
 |  | 
 | 
											
												
													
														|  | -						time = this.playDuration
 |  | 
 | 
											
												
													
														|  | -					}
 |  | 
 | 
											
												
													
														|  | -				}
 |  | 
 | 
											
												
													
														|  | -				if(Number(this.duration || 0) == 0 || time < this.duration - 60) {
 |  | 
 | 
											
												
													
														|  | -					uni.showToast({
 |  | 
 | 
											
												
													
														|  | -						title: "请先观看完整课程再答题哦~",
 |  | 
 | 
											
												
													
														|  | -						icon: "none"
 |  | 
 | 
											
												
													
														|  | -					})
 |  | 
 | 
											
												
													
														|  | -					return
 |  | 
 | 
											
												
													
														|  | -				}
 |  | 
 | 
											
												
													
														|  | -
 |  | 
 | 
											
												
													
														|  | -				if (item.type == 1) {
 |  | 
 | 
											
												
													
														|  | -					// 单选option
 |  | 
 | 
											
												
													
														|  | -					item.answer = option.name
 |  | 
 | 
											
												
													
														|  | -				} else if (item.type == 2) {
 |  | 
 | 
											
												
													
														|  | -					// 多选
 |  | 
 | 
											
												
													
														|  | -					let answer = item.answer ? item.answer.split(',') : []
 |  | 
 | 
											
												
													
														|  | -					if (answer.indexOf(option.name) === -1) {
 |  | 
 | 
											
												
													
														|  | -						answer.push(option.name)
 |  | 
 | 
											
												
													
														|  | -						item.answer = answer.join(',')
 |  | 
 | 
											
												
													
														|  | -					} else {
 |  | 
 | 
											
												
													
														|  | -						answer.splice(answer.indexOf(option.name), 1)
 |  | 
 | 
											
												
													
														|  | -						item.answer = answer.join(',')
 |  | 
 | 
											
												
													
														|  | -					}
 |  | 
 | 
											
												
													
														|  | -				}
 |  | 
 | 
											
												
													
														|  | -			},
 |  | 
 | 
											
												
													
														|  | -			submit() {
 |  | 
 | 
											
												
													
														|  | -				if(this.isExpire){
 |  | 
 | 
											
												
													
														|  | -					uni.showToast({
 |  | 
 | 
											
												
													
														|  | -						title: '课程已过期或链接无效',
 |  | 
 | 
											
												
													
														|  | -						icon: 'none'
 |  | 
 | 
											
												
													
														|  | -					});
 |  | 
 | 
											
												
													
														|  | -					return
 |  | 
 | 
											
												
													
														|  | -				}
 |  | 
 | 
											
												
													
														|  | -				// 登录
 |  | 
 | 
											
												
													
														|  | -				this.$isLoginCourse().then(
 |  | 
 | 
											
												
													
														|  | -					res => {
 |  | 
 | 
											
												
													
														|  | -						if(res){
 |  | 
 | 
											
												
													
														|  | -							if (this.isAddKf == 1&&this.isCheckRealUrl) {
 |  | 
 | 
											
												
													
														|  | -								// 答题
 |  | 
 | 
											
												
													
														|  | -								// 您已提交过答案,请领取红包
 |  | 
 | 
											
												
													
														|  | -								this.courseAnswer()
 |  | 
 | 
											
												
													
														|  | -							} else {
 |  | 
 | 
											
												
													
														|  | -								// 添加客服
 |  | 
 | 
											
												
													
														|  | -								if (this.videoId && this.qwUserId) {
 |  | 
 | 
											
												
													
														|  | -									this.getIsAddKf()
 |  | 
 | 
											
												
													
														|  | -								} else {
 |  | 
 | 
											
												
													
														|  | -									uni.showToast({
 |  | 
 | 
											
												
													
														|  | -										title: '请添加客服',
 |  | 
 | 
											
												
													
														|  | -										icon: 'none'
 |  | 
 | 
											
												
													
														|  | -									})
 |  | 
 | 
											
												
													
														|  | -								}
 |  | 
 | 
											
												
													
														|  | -							} 
 |  | 
 | 
											
												
													
														|  | -						} else{
 |  | 
 | 
											
												
													
														|  | -							this.goLogin()
 |  | 
 | 
											
												
													
														|  | -						}
 |  | 
 | 
											
												
													
														|  | -					},
 |  | 
 | 
											
												
													
														|  | -					rej => {}
 |  | 
 | 
											
												
													
														|  | -				);
 |  | 
 | 
											
												
													
														|  | -			},
 |  | 
 | 
											
												
													
														|  | -			// 答题
 |  | 
 | 
											
												
													
														|  | -			courseAnswer() {
 |  | 
 | 
											
												
													
														|  | -				let time = this.playTime
 |  | 
 | 
											
												
													
														|  | -				if (this.isEnded) {
 |  | 
 | 
											
												
													
														|  | -					time = this.duration
 |  | 
 | 
											
												
													
														|  | -				} else {
 |  | 
 | 
											
												
													
														|  | -					if (time < this.playDuration && this.isFinish != 1) {
 |  | 
 | 
											
												
													
														|  | -						// 没完课且小于续播的时间
 |  | 
 | 
											
												
													
														|  | -						time = this.playDuration
 |  | 
 | 
											
												
													
														|  | -					}
 |  | 
 | 
											
												
													
														|  | -				}
 |  | 
 | 
											
												
													
														|  | -				if (Number(this.duration || 0) == 0 || time < this.duration - 60) {
 |  | 
 | 
											
												
													
														|  | -					uni.showToast({
 |  | 
 | 
											
												
													
														|  | -						title: "请先观看完整课程再答题哦~",
 |  | 
 | 
											
												
													
														|  | -						icon: "none"
 |  | 
 | 
											
												
													
														|  | -					})
 |  | 
 | 
											
												
													
														|  | -					return
 |  | 
 | 
											
												
													
														|  | -				}
 |  | 
 | 
											
												
													
														|  | -				if (this.quesList.some(item => !item.answer)) {
 |  | 
 | 
											
												
													
														|  | -					uni.showToast({
 |  | 
 | 
											
												
													
														|  | -						title: "请确认是否答完所有题目",
 |  | 
 | 
											
												
													
														|  | -						icon: "none"
 |  | 
 | 
											
												
													
														|  | -					})
 |  | 
 | 
											
												
													
														|  | -					return
 |  | 
 | 
											
												
													
														|  | -				}
 |  | 
 | 
											
												
													
														|  | -				const questions = this.quesList.map(obj => {
 |  | 
 | 
											
												
													
														|  | -					const {
 |  | 
 | 
											
												
													
														|  | -						questionOption,
 |  | 
 | 
											
												
													
														|  | -						...rest
 |  | 
 | 
											
												
													
														|  | -					} = obj;
 |  | 
 | 
											
												
													
														|  | -					return rest;
 |  | 
 | 
											
												
													
														|  | -				});
 |  | 
 | 
											
												
													
														|  | -				if(!this.isCheckRealUrl) return;
 |  | 
 | 
											
												
													
														|  | -				const param = {
 |  | 
 | 
											
												
													
														|  | -					...this.urlOption,
 |  | 
 | 
											
												
													
														|  | -					questions: questions,
 |  | 
 | 
											
												
													
														|  | -					videoId: this.videoId,
 |  | 
 | 
											
												
													
														|  | -					duration: this.playTime,
 |  | 
 | 
											
												
													
														|  | -				}
 |  | 
 | 
											
												
													
														|  | -				this.errTitle = ""
 |  | 
 | 
											
												
													
														|  | -				this.errDesc = ""
 |  | 
 | 
											
												
													
														|  | -				this.errQues = []
 |  | 
 | 
											
												
													
														|  | -				courseAnswer(param).then(res => {
 |  | 
 | 
											
												
													
														|  | -						if (res.code == 200) {
 |  | 
 | 
											
												
													
														|  | -							if (res.incorrectQuestions) {
 |  | 
 | 
											
												
													
														|  | -								// 答题失败
 |  | 
 | 
											
												
													
														|  | -								if (res.incorrectQuestions.length > 0) {
 |  | 
 | 
											
												
													
														|  | -									this.errQues = res.incorrectQuestions
 |  | 
 | 
											
												
													
														|  | -								}
 |  | 
 | 
											
												
													
														|  | -								this.remain = res.remain || 0
 |  | 
 | 
											
												
													
														|  | -								if (res.remain > 0) {
 |  | 
 | 
											
												
													
														|  | -									this.errTitle = "很遗憾答错了"
 |  | 
 | 
											
												
													
														|  | -									this.errDesc = `<span style="color:#FF5C03">还有${res.remain}次机会,继续加油</span>`
 |  | 
 | 
											
												
													
														|  | -									this.$refs.answerPopup.open("center")
 |  | 
 | 
											
												
													
														|  | -								}
 |  | 
 | 
											
												
													
														|  | -							} else {
 |  | 
 | 
											
												
													
														|  | -								// 答题成功
 |  | 
 | 
											
												
													
														|  | -								this.errTitle = "恭喜你,回答正确"
 |  | 
 | 
											
												
													
														|  | -								this.errDesc = `请选择奖励`
 |  | 
 | 
											
												
													
														|  | -								this.$refs.answerPopup.open("center")
 |  | 
 | 
											
												
													
														|  | -							}
 |  | 
 | 
											
												
													
														|  | -						} else {
 |  | 
 | 
											
												
													
														|  | -							if (res.msg == "该课题到达答错次数限制") {
 |  | 
 | 
											
												
													
														|  | -								this.errTitle = "答题次数超过限制"
 |  | 
 | 
											
												
													
														|  | -								this.errDesc = "以后的课程要认真学习哦"
 |  | 
 | 
											
												
													
														|  | -								this.$refs.answerPopup.open("center")
 |  | 
 | 
											
												
													
														|  | -							} else {
 |  | 
 | 
											
												
													
														|  | -								uni.showToast({
 |  | 
 | 
											
												
													
														|  | -									title: res.msg,
 |  | 
 | 
											
												
													
														|  | -									icon: "none"
 |  | 
 | 
											
												
													
														|  | -								})
 |  | 
 | 
											
												
													
														|  | -							}
 |  | 
 | 
											
												
													
														|  | -							if(res&&res.code==500&&res.msg == '未知异常,请联系管理员'){
 |  | 
 | 
											
												
													
														|  | -								this.sendErrorLog('/app/course/courseAnswer',param)
 |  | 
 | 
											
												
													
														|  | -							}
 |  | 
 | 
											
												
													
														|  | -						}
 |  | 
 | 
											
												
													
														|  | -					},
 |  | 
 | 
											
												
													
														|  | -					rej => {}
 |  | 
 | 
											
												
													
														|  | -				)
 |  | 
 | 
											
												
													
														|  | -			},
 |  | 
 | 
											
												
													
														|  | -			// 选择
 |  | 
 | 
											
												
													
														|  | -			rewardChange(e) {
 |  | 
 | 
											
												
													
														|  | -				this.currentReward = e.detail.value
 |  | 
 | 
											
												
													
														|  | -			},
 |  | 
 | 
											
												
													
														|  | -			closeAnswerPopup() {
 |  | 
 | 
											
												
													
														|  | -				this.$refs.answerPopup.close()
 |  | 
 | 
											
												
													
														|  | -				if(!this.isCheckRealUrl) return;
 |  | 
 | 
											
												
													
														|  | -				if (this.errTitle == '恭喜你,回答正确') {
 |  | 
 | 
											
												
													
														|  | -					const param = {
 |  | 
 | 
											
												
													
														|  | -						...this.urlOption,
 |  | 
 | 
											
												
													
														|  | -						rewardType: Number(this.currentReward),
 |  | 
 | 
											
												
													
														|  | -						source: 2
 |  | 
 | 
											
												
													
														|  | -					}
 |  | 
 | 
											
												
													
														|  | -					sendReward(param).then(res => {
 |  | 
 | 
											
												
													
														|  | -						uni.showToast({
 |  | 
 | 
											
												
													
														|  | -							title: res.msg,
 |  | 
 | 
											
												
													
														|  | -							icon: 'none'
 |  | 
 | 
											
												
													
														|  | -						})
 |  | 
 | 
											
												
													
														|  | -						// if(res.code == 200) {
 |  | 
 | 
											
												
													
														|  | -						// 	//重构 发红包,后台通过OPENID发零钱到 账
 |  | 
 | 
											
												
													
														|  | -						// 	//this.initWXConfig(res.package)
 |  | 
 | 
											
												
													
														|  | -						// }else {
 |  | 
 | 
											
												
													
														|  | -						// 	uni.showToast({
 |  | 
 | 
											
												
													
														|  | -						// 		title: res.msg,
 |  | 
 | 
											
												
													
														|  | -						// 		icon: 'none'
 |  | 
 | 
											
												
													
														|  | -						// 	})
 |  | 
 | 
											
												
													
														|  | -						// }
 |  | 
 | 
											
												
													
														|  | -						if(res&&res.code==500&&res.msg == '未知异常,请联系管理员'){
 |  | 
 | 
											
												
													
														|  | -							this.sendErrorLog('/app/course/sendReward',param)
 |  | 
 | 
											
												
													
														|  | -						}
 |  | 
 | 
											
												
													
														|  | -					})
 |  | 
 | 
											
												
													
														|  | -				}
 |  | 
 | 
											
												
													
														|  | -			},
 |  | 
 | 
											
												
													
														|  | -			// 线路
 |  | 
 | 
											
												
													
														|  | -			openPop() {
 |  | 
 | 
											
												
													
														|  | -				this.$refs.popup.open('bottom')
 |  | 
 | 
											
												
													
														|  | -			},
 |  | 
 | 
											
												
													
														|  | -			close() {
 |  | 
 | 
											
												
													
														|  | -				this.$refs.popup.close()
 |  | 
 | 
											
												
													
														|  | -			},
 |  | 
 | 
											
												
													
														|  | -			handleLine(index) {
 |  | 
 | 
											
												
													
														|  | -				var that=this;
 |  | 
 | 
											
												
													
														|  | -				if (this.lineIndex == index && this.videoUrl == this.lineList[index]) {
 |  | 
 | 
											
												
													
														|  | -					this.close()
 |  | 
 | 
											
												
													
														|  | -					return
 |  | 
 | 
											
												
													
														|  | -				} else {
 |  | 
 | 
											
												
													
														|  | -					// let div = document.querySelector(".vjs-progress-control");
 |  | 
 | 
											
												
													
														|  | -					// if(div) {
 |  | 
 | 
											
												
													
														|  | -					// 	if (this.isFinish == 1 || this.isEnded || this.linkType == 1) {
 |  | 
 | 
											
												
													
														|  | -					// 		div.style.pointerEvents = "auto";
 |  | 
 | 
											
												
													
														|  | -					// 	} else {
 |  | 
 | 
											
												
													
														|  | -					// 		div.style.pointerEvents = "none"; //禁止所有事件
 |  | 
 | 
											
												
													
														|  | -					// 	}
 |  | 
 | 
											
												
													
														|  | -					// }
 |  | 
 | 
											
												
													
														|  | -					this.lineIndex = index
 |  | 
 | 
											
												
													
														|  | -					this.videoUrl = this.lineList[index]
 |  | 
 | 
											
												
													
														|  | -					this.tipsOpen = false
 |  | 
 | 
											
												
													
														|  | -					this.playDurationSeek = this.playTime || 0
 |  | 
 | 
											
												
													
														|  | -					this.player = uni.createVideoContext('video-content-box');
 |  | 
 | 
											
												
													
														|  | -					setTimeout(function(){
 |  | 
 | 
											
												
													
														|  | -						that.player.seek(that.playDurationSeek)
 |  | 
 | 
											
												
													
														|  | -						that.player.play();
 |  | 
 | 
											
												
													
														|  | -					},500);
 |  | 
 | 
											
												
													
														|  | -					// this.player.src(this.lineList[index])
 |  | 
 | 
											
												
													
														|  | -					// this.player.one('loadedmetadata', () => {
 |  | 
 | 
											
												
													
														|  | -					// 	this.player.currentTime(this.playDurationSeek);
 |  | 
 | 
											
												
													
														|  | -					// 	this.player.play();
 |  | 
 | 
											
												
													
														|  | -					// });
 |  | 
 | 
											
												
													
														|  | -					this.close()
 |  | 
 | 
											
												
													
														|  | -				}
 |  | 
 | 
											
												
													
														|  | -
 |  | 
 | 
											
												
													
														|  | -			},
 |  | 
 | 
											
												
													
														|  | -			// 客服
 |  | 
 | 
											
												
													
														|  | -			getIsAddKf() {
 |  | 
 | 
											
												
													
														|  | -				this.qrcode = ''
 |  | 
 | 
											
												
													
														|  | -				this.qrcodeMsg = ''
 |  | 
 | 
											
												
													
														|  | -				this.isAddKf = 0
 |  | 
 | 
											
												
													
														|  | -				// {videoId: this.videoId,qwUserId: this.qwUserId,corpId: this.corpId}
 |  | 
 | 
											
												
													
														|  | -				getIsAddKf(this.urlOption).then(res => {
 |  | 
 | 
											
												
													
														|  | -						if (res.code == 200) {
 |  | 
 | 
											
												
													
														|  | -							this.isAddKf = 1
 |  | 
 | 
											
												
													
														|  | -							this.isCheckRealUrl = true
 |  | 
 | 
											
												
													
														|  | -							this.getH5CourseVideoDetails()
 |  | 
 | 
											
												
													
														|  | -						} else if (res.code == 400) {
 |  | 
 | 
											
												
													
														|  | -							this.isAddKf = 0
 |  | 
 | 
											
												
													
														|  | -							this.isCheckRealUrl = false
 |  | 
 | 
											
												
													
														|  | -							this.qrcode = res.qrcode
 |  | 
 | 
											
												
													
														|  | -							this.qrcodeMsg = res.msg
 |  | 
 | 
											
												
													
														|  | -							this.$refs.kfPopup.open()
 |  | 
 | 
											
												
													
														|  | -						} else if (res.code == 504) {
 |  | 
 | 
											
												
													
														|  | -							// 登录
 |  | 
 | 
											
												
													
														|  | -							this.isCheckRealUrl = false
 |  | 
 | 
											
												
													
														|  | -							this.goLogin()
 |  | 
 | 
											
												
													
														|  | -						} else if (res.code == 566) {
 |  | 
 | 
											
												
													
														|  | -							this.isAddKf = 1
 |  | 
 | 
											
												
													
														|  | -							this.isCheckRealUrl = true
 |  | 
 | 
											
												
													
														|  | -							// 官方群发通用链接
 |  | 
 | 
											
												
													
														|  | -							const url = res.courseLink.realLink.split('?course=')[1]
 |  | 
 | 
											
												
													
														|  | -							this.urlOption = JSON.parse(url)
 |  | 
 | 
											
												
													
														|  | -							this.getH5CourseVideoDetails()
 |  | 
 | 
											
												
													
														|  | -						} else {
 |  | 
 | 
											
												
													
														|  | -							this.isCheckRealUrl = false
 |  | 
 | 
											
												
													
														|  | -							this.isAddKf = 0
 |  | 
 | 
											
												
													
														|  | -							uni.showToast({
 |  | 
 | 
											
												
													
														|  | -								title: res.msg,
 |  | 
 | 
											
												
													
														|  | -								icon: 'none'
 |  | 
 | 
											
												
													
														|  | -							});
 |  | 
 | 
											
												
													
														|  | -							if(res&&res.code==500&&res.msg == '未知异常,请联系管理员'){
 |  | 
 | 
											
												
													
														|  | -								this.sendErrorLog('/app/course/isAddKf',this.urlOption)
 |  | 
 | 
											
												
													
														|  | -							}
 |  | 
 | 
											
												
													
														|  | -						}
 |  | 
 | 
											
												
													
														|  | -					},
 |  | 
 | 
											
												
													
														|  | -					err => {}
 |  | 
 | 
											
												
													
														|  | -				);
 |  | 
 | 
											
												
													
														|  | -			},
 |  | 
 | 
											
												
													
														|  | -			closeKFPop() {
 |  | 
 | 
											
												
													
														|  | -				this.$refs.kfPopup.close()
 |  | 
 | 
											
												
													
														|  | -			},
 |  | 
 | 
											
												
													
														|  | -			getFinishCourseVideo() {
 |  | 
 | 
											
												
													
														|  | -				if (!this.playTime || !this.isCheckRealUrl) return
 |  | 
 | 
											
												
													
														|  | -				// {videoId: this.videoId,duration:this.playTime}
 |  | 
 | 
											
												
													
														|  | -				const param = {
 |  | 
 | 
											
												
													
														|  | -					duration: this.playTime,
 |  | 
 | 
											
												
													
														|  | -					...this.urlOption
 |  | 
 | 
											
												
													
														|  | -				}
 |  | 
 | 
											
												
													
														|  | -				getFinishCourseVideo(param).then(res=>{
 |  | 
 | 
											
												
													
														|  | -					if(res&&res.code==500&&res.msg == '未知异常,请联系管理员'){
 |  | 
 | 
											
												
													
														|  | -						this.sendErrorLog('/app/course/updateWatchDuration',param)
 |  | 
 | 
											
												
													
														|  | -					}
 |  | 
 | 
											
												
													
														|  | -				})
 |  | 
 | 
											
												
													
														|  | -			},
 |  | 
 | 
											
												
													
														|  | -			// 每十分钟获得积分
 |  | 
 | 
											
												
													
														|  | -			getIntegralByH5Video() {
 |  | 
 | 
											
												
													
														|  | -				if(!this.isCheckRealUrl) return
 |  | 
 | 
											
												
													
														|  | -				const param = {
 |  | 
 | 
											
												
													
														|  | -					duration: this.playTime,
 |  | 
 | 
											
												
													
														|  | -					...this.urlOption
 |  | 
 | 
											
												
													
														|  | -				}
 |  | 
 | 
											
												
													
														|  | -				getIntegralByH5Video(param).then(res => {
 |  | 
 | 
											
												
													
														|  | -					if (res.code == 200) {
 |  | 
 | 
											
												
													
														|  | -						uni.showToast({
 |  | 
 | 
											
												
													
														|  | -							title: "积分+10",
 |  | 
 | 
											
												
													
														|  | -							icon: "none"
 |  | 
 | 
											
												
													
														|  | -						})
 |  | 
 | 
											
												
													
														|  | -					} else {
 |  | 
 | 
											
												
													
														|  | -						if(res&&res.code==500&&res.msg == '未知异常,请联系管理员'){
 |  | 
 | 
											
												
													
														|  | -							this.sendErrorLog('/app/course/getIntegralByH5Video',param)
 |  | 
 | 
											
												
													
														|  | -						}
 |  | 
 | 
											
												
													
														|  | -					}
 |  | 
 | 
											
												
													
														|  | -				})
 |  | 
 | 
											
												
													
														|  | -			},
 |  | 
 | 
											
												
													
														|  | -			progressChange(e) {
 |  | 
 | 
											
												
													
														|  | -				this.bufferRate = Math.ceil(e.detail.buffered)
 |  | 
 | 
											
												
													
														|  | -			},
 |  | 
 | 
											
												
													
														|  | -			// 缓冲
 |  | 
 | 
											
												
													
														|  | -			getInternetTraffic() {
 |  | 
 | 
											
												
													
														|  | -				if(!this.isCheckRealUrl) return
 |  | 
 | 
											
												
													
														|  | -				const playVideoTime = Math.ceil(this.playTime / this.duration * 100) // 播放百分比
 |  | 
 | 
											
												
													
														|  | -				if(this.bufferRate == 0 || this.bufferRate < playVideoTime) {
 |  | 
 | 
											
												
													
														|  | -					this.bufferRate = playVideoTime
 |  | 
 | 
											
												
													
														|  | -				}
 |  | 
 | 
											
												
													
														|  | -				if(this.bufferRate == 0 || Number(this.bufferRate.toFixed(2)) == 0) return
 |  | 
 | 
											
												
													
														|  | -				const param = {
 |  | 
 | 
											
												
													
														|  | -					...this.urlOption,
 |  | 
 | 
											
												
													
														|  | -					uuId: dayjs().format('YYYYMMDD') + this.uuId,
 |  | 
 | 
											
												
													
														|  | -					duration: this.playTime,
 |  | 
 | 
											
												
													
														|  | -					bufferRate: Number(this.bufferRate.toFixed(2)),
 |  | 
 | 
											
												
													
														|  | -				}
 |  | 
 | 
											
												
													
														|  | -				if(!param.bufferRate) return
 |  | 
 | 
											
												
													
														|  | -				getInternetTraffic(param).then(res=>{
 |  | 
 | 
											
												
													
														|  | -					if(res&&res.code==500&&res.msg == '未知异常,请联系管理员'){
 |  | 
 | 
											
												
													
														|  | -						this.sendErrorLog('/app/course/getInternetTraffic',param)
 |  | 
 | 
											
												
													
														|  | -					}
 |  | 
 | 
											
												
													
														|  | -				})
 |  | 
 | 
											
												
													
														|  | -			},
 |  | 
 | 
											
												
													
														|  | -			getErrMsg(err,type) {
 |  | 
 | 
											
												
													
														|  | -				let msgerr = {
 |  | 
 | 
											
												
													
														|  | -					errType: type || 'error',
 |  | 
 | 
											
												
													
														|  | -					videoUrl: this.videoUrl,
 |  | 
 | 
											
												
													
														|  | -					lineIndex: this.lineIndex,
 |  | 
 | 
											
												
													
														|  | -					errTime: new Date(),
 |  | 
 | 
											
												
													
														|  | -					ip: this.ip,
 |  | 
 | 
											
												
													
														|  | -					errMsg: err || ''
 |  | 
 | 
											
												
													
														|  | -				}
 |  | 
 | 
											
												
													
														|  | -				getErrMsg({
 |  | 
 | 
											
												
													
														|  | -					msg: JSON.stringify(msgerr)
 |  | 
 | 
											
												
													
														|  | -				})
 |  | 
 | 
											
												
													
														|  | -			},
 |  | 
 | 
											
												
													
														|  | -			goLogin() {
 |  | 
 | 
											
												
													
														|  | -				this.$getProvider().then(provider=>{
 |  | 
 | 
											
												
													
														|  | -					console.log('当前的环境商',provider)
 |  | 
 | 
											
												
													
														|  | -					if (!provider) {
 |  | 
 | 
											
												
													
														|  | -					  reject()
 |  | 
 | 
											
												
													
														|  | -					}
 |  | 
 | 
											
												
													
														|  | -					uni.login({
 |  | 
 | 
											
												
													
														|  | -						provider: provider,
 |  | 
 | 
											
												
													
														|  | -						success: async loginRes => {
 |  | 
 | 
											
												
													
														|  | -							console.log(loginRes)
 |  | 
 | 
											
												
													
														|  | -							uni.getUserInfo({
 |  | 
 | 
											
												
													
														|  | -							   provider: provider,
 |  | 
 | 
											
												
													
														|  | -							   success: (infoRes)=> {
 |  | 
 | 
											
												
													
														|  | -								    uni.showToast({
 |  | 
 | 
											
												
													
														|  | -										title: '处理中...',
 |  | 
 | 
											
												
													
														|  | -										icon: 'loading'
 |  | 
 | 
											
												
													
														|  | -								    });
 |  | 
 | 
											
												
													
														|  | -									loginByMp({code: loginRes.code,encryptedData:infoRes.encryptedData,iv:infoRes.iv}).then(res=>{
 |  | 
 | 
											
												
													
														|  | -										 uni.hideLoading();
 |  | 
 | 
											
												
													
														|  | -										 if (res.code == 200) {
 |  | 
 | 
											
												
													
														|  | -											uni.setStorageSync('AppTokenmini_RTCourse', res.token);
 |  | 
 | 
											
												
													
														|  | -											uni.setStorageSync('userInfo', JSON.stringify(res.user));
 |  | 
 | 
											
												
													
														|  | -											this.user = res.user
 |  | 
 | 
											
												
													
														|  | -											this.isLogin = true
 |  | 
 | 
											
												
													
														|  | -											this.getIsAddKf() 
 |  | 
 | 
											
												
													
														|  | -										 } else {
 |  | 
 | 
											
												
													
														|  | -											uni.showToast({
 |  | 
 | 
											
												
													
														|  | -												title: res.msg,
 |  | 
 | 
											
												
													
														|  | -												icon: 'none'
 |  | 
 | 
											
												
													
														|  | -											});
 |  | 
 | 
											
												
													
														|  | -											if(res&&res.code==500&&res.msg == '未知异常,请联系管理员'){
 |  | 
 | 
											
												
													
														|  | -												this.sendErrorLog('/app/wx/courseLogin',{code: loginRes.code,encryptedData:infoRes.encryptedData,iv:infoRes.iv})
 |  | 
 | 
											
												
													
														|  | -											}
 |  | 
 | 
											
												
													
														|  | -										 }
 |  | 
 | 
											
												
													
														|  | -									 }).catch(err=>{
 |  | 
 | 
											
												
													
														|  | -										uni.hideLoading();
 |  | 
 | 
											
												
													
														|  | -										uni.showToast({
 |  | 
 | 
											
												
													
														|  | -											icon:'none',
 |  | 
 | 
											
												
													
														|  | -											title: "登录失败,请重新登录",
 |  | 
 | 
											
												
													
														|  | -										});
 |  | 
 | 
											
												
													
														|  | -									});
 |  | 
 | 
											
												
													
														|  | -							   }
 |  | 
 | 
											
												
													
														|  | -							});
 |  | 
 | 
											
												
													
														|  | -						}
 |  | 
 | 
											
												
													
														|  | -					})
 |  | 
 | 
											
												
													
														|  | -				}).catch(err => {})
 |  | 
 | 
											
												
													
														|  | -			},
 |  | 
 | 
											
												
													
														|  | -			getLink() {
 |  | 
 | 
											
												
													
														|  | -				let that = this;
 |  | 
 | 
											
												
													
														|  | -				getRealLink({sortLink:this.sortLink}).then(res=>{
 |  | 
 | 
											
												
													
														|  | -					if(res.code == 200) {
 |  | 
 | 
											
												
													
														|  | -						this.isExpire = false
 |  | 
 | 
											
												
													
														|  | -						// 如果响应中包含真实链接,则跳转到真实链接
 |  | 
 | 
											
												
													
														|  | -						// window.location.href = res.realLink +"&sortLink="+this.sortLink+"&code="+this.code+"&time="+new Date().getTime()
 |  | 
 | 
											
												
													
														|  | -						if (this.isLogin && this.isAddKf == 1&&this.isCheckRealUrl) {
 |  | 
 | 
											
												
													
														|  | -							this.getH5CourseVideoDetails()
 |  | 
 | 
											
												
													
														|  | -						}
 |  | 
 | 
											
												
													
														|  | -						if (this.videoId &&(this.isAddKf != 1 || !this.isCheckRealUrl)) {
 |  | 
 | 
											
												
													
														|  | -							this.$isLoginCourse().then(
 |  | 
 | 
											
												
													
														|  | -								isLogin => {
 |  | 
 | 
											
												
													
														|  | -									this.isLogin = isLogin
 |  | 
 | 
											
												
													
														|  | -									if(isLogin){
 |  | 
 | 
											
												
													
														|  | -										this.getIsAddKf() 
 |  | 
 | 
											
												
													
														|  | -									} else {
 |  | 
 | 
											
												
													
														|  | -										this.goLogin()
 |  | 
 | 
											
												
													
														|  | -									}
 |  | 
 | 
											
												
													
														|  | -								},
 |  | 
 | 
											
												
													
														|  | -								rej => {}
 |  | 
 | 
											
												
													
														|  | -							);
 |  | 
 | 
											
												
													
														|  | -						}
 |  | 
 | 
											
												
													
														|  | -					} else {
 |  | 
 | 
											
												
													
														|  | -						this.isExpire = true
 |  | 
 | 
											
												
													
														|  | -						uni.showToast({
 |  | 
 | 
											
												
													
														|  | -							title: '课程已过期或链接无效',
 |  | 
 | 
											
												
													
														|  | -							icon: 'none'
 |  | 
 | 
											
												
													
														|  | -						});
 |  | 
 | 
											
												
													
														|  | -						if(res&&res.code==500&&res.msg == '未知异常,请联系管理员'){
 |  | 
 | 
											
												
													
														|  | -							this.sendErrorLog('/app/course/getRealLink',{sortLink:this.sortLink})
 |  | 
 | 
											
												
													
														|  | -						}
 |  | 
 | 
											
												
													
														|  | -					}
 |  | 
 | 
											
												
													
														|  | -				}).catch(err=>{
 |  | 
 | 
											
												
													
														|  | -					this.isExpire = true
 |  | 
 | 
											
												
													
														|  | -					uni.showToast({
 |  | 
 | 
											
												
													
														|  | -						title: '发生错误,请稍后再试',
 |  | 
 | 
											
												
													
														|  | -						icon: 'none'
 |  | 
 | 
											
												
													
														|  | -					});
 |  | 
 | 
											
												
													
														|  | -				})
 |  | 
 | 
											
												
													
														|  | -			},
 |  | 
 | 
											
												
													
														|  | -			/**
 |  | 
 | 
											
												
													
														|  | -			 * 节流原理:在一定时间内,只能触发一次
 |  | 
 | 
											
												
													
														|  | -			 *
 |  | 
 | 
											
												
													
														|  | -			 * @param {Function} func 要执行的回调函数
 |  | 
 | 
											
												
													
														|  | -			 * @param {Number} wait 延时的时间
 |  | 
 | 
											
												
													
														|  | -			 * @param {Boolean} immediate 是否立即执行
 |  | 
 | 
											
												
													
														|  | -			 * @return null
 |  | 
 | 
											
												
													
														|  | -			 */
 |  | 
 | 
											
												
													
														|  | -			throttle(func, wait = 500, immediate = true) {
 |  | 
 | 
											
												
													
														|  | -			    if (immediate) {
 |  | 
 | 
											
												
													
														|  | -			        if (!this.flag) {
 |  | 
 | 
											
												
													
														|  | -			            this.flag = true
 |  | 
 | 
											
												
													
														|  | -			            // 如果是立即执行,则在wait毫秒内开始时执行
 |  | 
 | 
											
												
													
														|  | -			            typeof func === 'function' && func()
 |  | 
 | 
											
												
													
														|  | -			            this.timer = setTimeout(() => {
 |  | 
 | 
											
												
													
														|  | -			                this.flag = false
 |  | 
 | 
											
												
													
														|  | -			            }, wait)
 |  | 
 | 
											
												
													
														|  | -			        }
 |  | 
 | 
											
												
													
														|  | -			    } else if (!this.flag) {
 |  | 
 | 
											
												
													
														|  | -			        this.flag = true
 |  | 
 | 
											
												
													
														|  | -			        // 如果是非立即执行,则在wait毫秒内的结束处执行
 |  | 
 | 
											
												
													
														|  | -			        this.timer = setTimeout(() => {
 |  | 
 | 
											
												
													
														|  | -			            this.flag = false
 |  | 
 | 
											
												
													
														|  | -			            typeof func === 'function' && func()
 |  | 
 | 
											
												
													
														|  | -			        }, wait)
 |  | 
 | 
											
												
													
														|  | -			    }
 |  | 
 | 
											
												
													
														|  | -			},
 |  | 
 | 
											
												
													
														|  | -			// 弹幕
 |  | 
 | 
											
												
													
														|  | -			openDanmu(type) {
 |  | 
 | 
											
												
													
														|  | -				this.openDanmuType = type
 |  | 
 | 
											
												
													
														|  | -				this.danmuIput= ''
 |  | 
 | 
											
												
													
														|  | -				if(type == 1) {
 |  | 
 | 
											
												
													
														|  | -					this.player.exitFullScreen()
 |  | 
 | 
											
												
													
														|  | -				}
 |  | 
 | 
											
												
													
														|  | -				this.$refs.danmuPopup.open()
 |  | 
 | 
											
												
													
														|  | -			},
 |  | 
 | 
											
												
													
														|  | -			changeShowPopup(val) {
 |  | 
 | 
											
												
													
														|  | -				this.focus = val.show
 |  | 
 | 
											
												
													
														|  | -			},
 |  | 
 | 
											
												
													
														|  | -			// 发送弹幕
 |  | 
 | 
											
												
													
														|  | -			sendDanmu() {
 |  | 
 | 
											
												
													
														|  | -				if(this.danmuIput=='') {
 |  | 
 | 
											
												
													
														|  | -					uni.showToast({
 |  | 
 | 
											
												
													
														|  | -						title: '弹幕不能为空',
 |  | 
 | 
											
												
													
														|  | -						icon: 'none'
 |  | 
 | 
											
												
													
														|  | -					})
 |  | 
 | 
											
												
													
														|  | -					return;
 |  | 
 | 
											
												
													
														|  | -				}
 |  | 
 | 
											
												
													
														|  | -				this.sendMsg()
 |  | 
 | 
											
												
													
														|  | -			},
 |  | 
 | 
											
												
													
														|  | -			// 弹幕列表
 |  | 
 | 
											
												
													
														|  | -			getDanmuList(){
 |  | 
 | 
											
												
													
														|  | -				getDanmuList(this.videoId).then(res=>{
 |  | 
 | 
											
												
													
														|  | -					if(res.code == 200&&res.data&&res.data.length>0) {
 |  | 
 | 
											
												
													
														|  | -						this.danmuList = res.data.map(item=>({
 |  | 
 | 
											
												
													
														|  | -							id: item.id,
 |  | 
 | 
											
												
													
														|  | -							text: item.content,
 |  | 
 | 
											
												
													
														|  | -							time: item.timePoint ? Number(item.timePoint) : this.playTime,
 |  | 
 | 
											
												
													
														|  | -							color: "#FFFFFF",
 |  | 
 | 
											
												
													
														|  | -							mode: item.mode|| "scroll",
 |  | 
 | 
											
												
													
														|  | -							top: null,
 |  | 
 | 
											
												
													
														|  | -							style: {
 |  | 
 | 
											
												
													
														|  | -								color: item.isColor==1 ? item.color || this.danmuItemStyle.color : this.danmuItemStyle.color,//是否彩色1是0否
 |  | 
 | 
											
												
													
														|  | -								fontSize: item.fontSize || this.danmuItemStyle.fontSize, 
 |  | 
 | 
											
												
													
														|  | -								padding: this.danmuItemStyle.padding,
 |  | 
 | 
											
												
													
														|  | -								border:this.user.userId ==item.userId ? item.color ? `solid 1px ${item.color}`: this.danmuItemStyle.border : 'none',
 |  | 
 | 
											
												
													
														|  | -								borderRadius: this.user.userId==item.userId ? this.danmuItemStyle.borderRadius : 0,
 |  | 
 | 
											
												
													
														|  | -								backgroundColor: this.user.userId==item.userId ? this.danmuItemStyle.backgroundColor : 'transparent'
 |  | 
 | 
											
												
													
														|  | -							},
 |  | 
 | 
											
												
													
														|  | -						}))
 |  | 
 | 
											
												
													
														|  | -					} else {
 |  | 
 | 
											
												
													
														|  | -						this.danmuList = []
 |  | 
 | 
											
												
													
														|  | -					}
 |  | 
 | 
											
												
													
														|  | -				})
 |  | 
 | 
											
												
													
														|  | -			},
 |  | 
 | 
											
												
													
														|  | -			//创建一个socket连接
 |  | 
 | 
											
												
													
														|  | -			initSocket() {
 |  | 
 | 
											
												
													
														|  | -				let userId = this.user.userId;
 |  | 
 | 
											
												
													
														|  | -				let that = this;
 |  | 
 | 
											
												
													
														|  | -				this.socket = uni.connectSocket({
 |  | 
 | 
											
												
													
														|  | -					url: getApp().globalData.wsUrl + "/ws/barrage/" + this.videoId,
 |  | 
 | 
											
												
													
														|  | -					multiple: true,
 |  | 
 | 
											
												
													
														|  | -					header: {
 |  | 
 | 
											
												
													
														|  | -						'token': uni.getStorageSync('AppTokenmini_RTCourse')
 |  | 
 | 
											
												
													
														|  | -					},
 |  | 
 | 
											
												
													
														|  | -					success: res => {
 |  | 
 | 
											
												
													
														|  | -						console.log('WebSocket连接已打开1!');
 |  | 
 | 
											
												
													
														|  | -						that.isSocketOpen = true
 |  | 
 | 
											
												
													
														|  | -						that.reOpenSocket = false
 |  | 
 | 
											
												
													
														|  | -						
 |  | 
 | 
											
												
													
														|  | -						// 保持心跳
 |  | 
 | 
											
												
													
														|  | -						if(that.pingpangTimes) {
 |  | 
 | 
											
												
													
														|  | -							clearInterval(that.pingpangTimes)
 |  | 
 | 
											
												
													
														|  | -							that.pingpangTimes= null
 |  | 
 | 
											
												
													
														|  | -						}
 |  | 
 | 
											
												
													
														|  | -						that.pingpangTimes=setInterval(()=>{
 |  | 
 | 
											
												
													
														|  | -							let data={cmd:"heartbeat",userId: userId};
 |  | 
 | 
											
												
													
														|  | -							that.socket.send({
 |  | 
 | 
											
												
													
														|  | -								data: JSON.stringify(data),
 |  | 
 | 
											
												
													
														|  | -								success: () => {
 |  | 
 | 
											
												
													
														|  | -									// console.log('WebSocket发送心条数据!');
 |  | 
 | 
											
												
													
														|  | -								},
 |  | 
 | 
											
												
													
														|  | -								fail: () => {
 |  | 
 | 
											
												
													
														|  | -									that.isSocketOpen=false
 |  | 
 | 
											
												
													
														|  | -								}
 |  | 
 | 
											
												
													
														|  | -							});
 |  | 
 | 
											
												
													
														|  | -						},15000)
 |  | 
 | 
											
												
													
														|  | -					},
 |  | 
 | 
											
												
													
														|  | -					error: res => {
 |  | 
 | 
											
												
													
														|  | -						console.log(res)
 |  | 
 | 
											
												
													
														|  | -					},
 |  | 
 | 
											
												
													
														|  | -				})
 |  | 
 | 
											
												
													
														|  | -				this.socket.onMessage((res) => {
 |  | 
 | 
											
												
													
														|  | -					// console.log("收到消息parse",JSON.parse(res.data))
 |  | 
 | 
											
												
													
														|  | -					const redata = JSON.parse(res.data);
 |  | 
 | 
											
												
													
														|  | -					if(redata.cmd=="heartbeat"){
 |  | 
 | 
											
												
													
														|  | -						  //心跳
 |  | 
 | 
											
												
													
														|  | -						  // console.log("heartbeat")
 |  | 
 | 
											
												
													
														|  | -					}else if(redata.cmd=="danmu"){
 |  | 
 | 
											
												
													
														|  | -						that.isSend=true;
 |  | 
 | 
											
												
													
														|  | -						that.addMsg(1,redata);
 |  | 
 | 
											
												
													
														|  | -					}
 |  | 
 | 
											
												
													
														|  | -				})
 |  | 
 | 
											
												
													
														|  | -				//监听socket打开
 |  | 
 | 
											
												
													
														|  | -				this.socket.onOpen(() => {
 |  | 
 | 
											
												
													
														|  | -					console.log('WebSocket连接已打开2!');
 |  | 
 | 
											
												
													
														|  | -					that.isSocketOpen = true
 |  | 
 | 
											
												
													
														|  | -					that.reOpenSocket = false
 |  | 
 | 
											
												
													
														|  | -					that.isSend = true;
 |  | 
 | 
											
												
													
														|  | -				})
 |  | 
 | 
											
												
													
														|  | -				//监听socket关闭
 |  | 
 | 
											
												
													
														|  | -				this.socket.onClose(() => {
 |  | 
 | 
											
												
													
														|  | -					that.isSocketOpen = false
 |  | 
 | 
											
												
													
														|  | -					that.socket = null
 |  | 
 | 
											
												
													
														|  | -					console.log('WebSocket连接已关闭!',that.reOpenSocket);
 |  | 
 | 
											
												
													
														|  | -					if(that.pingpangTimes) {
 |  | 
 | 
											
												
													
														|  | -						clearInterval(that.pingpangTimes)
 |  | 
 | 
											
												
													
														|  | -						that.pingpangTimes= null
 |  | 
 | 
											
												
													
														|  | -					}
 |  | 
 | 
											
												
													
														|  | -					if(that.reOpenSocket) {
 |  | 
 | 
											
												
													
														|  | -						//重启
 |  | 
 | 
											
												
													
														|  | -						// that.initSocket()
 |  | 
 | 
											
												
													
														|  | -					}
 |  | 
 | 
											
												
													
														|  | -				})
 |  | 
 | 
											
												
													
														|  | -				//监听socket错误
 |  | 
 | 
											
												
													
														|  | -				this.socket.onError((err) => {
 |  | 
 | 
											
												
													
														|  | -					console.log("socket err:",err)
 |  | 
 | 
											
												
													
														|  | -					that.isSocketOpen = false
 |  | 
 | 
											
												
													
														|  | -					that.reOpenSocket = false
 |  | 
 | 
											
												
													
														|  | -					that.socket = null
 |  | 
 | 
											
												
													
														|  | -					if(that.pingpangTimes) {
 |  | 
 | 
											
												
													
														|  | -						clearInterval(that.pingpangTimes)
 |  | 
 | 
											
												
													
														|  | -						that.pingpangTimes= null
 |  | 
 | 
											
												
													
														|  | -					}
 |  | 
 | 
											
												
													
														|  | -				})
 |  | 
 | 
											
												
													
														|  | -			},
 |  | 
 | 
											
												
													
														|  | -			sendMsg() {
 |  | 
 | 
											
												
													
														|  | -				if (!this.isSend) {
 |  | 
 | 
											
												
													
														|  | -					return;
 |  | 
 | 
											
												
													
														|  | -				}
 |  | 
 | 
											
												
													
														|  | -				if (this.isSocketOpen) {
 |  | 
 | 
											
												
													
														|  | -					var data = {
 |  | 
 | 
											
												
													
														|  | -						cmd: 'danmu',
 |  | 
 | 
											
												
													
														|  | -						userId: this.user.userId,
 |  | 
 | 
											
												
													
														|  | -						videoId: this.videoId,
 |  | 
 | 
											
												
													
														|  | -						content: this.danmuIput,
 |  | 
 | 
											
												
													
														|  | -						timePoint: this.playTime, // 弹幕对应视频时间节点()秒
 |  | 
 | 
											
												
													
														|  | -						platform: 'uniapp',  //发送平台,app传值“app”,小程序传值“uniapp”
 |  | 
 | 
											
												
													
														|  | -						fontSize: '16px',
 |  | 
 | 
											
												
													
														|  | -						mode: "scroll",
 |  | 
 | 
											
												
													
														|  | -						color: "#ffffff",
 |  | 
 | 
											
												
													
														|  | -					};
 |  | 
 | 
											
												
													
														|  | -					this.socket.send({
 |  | 
 | 
											
												
													
														|  | -						data: JSON.stringify(data),
 |  | 
 | 
											
												
													
														|  | -						success: () => {
 |  | 
 | 
											
												
													
														|  | -							console.log("发送成功")
 |  | 
 | 
											
												
													
														|  | -							this.$refs.danmuPopup.close()
 |  | 
 | 
											
												
													
														|  | -							this.isSend = false;
 |  | 
 | 
											
												
													
														|  | -						},
 |  | 
 | 
											
												
													
														|  | -						fail: () => {
 |  | 
 | 
											
												
													
														|  | -							uni.showToast({
 |  | 
 | 
											
												
													
														|  | -								title: '发送失败',
 |  | 
 | 
											
												
													
														|  | -								icon: 'none'
 |  | 
 | 
											
												
													
														|  | -							})
 |  | 
 | 
											
												
													
														|  | -						}
 |  | 
 | 
											
												
													
														|  | -					});
 |  | 
 | 
											
												
													
														|  | -			
 |  | 
 | 
											
												
													
														|  | -				}
 |  | 
 | 
											
												
													
														|  | -			
 |  | 
 | 
											
												
													
														|  | -			},
 |  | 
 | 
											
												
													
														|  | -			// 收到消息
 |  | 
 | 
											
												
													
														|  | -			addMsg(type, content) {
 |  | 
 | 
											
												
													
														|  | -				if (!this.player) {
 |  | 
 | 
											
												
													
														|  | -					this.player = uni.createVideoContext('video-content-box');
 |  | 
 | 
											
												
													
														|  | -				}
 |  | 
 | 
											
												
													
														|  | -				// this.player.sendDanmu({
 |  | 
 | 
											
												
													
														|  | -				// 	text: content.content,
 |  | 
 | 
											
												
													
														|  | -				// 	color: "#FF0000",
 |  | 
 | 
											
												
													
														|  | -				// 	time: this.playTime + 1
 |  | 
 | 
											
												
													
														|  | -				// })
 |  | 
 | 
											
												
													
														|  | -				const id = content.userId +'_' + new Date().getTime()
 |  | 
 | 
											
												
													
														|  | -				const mystyle = {
 |  | 
 | 
											
												
													
														|  | -					color: content.color || this.danmuItemStyle.color,
 |  | 
 | 
											
												
													
														|  | -					fontSize: content.fontSize || this.danmuItemStyle.fontSize,
 |  | 
 | 
											
												
													
														|  | -					border: content.color ? `solid 1px ${content.color}`: this.danmuItemStyle.border,
 |  | 
 | 
											
												
													
														|  | -					borderRadius: this.danmuItemStyle.borderRadius,
 |  | 
 | 
											
												
													
														|  | -					padding: this.danmuItemStyle.padding,
 |  | 
 | 
											
												
													
														|  | -					backgroundColor: this.danmuItemStyle.backgroundColor
 |  | 
 | 
											
												
													
														|  | -				}
 |  | 
 | 
											
												
													
														|  | -				const otherstyle = {
 |  | 
 | 
											
												
													
														|  | -					color: content.color || this.danmuItemStyle.color,
 |  | 
 | 
											
												
													
														|  | -					fontSize: content.fontSize || this.danmuItemStyle.fontSize,
 |  | 
 | 
											
												
													
														|  | -					padding: this.danmuItemStyle.padding,
 |  | 
 | 
											
												
													
														|  | -				}
 |  | 
 | 
											
												
													
														|  | -				const mode = content.mode || "scroll"
 |  | 
 | 
											
												
													
														|  | -				const obj = {
 |  | 
 | 
											
												
													
														|  | -					id: content.id || id,
 |  | 
 | 
											
												
													
														|  | -					userId: content.userId,
 |  | 
 | 
											
												
													
														|  | -					text: content.content,
 |  | 
 | 
											
												
													
														|  | -					time: this.flagTime + 1,
 |  | 
 | 
											
												
													
														|  | -					color: content.color || this.danmuItemStyle.color,
 |  | 
 | 
											
												
													
														|  | -					style: this.user.userId == content.userId ? mystyle : otherstyle,
 |  | 
 | 
											
												
													
														|  | -					top: null
 |  | 
 | 
											
												
													
														|  | -				}
 |  | 
 | 
											
												
													
														|  | -				console
 |  | 
 | 
											
												
													
														|  | -				if(this.showDanmu == 0) return
 |  | 
 | 
											
												
													
														|  | -				this.danmuList.push(obj)
 |  | 
 | 
											
												
													
														|  | -			},
 |  | 
 | 
											
												
													
														|  | -			initTracks() {
 |  | 
 | 
											
												
													
														|  | -				this.tracks = []
 |  | 
 | 
											
												
													
														|  | -				const trackHeight = 22; // 每行高度
 |  | 
 | 
											
												
													
														|  | -				const trackCount = 3
 |  | 
 | 
											
												
													
														|  | -				for (let i = 0; i < trackCount; i++) {
 |  | 
 | 
											
												
													
														|  | -					this.tracks.push({
 |  | 
 | 
											
												
													
														|  | -						top: i * trackHeight+10,
 |  | 
 | 
											
												
													
														|  | -						isFree: true
 |  | 
 | 
											
												
													
														|  | -					});
 |  | 
 | 
											
												
													
														|  | -				}
 |  | 
 | 
											
												
													
														|  | -			},
 |  | 
 | 
											
												
													
														|  | -			// 获取字体高度
 |  | 
 | 
											
												
													
														|  | -			getTextWidth(content) {
 |  | 
 | 
											
												
													
														|  | -				if (!this.ctx) {
 |  | 
 | 
											
												
													
														|  | -					this.ctx = uni.createCanvasContext('myCanvas')
 |  | 
 | 
											
												
													
														|  | -				}
 |  | 
 | 
											
												
													
														|  | -				const metrics = this.ctx.measureText(content)
 |  | 
 | 
											
												
													
														|  | -				return Math.ceil(metrics.width)
 |  | 
 | 
											
												
													
														|  | -			},
 |  | 
 | 
											
												
													
														|  | -			// 分配轨道
 |  | 
 | 
											
												
													
														|  | -			getFreeTrack(item) {
 |  | 
 | 
											
												
													
														|  | -				const width = this.getTextWidth(item.content)
 |  | 
 | 
											
												
													
														|  | -				const passWidth = width + uni.getSystemInfoSync().screenWidth
 |  | 
 | 
											
												
													
														|  | -				const duration = 8
 |  | 
 | 
											
												
													
														|  | -				for (let i = 0; i < this.tracks.length; i++) {
 |  | 
 | 
											
												
													
														|  | -					if (this.tracks[i].isFree) {
 |  | 
 | 
											
												
													
														|  | -						this.tracks[i].isFree = false;
 |  | 
 | 
											
												
													
														|  | -						// 等本条通过右边界的时间
 |  | 
 | 
											
												
													
														|  | -						let passtime = Math.ceil(duration * 1000 / passWidth * width)
 |  | 
 | 
											
												
													
														|  | -						passtime = passtime + 1000
 |  | 
 | 
											
												
													
														|  | -						// console.log("passtime==", passtime)
 |  | 
 | 
											
												
													
														|  | -						setTimeout(() => {
 |  | 
 | 
											
												
													
														|  | -							this.tracks[i].isFree = true;
 |  | 
 | 
											
												
													
														|  | -						}, passtime); // 5秒后释放轨道
 |  | 
 | 
											
												
													
														|  | -						return this.tracks[i].top;
 |  | 
 | 
											
												
													
														|  | -					}
 |  | 
 | 
											
												
													
														|  | -				}
 |  | 
 | 
											
												
													
														|  | -				// 无可用轨道
 |  | 
 | 
											
												
													
														|  | -				if (item.userId == this.user.userId) {
 |  | 
 | 
											
												
													
														|  | -					let trackHeight = this.tracks[this.tracks.length - 1].top
 |  | 
 | 
											
												
													
														|  | -					return Math.random() * trackHeight + 16 // 自己发的弹幕随机高度; // 无可用轨道
 |  | 
 | 
											
												
													
														|  | -				} else {
 |  | 
 | 
											
												
													
														|  | -					// console.log("无可用轨道")
 |  | 
 | 
											
												
													
														|  | -					return 'abandon'
 |  | 
 | 
											
												
													
														|  | -				}
 |  | 
 | 
											
												
													
														|  | -			},
 |  | 
 | 
											
												
													
														|  | -			// 检测并激活弹幕
 |  | 
 | 
											
												
													
														|  | -			checkDanmu() {
 |  | 
 | 
											
												
													
														|  | -				if(this.showDanmu == 0) return
 |  | 
 | 
											
												
													
														|  | -				// 筛选当前时间应出现的弹幕
 |  | 
 | 
											
												
													
														|  | -				const newDanmus = this.danmuList.filter((item) => Math.abs(item.time - this.flagTime) < 1)
 |  | 
 | 
											
												
													
														|  | -				// 分配轨道高度
 |  | 
 | 
											
												
													
														|  | -				newDanmus.forEach((item) => {
 |  | 
 | 
											
												
													
														|  | -					// 滚动弹幕随机高度
 |  | 
 | 
											
												
													
														|  | -					if(!item.top) {
 |  | 
 | 
											
												
													
														|  | -						item.top = this.getFreeTrack(item)
 |  | 
 | 
											
												
													
														|  | -					}
 |  | 
 | 
											
												
													
														|  | -				})
 |  | 
 | 
											
												
													
														|  | -				// 过滤没有分配到空闲轨道弹幕
 |  | 
 | 
											
												
													
														|  | -				const aliveNewDanmus = newDanmus.filter((item) => item.top != 'abandon')
 |  | 
 | 
											
												
													
														|  | -				// 添加到活跃列表
 |  | 
 | 
											
												
													
														|  | -				this.activeDanmus = [...this.activeDanmus, ...aliveNewDanmus]
 |  | 
 | 
											
												
													
														|  | -			},
 |  | 
 | 
											
												
													
														|  | -			animationend(moveItem, i) {
 |  | 
 | 
											
												
													
														|  | -				// 移除动画结束的弹幕(性能优化)
 |  | 
 | 
											
												
													
														|  | -				this.activeDanmus = this.activeDanmus.filter((item) => item.id != moveItem.id)
 |  | 
 | 
											
												
													
														|  | -			},
 |  | 
 | 
											
												
													
														|  | -			switchDanmu() {
 |  | 
 | 
											
												
													
														|  | -				this.showDanmu = this.showDanmu == 1 ? 0:1
 |  | 
 | 
											
												
													
														|  | -				if(this.showDanmu == 0) {
 |  | 
 | 
											
												
													
														|  | -					this.activeDanmus = []
 |  | 
 | 
											
												
													
														|  | -					this.initTracks()
 |  | 
 | 
											
												
													
														|  | -				}
 |  | 
 | 
											
												
													
														|  | -			},
 |  | 
 | 
											
												
													
														|  | -			// 未知异常,请联系管理员
 |  | 
 | 
											
												
													
														|  | -			sendErrorLog(url,param){
 |  | 
 | 
											
												
													
														|  | -				const data = {
 |  | 
 | 
											
												
													
														|  | -					url:url || '',
 |  | 
 | 
											
												
													
														|  | -					param:param?JSON.stringify(param) : ''
 |  | 
 | 
											
												
													
														|  | -				}
 |  | 
 | 
											
												
													
														|  | -				errorLogUpload(data)
 |  | 
 | 
											
												
													
														|  | -			}
 |  | 
 | 
											
												
													
														|  | -		}
 |  | 
 | 
											
												
													
														|  | -	}
 |  | 
 | 
											
												
													
														|  | -</script>
 |  | 
 | 
											
												
													
														|  | -
 |  | 
 | 
											
												
													
														|  | -<style scoped>
 |  | 
 | 
											
												
													
														|  | -.full-width-popup {
 |  | 
 | 
											
												
													
														|  | -  width: 100%;
 |  | 
 | 
											
												
													
														|  | -}
 |  | 
 | 
											
												
													
														|  | -</style>
 |  | 
 | 
											
												
													
														|  | -<style lang="scss" scoped>
 |  | 
 | 
											
												
													
														|  | -	@mixin u-flex($flexD, $alignI, $justifyC) {
 |  | 
 | 
											
												
													
														|  | -		display: flex;
 |  | 
 | 
											
												
													
														|  | -		flex-direction: $flexD;
 |  | 
 | 
											
												
													
														|  | -		align-items: $alignI;
 |  | 
 | 
											
												
													
														|  | -		justify-content: $justifyC;
 |  | 
 | 
											
												
													
														|  | -	}
 |  | 
 | 
											
												
													
														|  | -	.footer-tips {
 |  | 
 | 
											
												
													
														|  | -		margin-top: 14rpx;
 |  | 
 | 
											
												
													
														|  | -		text-align: center;
 |  | 
 | 
											
												
													
														|  | -		font-family: PingFang SC,PingFang SC;
 |  | 
 | 
											
												
													
														|  | -		font-weight: 500;
 |  | 
 | 
											
												
													
														|  | -		font-size: 12px;
 |  | 
 | 
											
												
													
														|  | -		color: #bbb;
 |  | 
 | 
											
												
													
														|  | -	}
 |  | 
 | 
											
												
													
														|  | -	.textOne {
 |  | 
 | 
											
												
													
														|  | -		overflow: hidden;
 |  | 
 | 
											
												
													
														|  | -		white-space: nowrap;
 |  | 
 | 
											
												
													
														|  | -		text-overflow: ellipsis;
 |  | 
 | 
											
												
													
														|  | -	}
 |  | 
 | 
											
												
													
														|  | -
 |  | 
 | 
											
												
													
														|  | -	.textTwo {
 |  | 
 | 
											
												
													
														|  | -		overflow: hidden;
 |  | 
 | 
											
												
													
														|  | -		text-overflow: ellipsis;
 |  | 
 | 
											
												
													
														|  | -		display: -webkit-box;
 |  | 
 | 
											
												
													
														|  | -		-webkit-line-clamp: 2;
 |  | 
 | 
											
												
													
														|  | -		-webkit-box-orient: vertical;
 |  | 
 | 
											
												
													
														|  | -	}
 |  | 
 | 
											
												
													
														|  | -	.header-nav {
 |  | 
 | 
											
												
													
														|  | -		height: 88rpx;
 |  | 
 | 
											
												
													
														|  | -		@include u-flex(row, center, flex-start);
 |  | 
 | 
											
												
													
														|  | -		overflow: hidden;
 |  | 
 | 
											
												
													
														|  | -		background-color: #fff;
 |  | 
 | 
											
												
													
														|  | -		box-sizing: border-box;
 |  | 
 | 
											
												
													
														|  | -		.header-title {
 |  | 
 | 
											
												
													
														|  | -			text-align: center;
 |  | 
 | 
											
												
													
														|  | -			overflow: hidden;
 |  | 
 | 
											
												
													
														|  | -			white-space: nowrap;
 |  | 
 | 
											
												
													
														|  | -			text-overflow: ellipsis;
 |  | 
 | 
											
												
													
														|  | -			padding: 0 10rpx 0 100rpx;
 |  | 
 | 
											
												
													
														|  | -			font-family: PingFang SC,PingFang SC;
 |  | 
 | 
											
												
													
														|  | -			font-weight: 500;
 |  | 
 | 
											
												
													
														|  | -			font-size: 15px;
 |  | 
 | 
											
												
													
														|  | -			color: #000;
 |  | 
 | 
											
												
													
														|  | -			box-sizing: border-box;
 |  | 
 | 
											
												
													
														|  | -		}
 |  | 
 | 
											
												
													
														|  | -	}
 |  | 
 | 
											
												
													
														|  | -	.reward-list {
 |  | 
 | 
											
												
													
														|  | -		width: 100%;
 |  | 
 | 
											
												
													
														|  | -		margin-top: 20rpx;
 |  | 
 | 
											
												
													
														|  | -		margin-bottom: -40rpx;
 |  | 
 | 
											
												
													
														|  | -
 |  | 
 | 
											
												
													
														|  | -		&-group {
 |  | 
 | 
											
												
													
														|  | -			font-family: PingFang SC, PingFang SC;
 |  | 
 | 
											
												
													
														|  | -			font-weight: 400;
 |  | 
 | 
											
												
													
														|  | -			font-size: 14px;
 |  | 
 | 
											
												
													
														|  | -			color: #222222;
 |  | 
 | 
											
												
													
														|  | -			@include u-flex(row, center, center);
 |  | 
 | 
											
												
													
														|  | -		}
 |  | 
 | 
											
												
													
														|  | -
 |  | 
 | 
											
												
													
														|  | -		&-option {
 |  | 
 | 
											
												
													
														|  | -			@include u-flex(row, center, flex-start);
 |  | 
 | 
											
												
													
														|  | -
 |  | 
 | 
											
												
													
														|  | -			&:first-child {
 |  | 
 | 
											
												
													
														|  | -				margin-right: 40rpx;
 |  | 
 | 
											
												
													
														|  | -			}
 |  | 
 | 
											
												
													
														|  | -		}
 |  | 
 | 
											
												
													
														|  | -	}
 |  | 
 | 
											
												
													
														|  | -
 |  | 
 | 
											
												
													
														|  | -	.err {
 |  | 
 | 
											
												
													
														|  | -		color: #f56c6c !important;
 |  | 
 | 
											
												
													
														|  | -	}
 |  | 
 | 
											
												
													
														|  | -
 |  | 
 | 
											
												
													
														|  | -	.kfqrcode-box {
 |  | 
 | 
											
												
													
														|  | -		background-color: #fff;
 |  | 
 | 
											
												
													
														|  | -		border-radius: 16rpx;
 |  | 
 | 
											
												
													
														|  | -		max-width: 560rpx;
 |  | 
 | 
											
												
													
														|  | -		padding: 60rpx 40rpx;
 |  | 
 | 
											
												
													
														|  | -		margin-top: -100rpx;
 |  | 
 | 
											
												
													
														|  | -		box-sizing: border-box;
 |  | 
 | 
											
												
													
														|  | -		@include u-flex(column, center, flex-start);
 |  | 
 | 
											
												
													
														|  | -		font-family: PingFang SC, PingFang SC;
 |  | 
 | 
											
												
													
														|  | -		font-weight: 400;
 |  | 
 | 
											
												
													
														|  | -		font-size: 34rpx;
 |  | 
 | 
											
												
													
														|  | -		color: #222;
 |  | 
 | 
											
												
													
														|  | -		position: relative;
 |  | 
 | 
											
												
													
														|  | -		text-align: center;
 |  | 
 | 
											
												
													
														|  | -
 |  | 
 | 
											
												
													
														|  | -		.kfqrcode {
 |  | 
 | 
											
												
													
														|  | -			height: 460rpx;
 |  | 
 | 
											
												
													
														|  | -			width: 460rpx;
 |  | 
 | 
											
												
													
														|  | -		}
 |  | 
 | 
											
												
													
														|  | -	}
 |  | 
 | 
											
												
													
														|  | -
 |  | 
 | 
											
												
													
														|  | -	.kfqrcode-close {
 |  | 
 | 
											
												
													
														|  | -		width: 64rpx;
 |  | 
 | 
											
												
													
														|  | -		height: 64rpx;
 |  | 
 | 
											
												
													
														|  | -		position: absolute;
 |  | 
 | 
											
												
													
														|  | -		bottom: -100rpx;
 |  | 
 | 
											
												
													
														|  | -		left: 50%;
 |  | 
 | 
											
												
													
														|  | -		transform: translateX(-50%);
 |  | 
 | 
											
												
													
														|  | -	}
 |  | 
 | 
											
												
													
														|  | -
 |  | 
 | 
											
												
													
														|  | -	.tipsPopup-mask {
 |  | 
 | 
											
												
													
														|  | -		position: relative;
 |  | 
 | 
											
												
													
														|  | -		width: 560rpx;
 |  | 
 | 
											
												
													
														|  | -		background-color: transparent;
 |  | 
 | 
											
												
													
														|  | -
 |  | 
 | 
											
												
													
														|  | -		.red_envelope_top {
 |  | 
 | 
											
												
													
														|  | -			width: 480rpx;
 |  | 
 | 
											
												
													
														|  | -			height: 360rpx;
 |  | 
 | 
											
												
													
														|  | -			margin: 0 auto;
 |  | 
 | 
											
												
													
														|  | -			display: inherit;
 |  | 
 | 
											
												
													
														|  | -		}
 |  | 
 | 
											
												
													
														|  | -	}
 |  | 
 | 
											
												
													
														|  | -
 |  | 
 | 
											
												
													
														|  | -	.tipsPopup-btn-box {
 |  | 
 | 
											
												
													
														|  | -		width: 456rpx;
 |  | 
 | 
											
												
													
														|  | -		height: 104rpx;
 |  | 
 | 
											
												
													
														|  | -		padding: 4rpx;
 |  | 
 | 
											
												
													
														|  | -		box-sizing: border-box;
 |  | 
 | 
											
												
													
														|  | -		background: linear-gradient(180deg, rgba(252, 209, 94, 1), rgba(254, 253, 251, 1));
 |  | 
 | 
											
												
													
														|  | -		border-radius: 52rpx;
 |  | 
 | 
											
												
													
														|  | -	}
 |  | 
 | 
											
												
													
														|  | -
 |  | 
 | 
											
												
													
														|  | -	.tipsPopup-btn {
 |  | 
 | 
											
												
													
														|  | -		width: 100%;
 |  | 
 | 
											
												
													
														|  | -		height: 100%;
 |  | 
 | 
											
												
													
														|  | -		background: linear-gradient(180deg, #FF9F22 0%, #FA1E05 100%);
 |  | 
 | 
											
												
													
														|  | -		border-radius: 52rpx 52rpx 52rpx 52rpx;
 |  | 
 | 
											
												
													
														|  | -		font-family: PingFang SC, PingFang SC;
 |  | 
 | 
											
												
													
														|  | -		font-weight: 500;
 |  | 
 | 
											
												
													
														|  | -		font-size: 36rpx;
 |  | 
 | 
											
												
													
														|  | -		color: #FFFFFF;
 |  | 
 | 
											
												
													
														|  | -		line-height: 96rpx;
 |  | 
 | 
											
												
													
														|  | -		text-align: center;
 |  | 
 | 
											
												
													
														|  | -	}
 |  | 
 | 
											
												
													
														|  | -
 |  | 
 | 
											
												
													
														|  | -	.tipsPopup {
 |  | 
 | 
											
												
													
														|  | -		width: 560rpx;
 |  | 
 | 
											
												
													
														|  | -		padding: 12rpx;
 |  | 
 | 
											
												
													
														|  | -		margin-top: -72rpx;
 |  | 
 | 
											
												
													
														|  | -		box-sizing: border-box;
 |  | 
 | 
											
												
													
														|  | -		background: linear-gradient(180deg, #FFFBEF 0%, #FFFFF5 43%, #F5EAC2 100%);
 |  | 
 | 
											
												
													
														|  | -		border-radius: 32rpx 32rpx 32rpx 32rpx;
 |  | 
 | 
											
												
													
														|  | -		position: relative;
 |  | 
 | 
											
												
													
														|  | -
 |  | 
 | 
											
												
													
														|  | -		&-close {
 |  | 
 | 
											
												
													
														|  | -			width: 64rpx;
 |  | 
 | 
											
												
													
														|  | -			height: 64rpx;
 |  | 
 | 
											
												
													
														|  | -			position: absolute;
 |  | 
 | 
											
												
													
														|  | -			right: 0;
 |  | 
 | 
											
												
													
														|  | -			top: -188rpx;
 |  | 
 | 
											
												
													
														|  | -		}
 |  | 
 | 
											
												
													
														|  | -
 |  | 
 | 
											
												
													
														|  | -		&-line {
 |  | 
 | 
											
												
													
														|  | -			padding: 3rpx;
 |  | 
 | 
											
												
													
														|  | -			box-sizing: border-box;
 |  | 
 | 
											
												
													
														|  | -			background: linear-gradient(180deg, rgba(247, 245, 220, 1), rgba(250, 220, 157, 1));
 |  | 
 | 
											
												
													
														|  | -			border-radius: 24rpx;
 |  | 
 | 
											
												
													
														|  | -		}
 |  | 
 | 
											
												
													
														|  | -
 |  | 
 | 
											
												
													
														|  | -		&-box {
 |  | 
 | 
											
												
													
														|  | -			padding: 0 40rpx 40rpx 40rpx;
 |  | 
 | 
											
												
													
														|  | -			box-sizing: border-box;
 |  | 
 | 
											
												
													
														|  | -			background: linear-gradient(180deg, #FFFBEF 0%, #FFFFF5 43%, #F5EAC2 100%);
 |  | 
 | 
											
												
													
														|  | -			border-radius: 24rpx;
 |  | 
 | 
											
												
													
														|  | -			@include u-flex(column, center, flex-start);
 |  | 
 | 
											
												
													
														|  | -		}
 |  | 
 | 
											
												
													
														|  | -
 |  | 
 | 
											
												
													
														|  | -		&-head {
 |  | 
 | 
											
												
													
														|  | -			@include u-flex(row, center, center);
 |  | 
 | 
											
												
													
														|  | -
 |  | 
 | 
											
												
													
														|  | -			&-title {
 |  | 
 | 
											
												
													
														|  | -				width: 364rpx;
 |  | 
 | 
											
												
													
														|  | -				height: auto;
 |  | 
 | 
											
												
													
														|  | -				margin-top: -22rpx;
 |  | 
 | 
											
												
													
														|  | -			}
 |  | 
 | 
											
												
													
														|  | -		}
 |  | 
 | 
											
												
													
														|  | -
 |  | 
 | 
											
												
													
														|  | -		&-content {
 |  | 
 | 
											
												
													
														|  | -			margin: 48rpx 0;
 |  | 
 | 
											
												
													
														|  | -			font-family: PingFang SC, PingFang SC;
 |  | 
 | 
											
												
													
														|  | -			font-weight: 500;
 |  | 
 | 
											
												
													
														|  | -			font-size: 32rpx;
 |  | 
 | 
											
												
													
														|  | -			color: #222222;
 |  | 
 | 
											
												
													
														|  | -			text-align: center;
 |  | 
 | 
											
												
													
														|  | -
 |  | 
 | 
											
												
													
														|  | -			&-title {
 |  | 
 | 
											
												
													
														|  | -				margin-bottom: 26rpx;
 |  | 
 | 
											
												
													
														|  | -				font-weight: 600;
 |  | 
 | 
											
												
													
														|  | -				font-size: 40rpx;
 |  | 
 | 
											
												
													
														|  | -				color: #FF5C03;
 |  | 
 | 
											
												
													
														|  | -			}
 |  | 
 | 
											
												
													
														|  | -		}
 |  | 
 | 
											
												
													
														|  | -	}
 |  | 
 | 
											
												
													
														|  | -
 |  | 
 | 
											
												
													
														|  | -	.video-controls-box {
 |  | 
 | 
											
												
													
														|  | -		width: 100%;
 |  | 
 | 
											
												
													
														|  | -		height: 420rpx;
 |  | 
 | 
											
												
													
														|  | -		overflow: hidden;
 |  | 
 | 
											
												
													
														|  | -		position: absolute;
 |  | 
 | 
											
												
													
														|  | -		bottom: 0;
 |  | 
 | 
											
												
													
														|  | -		left: 0;
 |  | 
 | 
											
												
													
														|  | -		z-index: 2;
 |  | 
 | 
											
												
													
														|  | -		background: rgba(0, 0, 0, 0.2);
 |  | 
 | 
											
												
													
														|  | -
 |  | 
 | 
											
												
													
														|  | -		.video-play {
 |  | 
 | 
											
												
													
														|  | -			height: 72rpx;
 |  | 
 | 
											
												
													
														|  | -			width: 72rpx;
 |  | 
 | 
											
												
													
														|  | -			position: absolute;
 |  | 
 | 
											
												
													
														|  | -			top: 50%;
 |  | 
 | 
											
												
													
														|  | -			left: 50%;
 |  | 
 | 
											
												
													
														|  | -			transform: translate(-50%, -50%);
 |  | 
 | 
											
												
													
														|  | -		}
 |  | 
 | 
											
												
													
														|  | -	}
 |  | 
 | 
											
												
													
														|  | -
 |  | 
 | 
											
												
													
														|  | -	.video-controls {
 |  | 
 | 
											
												
													
														|  | -		width: 100%;
 |  | 
 | 
											
												
													
														|  | -		height: 80rpx;
 |  | 
 | 
											
												
													
														|  | -		padding: 0 28rpx;
 |  | 
 | 
											
												
													
														|  | -		box-sizing: border-box;
 |  | 
 | 
											
												
													
														|  | -		position: absolute;
 |  | 
 | 
											
												
													
														|  | -		bottom: 0;
 |  | 
 | 
											
												
													
														|  | -		left: 0;
 |  | 
 | 
											
												
													
														|  | -		display: flex;
 |  | 
 | 
											
												
													
														|  | -		align-items: center;
 |  | 
 | 
											
												
													
														|  | -		justify-content: space-between;
 |  | 
 | 
											
												
													
														|  | -		background: linear-gradient(to top, #222 0%, transparent 80%);
 |  | 
 | 
											
												
													
														|  | -
 |  | 
 | 
											
												
													
														|  | -		.video-icon {
 |  | 
 | 
											
												
													
														|  | -			height: 44rpx;
 |  | 
 | 
											
												
													
														|  | -			width: 44rpx;
 |  | 
 | 
											
												
													
														|  | -		}
 |  | 
 | 
											
												
													
														|  | -	}
 |  | 
 | 
											
												
													
														|  | -
 |  | 
 | 
											
												
													
														|  | -	.errQuesbox {
 |  | 
 | 
											
												
													
														|  | -		width: 100%;
 |  | 
 | 
											
												
													
														|  | -		max-height: 260rpx;
 |  | 
 | 
											
												
													
														|  | -		overflow-y: auto;
 |  | 
 | 
											
												
													
														|  | -		margin-top: 24rpx;
 |  | 
 | 
											
												
													
														|  | -		font-family: PingFang SC, PingFang SC;
 |  | 
 | 
											
												
													
														|  | -		font-weight: 500;
 |  | 
 | 
											
												
													
														|  | -		font-size: 30rpx;
 |  | 
 | 
											
												
													
														|  | -		color: #222222;
 |  | 
 | 
											
												
													
														|  | -
 |  | 
 | 
											
												
													
														|  | -		&-item {
 |  | 
 | 
											
												
													
														|  | -			width: 100%;
 |  | 
 | 
											
												
													
														|  | -			height: 128rpx;
 |  | 
 | 
											
												
													
														|  | -			line-height: 128rpx;
 |  | 
 | 
											
												
													
														|  | -			margin-bottom: 24rpx;
 |  | 
 | 
											
												
													
														|  | -			padding: 0 30rpx;
 |  | 
 | 
											
												
													
														|  | -			box-sizing: border-box;
 |  | 
 | 
											
												
													
														|  | -			overflow: hidden;
 |  | 
 | 
											
												
													
														|  | -			background: #fff;
 |  | 
 | 
											
												
													
														|  | -			border-radius: 16rpx 16rpx 16rpx 16rpx;
 |  | 
 | 
											
												
													
														|  | -			position: relative;
 |  | 
 | 
											
												
													
														|  | -
 |  | 
 | 
											
												
													
														|  | -			&::after {
 |  | 
 | 
											
												
													
														|  | -				content: "题目";
 |  | 
 | 
											
												
													
														|  | -				min-width: 64rpx;
 |  | 
 | 
											
												
													
														|  | -				height: 36rpx;
 |  | 
 | 
											
												
													
														|  | -				padding: 0 12rpx;
 |  | 
 | 
											
												
													
														|  | -				line-height: 36rpx;
 |  | 
 | 
											
												
													
														|  | -				background: #FF5C03;
 |  | 
 | 
											
												
													
														|  | -				box-sizing: border-box;
 |  | 
 | 
											
												
													
														|  | -				border-radius: 0rpx 0rpx 16rpx 0rpx;
 |  | 
 | 
											
												
													
														|  | -				text-align: center;
 |  | 
 | 
											
												
													
														|  | -				font-family: PingFang SC, PingFang SC;
 |  | 
 | 
											
												
													
														|  | -				font-weight: 500;
 |  | 
 | 
											
												
													
														|  | -				font-size: 20rpx;
 |  | 
 | 
											
												
													
														|  | -				color: #fff;
 |  | 
 | 
											
												
													
														|  | -				position: absolute;
 |  | 
 | 
											
												
													
														|  | -				left: 0;
 |  | 
 | 
											
												
													
														|  | -				top: 0;
 |  | 
 | 
											
												
													
														|  | -			}
 |  | 
 | 
											
												
													
														|  | -		}
 |  | 
 | 
											
												
													
														|  | -	}
 |  | 
 | 
											
												
													
														|  | -
 |  | 
 | 
											
												
													
														|  | -	.bg {
 |  | 
 | 
											
												
													
														|  | -		background: #fff !important;
 |  | 
 | 
											
												
													
														|  | -	}
 |  | 
 | 
											
												
													
														|  | -
 |  | 
 | 
											
												
													
														|  | -	.answerPopup {
 |  | 
 | 
											
												
													
														|  | -		&-box {
 |  | 
 | 
											
												
													
														|  | -			width: 560rpx;
 |  | 
 | 
											
												
													
														|  | -			background: linear-gradient(180deg, #FFFAF6 0%, #FEECD8 100%);
 |  | 
 | 
											
												
													
														|  | -			border-radius: 32rpx 32rpx 32rpx 32rpx;
 |  | 
 | 
											
												
													
														|  | -			background-color: #fff;
 |  | 
 | 
											
												
													
														|  | -			font-weight: 400;
 |  | 
 | 
											
												
													
														|  | -			padding: 32rpx;
 |  | 
 | 
											
												
													
														|  | -			box-sizing: border-box;
 |  | 
 | 
											
												
													
														|  | -			position: relative;
 |  | 
 | 
											
												
													
														|  | -			@include u-flex(column, center, flex-start);
 |  | 
 | 
											
												
													
														|  | -			font-family: PingFang SC, PingFang SC;
 |  | 
 | 
											
												
													
														|  | -			font-weight: 400;
 |  | 
 | 
											
												
													
														|  | -
 |  | 
 | 
											
												
													
														|  | -			.tipimg {
 |  | 
 | 
											
												
													
														|  | -				width: 206rpx;
 |  | 
 | 
											
												
													
														|  | -				height: 206rpx;
 |  | 
 | 
											
												
													
														|  | -				margin-bottom: 16rpx;
 |  | 
 | 
											
												
													
														|  | -			}
 |  | 
 | 
											
												
													
														|  | -		}
 |  | 
 | 
											
												
													
														|  | -
 |  | 
 | 
											
												
													
														|  | -		&-title {
 |  | 
 | 
											
												
													
														|  | -			font-weight: 600;
 |  | 
 | 
											
												
													
														|  | -			font-size: 36rpx;
 |  | 
 | 
											
												
													
														|  | -			color: #222222;
 |  | 
 | 
											
												
													
														|  | -		}
 |  | 
 | 
											
												
													
														|  | -
 |  | 
 | 
											
												
													
														|  | -		&-desc {
 |  | 
 | 
											
												
													
														|  | -			margin-top: 10rpx;
 |  | 
 | 
											
												
													
														|  | -			font-size: 28rpx;
 |  | 
 | 
											
												
													
														|  | -			color: #757575;
 |  | 
 | 
											
												
													
														|  | -		}
 |  | 
 | 
											
												
													
														|  | -
 |  | 
 | 
											
												
													
														|  | -		&-btn {
 |  | 
 | 
											
												
													
														|  | -			width: 464rpx;
 |  | 
 | 
											
												
													
														|  | -			height: 84rpx;
 |  | 
 | 
											
												
													
														|  | -			margin-top: 54rpx;
 |  | 
 | 
											
												
													
														|  | -			margin-bottom: 16rpx;
 |  | 
 | 
											
												
													
														|  | -			background: #FF5C03;
 |  | 
 | 
											
												
													
														|  | -			border-radius: 42rpx;
 |  | 
 | 
											
												
													
														|  | -			font-weight: 500;
 |  | 
 | 
											
												
													
														|  | -			font-size: 32rpx;
 |  | 
 | 
											
												
													
														|  | -			color: #FFFFFF;
 |  | 
 | 
											
												
													
														|  | -			text-align: center;
 |  | 
 | 
											
												
													
														|  | -			line-height: 84rpx;
 |  | 
 | 
											
												
													
														|  | -		}
 |  | 
 | 
											
												
													
														|  | -	}
 |  | 
 | 
											
												
													
														|  | -
 |  | 
 | 
											
												
													
														|  | -	.popupbox {
 |  | 
 | 
											
												
													
														|  | -		width: 100%;
 |  | 
 | 
											
												
													
														|  | -		background-color: #fff;
 |  | 
 | 
											
												
													
														|  | -		border-radius: 16rpx 16rpx 0 0;
 |  | 
 | 
											
												
													
														|  | -		padding: 24rpx 32rpx;
 |  | 
 | 
											
												
													
														|  | -		position: relative;
 |  | 
 | 
											
												
													
														|  | -
 |  | 
 | 
											
												
													
														|  | -		&-head {
 |  | 
 | 
											
												
													
														|  | -			height: 60rpx;
 |  | 
 | 
											
												
													
														|  | -			margin-bottom: 30rpx;
 |  | 
 | 
											
												
													
														|  | -			text-align: center;
 |  | 
 | 
											
												
													
														|  | -			overflow-y: auto;
 |  | 
 | 
											
												
													
														|  | -			color: #414858;
 |  | 
 | 
											
												
													
														|  | -			font-size: 32rpx;
 |  | 
 | 
											
												
													
														|  | -			font-weight: bold;
 |  | 
 | 
											
												
													
														|  | -			position: relative;
 |  | 
 | 
											
												
													
														|  | -
 |  | 
 | 
											
												
													
														|  | -			.close-icon {
 |  | 
 | 
											
												
													
														|  | -				position: absolute;
 |  | 
 | 
											
												
													
														|  | -				right: 0;
 |  | 
 | 
											
												
													
														|  | -				top: 0;
 |  | 
 | 
											
												
													
														|  | -				height: 40rpx;
 |  | 
 | 
											
												
													
														|  | -				width: 40rpx;
 |  | 
 | 
											
												
													
														|  | -			}
 |  | 
 | 
											
												
													
														|  | -		}
 |  | 
 | 
											
												
													
														|  | -
 |  | 
 | 
											
												
													
														|  | -		&-content {
 |  | 
 | 
											
												
													
														|  | -			height: 20vh;
 |  | 
 | 
											
												
													
														|  | -			overflow-y: auto;
 |  | 
 | 
											
												
													
														|  | -			display: flex;
 |  | 
 | 
											
												
													
														|  | -			align-items: flex-start;
 |  | 
 | 
											
												
													
														|  | -			flex-wrap: wrap;
 |  | 
 | 
											
												
													
														|  | -			gap: 32rpx;
 |  | 
 | 
											
												
													
														|  | -
 |  | 
 | 
											
												
													
														|  | -			.line-item {
 |  | 
 | 
											
												
													
														|  | -				display: inline-block;
 |  | 
 | 
											
												
													
														|  | -				min-width: 200rpx;
 |  | 
 | 
											
												
													
														|  | -				min-height: 60rpx;
 |  | 
 | 
											
												
													
														|  | -				padding: 0 20rpx;
 |  | 
 | 
											
												
													
														|  | -				box-sizing: border-box;
 |  | 
 | 
											
												
													
														|  | -				border-radius: 50rpx;
 |  | 
 | 
											
												
													
														|  | -				overflow: hidden;
 |  | 
 | 
											
												
													
														|  | -				background-color: #f7f7f7;
 |  | 
 | 
											
												
													
														|  | -				text-align: center;
 |  | 
 | 
											
												
													
														|  | -				color: #414858;
 |  | 
 | 
											
												
													
														|  | -				font-size: 28rpx;
 |  | 
 | 
											
												
													
														|  | -				line-height: 60rpx;
 |  | 
 | 
											
												
													
														|  | -			}
 |  | 
 | 
											
												
													
														|  | -
 |  | 
 | 
											
												
													
														|  | -			.line-active {
 |  | 
 | 
											
												
													
														|  | -				color: #f56c6c !important;
 |  | 
 | 
											
												
													
														|  | -				background-color: #fef0f0 !important;
 |  | 
 | 
											
												
													
														|  | -			}
 |  | 
 | 
											
												
													
														|  | -		}
 |  | 
 | 
											
												
													
														|  | -	}
 |  | 
 | 
											
												
													
														|  | -
 |  | 
 | 
											
												
													
														|  | -	.content {
 |  | 
 | 
											
												
													
														|  | -		padding-bottom: calc(var(--window-bottom) + 164rpx);
 |  | 
 | 
											
												
													
														|  | -		.video-box {
 |  | 
 | 
											
												
													
														|  | -			width: 100%;
 |  | 
 | 
											
												
													
														|  | -			height: 420rpx;
 |  | 
 | 
											
												
													
														|  | -			overflow: hidden;
 |  | 
 | 
											
												
													
														|  | -			position: relative;
 |  | 
 | 
											
												
													
														|  | -
 |  | 
 | 
											
												
													
														|  | -			#myVideo {
 |  | 
 | 
											
												
													
														|  | -				width: 100%;
 |  | 
 | 
											
												
													
														|  | -				height: 100%;
 |  | 
 | 
											
												
													
														|  | -			}
 |  | 
 | 
											
												
													
														|  | -		}
 |  | 
 | 
											
												
													
														|  | -
 |  | 
 | 
											
												
													
														|  | -		.video-poster {
 |  | 
 | 
											
												
													
														|  | -			width: 100%;
 |  | 
 | 
											
												
													
														|  | -			height: 420rpx;
 |  | 
 | 
											
												
													
														|  | -		}
 |  | 
 | 
											
												
													
														|  | -
 |  | 
 | 
											
												
													
														|  | -		.miantitlebox {
 |  | 
 | 
											
												
													
														|  | -			padding: 30rpx 0;
 |  | 
 | 
											
												
													
														|  | -			border-bottom: 2rpx solid #F5F7FA;
 |  | 
 | 
											
												
													
														|  | -			font-family: PingFang SC, PingFang SC;
 |  | 
 | 
											
												
													
														|  | -			font-weight: 500;
 |  | 
 | 
											
												
													
														|  | -			font-size: 36rpx;
 |  | 
 | 
											
												
													
														|  | -			color: #222222;
 |  | 
 | 
											
												
													
														|  | -		}
 |  | 
 | 
											
												
													
														|  | -
 |  | 
 | 
											
												
													
														|  | -		.subtitlebox {
 |  | 
 | 
											
												
													
														|  | -			padding: 30rpx 0;
 |  | 
 | 
											
												
													
														|  | -			border-bottom: 2rpx solid #F5F7FA;
 |  | 
 | 
											
												
													
														|  | -			font-family: PingFang SC, PingFang SC;
 |  | 
 | 
											
												
													
														|  | -			font-weight: 500;
 |  | 
 | 
											
												
													
														|  | -			font-size: 36rpx;
 |  | 
 | 
											
												
													
														|  | -			color: #222222;
 |  | 
 | 
											
												
													
														|  | -		}
 |  | 
 | 
											
												
													
														|  | -
 |  | 
 | 
											
												
													
														|  | -		.title-content {
 |  | 
 | 
											
												
													
														|  | -			padding: 0 32rpx;
 |  | 
 | 
											
												
													
														|  | -			background-color: #fff;
 |  | 
 | 
											
												
													
														|  | -			font-size: 28rpx;
 |  | 
 | 
											
												
													
														|  | -			line-height: 1.6;
 |  | 
 | 
											
												
													
														|  | -
 |  | 
 | 
											
												
													
														|  | -			.title {
 |  | 
 | 
											
												
													
														|  | -				font-size: 36rpx;
 |  | 
 | 
											
												
													
														|  | -				font-weight: 500;
 |  | 
 | 
											
												
													
														|  | -				color: #414858;
 |  | 
 | 
											
												
													
														|  | -			}
 |  | 
 | 
											
												
													
														|  | -
 |  | 
 | 
											
												
													
														|  | -			.time-or-subtitle {
 |  | 
 | 
											
												
													
														|  | -				margin-top: 12rpx;
 |  | 
 | 
											
												
													
														|  | -				color: #666666;
 |  | 
 | 
											
												
													
														|  | -			}
 |  | 
 | 
											
												
													
														|  | -		}
 |  | 
 | 
											
												
													
														|  | -
 |  | 
 | 
											
												
													
														|  | -		.descbox {
 |  | 
 | 
											
												
													
														|  | -			padding: 36rpx 32rpx;
 |  | 
 | 
											
												
													
														|  | -			margin-bottom: 20rpx;
 |  | 
 | 
											
												
													
														|  | -			background-color: #fff;
 |  | 
 | 
											
												
													
														|  | -			font-family: PingFang SC, PingFang SC;
 |  | 
 | 
											
												
													
														|  | -			font-weight: 400;
 |  | 
 | 
											
												
													
														|  | -			font-size: 28rpx;
 |  | 
 | 
											
												
													
														|  | -			color: #222222;
 |  | 
 | 
											
												
													
														|  | -			line-height: 42rpx;
 |  | 
 | 
											
												
													
														|  | -			word-break: break-word;
 |  | 
 | 
											
												
													
														|  | -
 |  | 
 | 
											
												
													
														|  | -			&-title {
 |  | 
 | 
											
												
													
														|  | -				margin-bottom: 24rpx;
 |  | 
 | 
											
												
													
														|  | -				font-weight: 500;
 |  | 
 | 
											
												
													
														|  | -				font-size: 32rpx;
 |  | 
 | 
											
												
													
														|  | -			}
 |  | 
 | 
											
												
													
														|  | -
 |  | 
 | 
											
												
													
														|  | -			&-info {
 |  | 
 | 
											
												
													
														|  | -				margin-bottom: 24rpx;
 |  | 
 | 
											
												
													
														|  | -				@include u-flex(row, center, space-between);
 |  | 
 | 
											
												
													
														|  | -				font-size: 26rpx;
 |  | 
 | 
											
												
													
														|  | -				color: #757575;
 |  | 
 | 
											
												
													
														|  | -
 |  | 
 | 
											
												
													
														|  | -				&-l {
 |  | 
 | 
											
												
													
														|  | -					flex: 1;
 |  | 
 | 
											
												
													
														|  | -					@include u-flex(row, center, flex-start);
 |  | 
 | 
											
												
													
														|  | -				}
 |  | 
 | 
											
												
													
														|  | -
 |  | 
 | 
											
												
													
														|  | -				&-time {
 |  | 
 | 
											
												
													
														|  | -					margin-left: 18rpx;
 |  | 
 | 
											
												
													
														|  | -					padding-left: 18rpx;
 |  | 
 | 
											
												
													
														|  | -					position: relative;
 |  | 
 | 
											
												
													
														|  | -
 |  | 
 | 
											
												
													
														|  | -					&::after {
 |  | 
 | 
											
												
													
														|  | -						content: "";
 |  | 
 | 
											
												
													
														|  | -						width: 4rpx;
 |  | 
 | 
											
												
													
														|  | -						height: 4rpx;
 |  | 
 | 
											
												
													
														|  | -						background: #999999;
 |  | 
 | 
											
												
													
														|  | -						border-radius: 50%;
 |  | 
 | 
											
												
													
														|  | -						position: absolute;
 |  | 
 | 
											
												
													
														|  | -						left: 0;
 |  | 
 | 
											
												
													
														|  | -						top: 50%;
 |  | 
 | 
											
												
													
														|  | -						transform: translateY(-50%);
 |  | 
 | 
											
												
													
														|  | -					}
 |  | 
 | 
											
												
													
														|  | -				}
 |  | 
 | 
											
												
													
														|  | -
 |  | 
 | 
											
												
													
														|  | -				&-r {
 |  | 
 | 
											
												
													
														|  | -					background: transparent;
 |  | 
 | 
											
												
													
														|  | -				}
 |  | 
 | 
											
												
													
														|  | -			}
 |  | 
 | 
											
												
													
														|  | -
 |  | 
 | 
											
												
													
														|  | -			&-desc {
 |  | 
 | 
											
												
													
														|  | -				overflow: hidden;
 |  | 
 | 
											
												
													
														|  | -				position: relative;
 |  | 
 | 
											
												
													
														|  | -			}
 |  | 
 | 
											
												
													
														|  | -		}
 |  | 
 | 
											
												
													
														|  | -
 |  | 
 | 
											
												
													
														|  | -		.expand {
 |  | 
 | 
											
												
													
														|  | -			flex-shrink: 0;
 |  | 
 | 
											
												
													
														|  | -			@include u-flex(row, center, flex-end);
 |  | 
 | 
											
												
													
														|  | -			color: #FF5C03;
 |  | 
 | 
											
												
													
														|  | -			font-weight: 400;
 |  | 
 | 
											
												
													
														|  | -			font-size: 24rpx;
 |  | 
 | 
											
												
													
														|  | -
 |  | 
 | 
											
												
													
														|  | -			image {
 |  | 
 | 
											
												
													
														|  | -				width: 32rpx;
 |  | 
 | 
											
												
													
														|  | -				height: 32rpx;
 |  | 
 | 
											
												
													
														|  | -			}
 |  | 
 | 
											
												
													
														|  | -		}
 |  | 
 | 
											
												
													
														|  | -
 |  | 
 | 
											
												
													
														|  | -		.expand-ab {
 |  | 
 | 
											
												
													
														|  | -			position: absolute;
 |  | 
 | 
											
												
													
														|  | -			top: 0;
 |  | 
 | 
											
												
													
														|  | -			right: 0;
 |  | 
 | 
											
												
													
														|  | -			box-shadow: -50rpx 0 20rpx 8rpx #FFFFFF;
 |  | 
 | 
											
												
													
														|  | -			background-color: #fff;
 |  | 
 | 
											
												
													
														|  | -		}
 |  | 
 | 
											
												
													
														|  | -
 |  | 
 | 
											
												
													
														|  | -		.ques-content {
 |  | 
 | 
											
												
													
														|  | -			background-color: #fff;
 |  | 
 | 
											
												
													
														|  | -			padding: 40rpx 32rpx;
 |  | 
 | 
											
												
													
														|  | -			box-sizing: border-box;
 |  | 
 | 
											
												
													
														|  | -			font-family: PingFang SC, PingFang SC;
 |  | 
 | 
											
												
													
														|  | -			font-weight: 400;
 |  | 
 | 
											
												
													
														|  | -			font-size: 28rpx;
 |  | 
 | 
											
												
													
														|  | -			color: #222222;
 |  | 
 | 
											
												
													
														|  | -		}
 |  | 
 | 
											
												
													
														|  | -
 |  | 
 | 
											
												
													
														|  | -		.ques-content-tit {
 |  | 
 | 
											
												
													
														|  | -			font-family: PingFang SC, PingFang SC;
 |  | 
 | 
											
												
													
														|  | -			font-weight: 600;
 |  | 
 | 
											
												
													
														|  | -			font-size: 36rpx;
 |  | 
 | 
											
												
													
														|  | -			color: #222222;
 |  | 
 | 
											
												
													
														|  | -		}
 |  | 
 | 
											
												
													
														|  | -
 |  | 
 | 
											
												
													
														|  | -		.ques-title {
 |  | 
 | 
											
												
													
														|  | -			margin: 48rpx 0 34rpx 0;
 |  | 
 | 
											
												
													
														|  | -			font-weight: 500;
 |  | 
 | 
											
												
													
														|  | -			font-size: 32rpx;
 |  | 
 | 
											
												
													
														|  | -			white-space: normal;
 |  | 
 | 
											
												
													
														|  | -		}
 |  | 
 | 
											
												
													
														|  | -
 |  | 
 | 
											
												
													
														|  | -		.ques-type {
 |  | 
 | 
											
												
													
														|  | -			flex-shrink: 0;
 |  | 
 | 
											
												
													
														|  | -			min-width: 72rpx;
 |  | 
 | 
											
												
													
														|  | -			min-height: 40rpx;
 |  | 
 | 
											
												
													
														|  | -			padding: 0 12rpx;
 |  | 
 | 
											
												
													
														|  | -			margin: 0 12rpx;
 |  | 
 | 
											
												
													
														|  | -			box-sizing: border-box;
 |  | 
 | 
											
												
													
														|  | -			background: #FF5C03;
 |  | 
 | 
											
												
													
														|  | -			border-radius: 8rpx 8rpx 8rpx 8rpx;
 |  | 
 | 
											
												
													
														|  | -			line-height: 40rpx;
 |  | 
 | 
											
												
													
														|  | -			text-align: center;
 |  | 
 | 
											
												
													
														|  | -			font-family: PingFang SC, PingFang SC;
 |  | 
 | 
											
												
													
														|  | -			font-weight: 400;
 |  | 
 | 
											
												
													
														|  | -			font-size: 24rpx;
 |  | 
 | 
											
												
													
														|  | -			color: #FFFFFF;
 |  | 
 | 
											
												
													
														|  | -			display: inline-block;
 |  | 
 | 
											
												
													
														|  | -		}
 |  | 
 | 
											
												
													
														|  | -
 |  | 
 | 
											
												
													
														|  | -		.ques-option {
 |  | 
 | 
											
												
													
														|  | -			min-height: 88rpx;
 |  | 
 | 
											
												
													
														|  | -			padding: 24rpx 32rpx;
 |  | 
 | 
											
												
													
														|  | -			box-sizing: border-box;
 |  | 
 | 
											
												
													
														|  | -			margin-bottom: 24rpx;
 |  | 
 | 
											
												
													
														|  | -			background: #F5F7FA;
 |  | 
 | 
											
												
													
														|  | -			border-radius: 16rpx 16rpx 16rpx 16rpx;
 |  | 
 | 
											
												
													
														|  | -			display: flex;
 |  | 
 | 
											
												
													
														|  | -			align-items: center;
 |  | 
 | 
											
												
													
														|  | -
 |  | 
 | 
											
												
													
														|  | -			&-active {
 |  | 
 | 
											
												
													
														|  | -				color: #FF5C03 !important;
 |  | 
 | 
											
												
													
														|  | -				background: #FCF0E7 !important;
 |  | 
 | 
											
												
													
														|  | -			}
 |  | 
 | 
											
												
													
														|  | -		}
 |  | 
 | 
											
												
													
														|  | -
 |  | 
 | 
											
												
													
														|  | -		.video-line {
 |  | 
 | 
											
												
													
														|  | -			min-width: 140rpx;
 |  | 
 | 
											
												
													
														|  | -			max-width: 200rpx;
 |  | 
 | 
											
												
													
														|  | -			height: 60rpx;
 |  | 
 | 
											
												
													
														|  | -			padding: 0 20rpx;
 |  | 
 | 
											
												
													
														|  | -			box-sizing: border-box;
 |  | 
 | 
											
												
													
														|  | -			border-radius: 50rpx 0 0 50rpx;
 |  | 
 | 
											
												
													
														|  | -			overflow: hidden;
 |  | 
 | 
											
												
													
														|  | -			background-color: #fff;
 |  | 
 | 
											
												
													
														|  | -			text-align: center;
 |  | 
 | 
											
												
													
														|  | -			color: #888;
 |  | 
 | 
											
												
													
														|  | -			font-size: 28rpx;
 |  | 
 | 
											
												
													
														|  | -			line-height: 60rpx;
 |  | 
 | 
											
												
													
														|  | -			display: inline-flex;
 |  | 
 | 
											
												
													
														|  | -			align-items: center;
 |  | 
 | 
											
												
													
														|  | -			justify-content: center;
 |  | 
 | 
											
												
													
														|  | -			position: fixed;
 |  | 
 | 
											
												
													
														|  | -			right: 0;
 |  | 
 | 
											
												
													
														|  | -			z-index: 9;
 |  | 
 | 
											
												
													
														|  | -			bottom: calc(var(--window-bottom) + 280rpx);
 |  | 
 | 
											
												
													
														|  | -			box-shadow: 0 4rpx 10rpx rgba(0, 0, 0, .12);
 |  | 
 | 
											
												
													
														|  | -
 |  | 
 | 
											
												
													
														|  | -			image {
 |  | 
 | 
											
												
													
														|  | -				flex-shrink: 0;
 |  | 
 | 
											
												
													
														|  | -				height: 34rpx;
 |  | 
 | 
											
												
													
														|  | -				width: 34rpx;
 |  | 
 | 
											
												
													
														|  | -				margin-right: 6rpx;
 |  | 
 | 
											
												
													
														|  | -			}
 |  | 
 | 
											
												
													
														|  | -		}
 |  | 
 | 
											
												
													
														|  | -		.danmu-line {
 |  | 
 | 
											
												
													
														|  | -			bottom: calc(var(--window-bottom) + 370rpx);
 |  | 
 | 
											
												
													
														|  | -			word-break: keep-all;
 |  | 
 | 
											
												
													
														|  | -			.set_image {
 |  | 
 | 
											
												
													
														|  | -				height: 40rpx;
 |  | 
 | 
											
												
													
														|  | -				width: 40rpx;
 |  | 
 | 
											
												
													
														|  | -			}
 |  | 
 | 
											
												
													
														|  | -		}
 |  | 
 | 
											
												
													
														|  | -		.footer {
 |  | 
 | 
											
												
													
														|  | -			border-top: 1rpx solid #ededef;
 |  | 
 | 
											
												
													
														|  | -			background: #fff;
 |  | 
 | 
											
												
													
														|  | -			width: 100%;
 |  | 
 | 
											
												
													
														|  | -			position: fixed;
 |  | 
 | 
											
												
													
														|  | -			bottom: 0;
 |  | 
 | 
											
												
													
														|  | -			padding: 32rpx;
 |  | 
 | 
											
												
													
														|  | -			padding-bottom: calc(var(--window-bottom) + 14rpx);
 |  | 
 | 
											
												
													
														|  | -			box-sizing: border-box;
 |  | 
 | 
											
												
													
														|  | -			z-index: 9;
 |  | 
 | 
											
												
													
														|  | -
 |  | 
 | 
											
												
													
														|  | -			&-btn {
 |  | 
 | 
											
												
													
														|  | -				width: 100%;
 |  | 
 | 
											
												
													
														|  | -				height: 98rpx;
 |  | 
 | 
											
												
													
														|  | -				background: #FF5C03;
 |  | 
 | 
											
												
													
														|  | -				border-radius: 49rpx 49rpx 49rpx 49rpx;
 |  | 
 | 
											
												
													
														|  | -				line-height: 98rpx;
 |  | 
 | 
											
												
													
														|  | -				text-align: center;
 |  | 
 | 
											
												
													
														|  | -				font-family: PingFang SC, PingFang SC;
 |  | 
 | 
											
												
													
														|  | -				font-weight: 600;
 |  | 
 | 
											
												
													
														|  | -				font-size: 32rpx;
 |  | 
 | 
											
												
													
														|  | -				color: #FFFFFF;
 |  | 
 | 
											
												
													
														|  | -				@include u-flex(row, center, center);
 |  | 
 | 
											
												
													
														|  | -
 |  | 
 | 
											
												
													
														|  | -				&-img {
 |  | 
 | 
											
												
													
														|  | -					flex-shrink: 0;
 |  | 
 | 
											
												
													
														|  | -					width: 144rpx;
 |  | 
 | 
											
												
													
														|  | -					height: 144rpx;
 |  | 
 | 
											
												
													
														|  | -					margin-right: 8rpx;
 |  | 
 | 
											
												
													
														|  | -					margin-top: -24rpx;
 |  | 
 | 
											
												
													
														|  | -				}
 |  | 
 | 
											
												
													
														|  | -			}
 |  | 
 | 
											
												
													
														|  | -
 |  | 
 | 
											
												
													
														|  | -			&-btn-border {
 |  | 
 | 
											
												
													
														|  | -				position: relative;
 |  | 
 | 
											
												
													
														|  | -
 |  | 
 | 
											
												
													
														|  | -				&::after {
 |  | 
 | 
											
												
													
														|  | -					content: "";
 |  | 
 | 
											
												
													
														|  | -					background: linear-gradient(180deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));
 |  | 
 | 
											
												
													
														|  | -					position: absolute;
 |  | 
 | 
											
												
													
														|  | -					top: -2rpx;
 |  | 
 | 
											
												
													
														|  | -					left: 0;
 |  | 
 | 
											
												
													
														|  | -					height: 103rpx;
 |  | 
 | 
											
												
													
														|  | -					width: 100%;
 |  | 
 | 
											
												
													
														|  | -					z-index: -1;
 |  | 
 | 
											
												
													
														|  | -					border-radius: 49rpx 49rpx 49rpx 49rpx;
 |  | 
 | 
											
												
													
														|  | -					box-shadow: 0rpx 8rpx 11rpx 0rpx rgba(255, 92, 3, 0.3);
 |  | 
 | 
											
												
													
														|  | -					overflow: hidden;
 |  | 
 | 
											
												
													
														|  | -				}
 |  | 
 | 
											
												
													
														|  | -			}
 |  | 
 | 
											
												
													
														|  | -		}
 |  | 
 | 
											
												
													
														|  | -	}
 |  | 
 | 
											
												
													
														|  | -
 |  | 
 | 
											
												
													
														|  | -	.agreement {
 |  | 
 | 
											
												
													
														|  | -		display: inline-flex;
 |  | 
 | 
											
												
													
														|  | -		margin-top: 16rpx;
 |  | 
 | 
											
												
													
														|  | -		font-size: 24rpx;
 |  | 
 | 
											
												
													
														|  | -		color: #525252;
 |  | 
 | 
											
												
													
														|  | -		align-items: center;
 |  | 
 | 
											
												
													
														|  | -		justify-content: center;
 |  | 
 | 
											
												
													
														|  | -	}
 |  | 
 | 
											
												
													
														|  | -	.video-danmu-btnbox {
 |  | 
 | 
											
												
													
														|  | -		width: 50px;
 |  | 
 | 
											
												
													
														|  | -		height: 50px;
 |  | 
 | 
											
												
													
														|  | -		border-radius: 50%;
 |  | 
 | 
											
												
													
														|  | -		overflow: hidden;
 |  | 
 | 
											
												
													
														|  | -		position: absolute;
 |  | 
 | 
											
												
													
														|  | -		right: 10px;
 |  | 
 | 
											
												
													
														|  | -		bottom: calc(50% - 50px);
 |  | 
 | 
											
												
													
														|  | -		transform: translateY(-50%);
 |  | 
 | 
											
												
													
														|  | -		padding: 8px;
 |  | 
 | 
											
												
													
														|  | -		box-sizing: border-box;
 |  | 
 | 
											
												
													
														|  | -	}
 |  | 
 | 
											
												
													
														|  | -	.video-danmu-image {
 |  | 
 | 
											
												
													
														|  | -		width: 100%;
 |  | 
 | 
											
												
													
														|  | -		height: 100%;
 |  | 
 | 
											
												
													
														|  | -	}
 |  | 
 | 
											
												
													
														|  | -	.danmuPopup {
 |  | 
 | 
											
												
													
														|  | -		background-color: #fff;
 |  | 
 | 
											
												
													
														|  | -		padding-bottom: calc(var(--window-bottom) + 10px);
 |  | 
 | 
											
												
													
														|  | -		&-head {
 |  | 
 | 
											
												
													
														|  | -			width: 100%;
 |  | 
 | 
											
												
													
														|  | -			padding: 10px;
 |  | 
 | 
											
												
													
														|  | -			box-sizing: border-box;
 |  | 
 | 
											
												
													
														|  | -			overflow: hidden;
 |  | 
 | 
											
												
													
														|  | -			@include u-flex(row,center,flex-start);
 |  | 
 | 
											
												
													
														|  | -			.danmu-icon {
 |  | 
 | 
											
												
													
														|  | -				height: 24px;
 |  | 
 | 
											
												
													
														|  | -				width: 24px;
 |  | 
 | 
											
												
													
														|  | -				margin-right: 12px;
 |  | 
 | 
											
												
													
														|  | -			}
 |  | 
 | 
											
												
													
														|  | -		}
 |  | 
 | 
											
												
													
														|  | -		&-input {
 |  | 
 | 
											
												
													
														|  | -			flex: 1;
 |  | 
 | 
											
												
													
														|  | -			height: 35px;
 |  | 
 | 
											
												
													
														|  | -		}
 |  | 
 | 
											
												
													
														|  | -		&-send {
 |  | 
 | 
											
												
													
														|  | -			flex-shrink: 0;
 |  | 
 | 
											
												
													
														|  | -			height: 35px;
 |  | 
 | 
											
												
													
														|  | -			display: flex;
 |  | 
 | 
											
												
													
														|  | -			align-items: center;
 |  | 
 | 
											
												
													
														|  | -			justify-content: center;
 |  | 
 | 
											
												
													
														|  | -			padding: 5px 15px;
 |  | 
 | 
											
												
													
														|  | -			box-sizing: border-box;
 |  | 
 | 
											
												
													
														|  | -			background: #FF5C03 !important;
 |  | 
 | 
											
												
													
														|  | -			border-radius: 22px;
 |  | 
 | 
											
												
													
														|  | -			font-family: PingFang SC, PingFang SC;
 |  | 
 | 
											
												
													
														|  | -			font-weight: 500;
 |  | 
 | 
											
												
													
														|  | -			font-size: 15px;
 |  | 
 | 
											
												
													
														|  | -			color: #fff !important;
 |  | 
 | 
											
												
													
														|  | -			margin-left: 12px;
 |  | 
 | 
											
												
													
														|  | -			&::after {
 |  | 
 | 
											
												
													
														|  | -				border: none;
 |  | 
 | 
											
												
													
														|  | -			}
 |  | 
 | 
											
												
													
														|  | -		}
 |  | 
 | 
											
												
													
														|  | -		&-con {
 |  | 
 | 
											
												
													
														|  | -			background-color: #F5F7FA;
 |  | 
 | 
											
												
													
														|  | -			padding: 24px 12px 48px 12px;
 |  | 
 | 
											
												
													
														|  | -			font-family: PingFang SC, PingFang SC;
 |  | 
 | 
											
												
													
														|  | -			font-weight: 400;
 |  | 
 | 
											
												
													
														|  | -			font-size: 14px;
 |  | 
 | 
											
												
													
														|  | -			color: #757575;
 |  | 
 | 
											
												
													
														|  | -		}
 |  | 
 | 
											
												
													
														|  | -	}
 |  | 
 | 
											
												
													
														|  | -	.danmu-item {
 |  | 
 | 
											
												
													
														|  | -		position: absolute;
 |  | 
 | 
											
												
													
														|  | -		top: 0;
 |  | 
 | 
											
												
													
														|  | -		white-space: nowrap;
 |  | 
 | 
											
												
													
														|  | -		font-size: 16px;
 |  | 
 | 
											
												
													
														|  | -		height: 20px;
 |  | 
 | 
											
												
													
														|  | -		display: inline-flex;
 |  | 
 | 
											
												
													
														|  | -		box-sizing: border-box;
 |  | 
 | 
											
												
													
														|  | -		align-items: center;
 |  | 
 | 
											
												
													
														|  | -	}
 |  | 
 | 
											
												
													
														|  | -	.danmuMove {
 |  | 
 | 
											
												
													
														|  | -		// animation: mymove 8s linear forwards;
 |  | 
 | 
											
												
													
														|  | -		// animation-duration: 8s;
 |  | 
 | 
											
												
													
														|  | -		animation-timing-function: linear;
 |  | 
 | 
											
												
													
														|  | -		animation-delay: 0s;
 |  | 
 | 
											
												
													
														|  | -		animation-iteration-count: 1;
 |  | 
 | 
											
												
													
														|  | -		animation-direction: normal;
 |  | 
 | 
											
												
													
														|  | -		animation-fill-mode: forwards;
 |  | 
 | 
											
												
													
														|  | -		animation-play-state: running;
 |  | 
 | 
											
												
													
														|  | -		animation-name: mymove;
 |  | 
 | 
											
												
													
														|  | -		will-change: transform;
 |  | 
 | 
											
												
													
														|  | -	}
 |  | 
 | 
											
												
													
														|  | -	
 |  | 
 | 
											
												
													
														|  | -	@keyframes mymove {
 |  | 
 | 
											
												
													
														|  | -		from {
 |  | 
 | 
											
												
													
														|  | -			transform: translateX(100vw);
 |  | 
 | 
											
												
													
														|  | -		}
 |  | 
 | 
											
												
													
														|  | -	
 |  | 
 | 
											
												
													
														|  | -		to {
 |  | 
 | 
											
												
													
														|  | -			transform: translateX(-100%);
 |  | 
 | 
											
												
													
														|  | -		}
 |  | 
 | 
											
												
													
														|  | -	}
 |  | 
 | 
											
												
													
														|  | -	.danmu-icon{
 |  | 
 | 
											
												
													
														|  | -		height: 24px;
 |  | 
 | 
											
												
													
														|  | -		width: 24px;
 |  | 
 | 
											
												
													
														|  | -		margin-right: 12px;
 |  | 
 | 
											
												
													
														|  | -	}
 |  | 
 | 
											
												
													
														|  | -</style>
 |  | 
 |