视频优化

pages/video/index.nvue

@@ -4,7 +4,7 @@
 			:autoBack="false">
 		</u-navbar>
 		<swiper :style="'width: '+ windowWidth +'px; height:100vh; background-color: #000;'" class="swiper"
-			:circular='false' @change="swiperChange" :current="swiperCurrent" :vertical="true" duration="300">
+			:circular='false' @change="swiperChange" :current="swiperCurrent" :vertical="true" duration="200">
 			<block v-for="content in videoInfo.updated_episode_num">
 				<swiper-item :key="content">
 					<view :style="'width: '+ windowWidth +'px; height:'+heightxw+'vh;'">
@@ -72,7 +72,7 @@
 								<view class="utabs-top">
 									<u-tabs v-if="fenji==1" :activeStyle="activeStyle" lineColor="none"
 										:inactiveStyle="inactiveStyle" class="utabs-top" :list="list1"
-										:current="current" @click="click"></u-tabs>
+										:current="current"></u-tabs>
 								</view>
 								<view class="ju-top-title">
 									{{videoInfo.name}}
@@ -80,8 +80,8 @@
 								<view class="ju-top-update"> 已更新至{{videoInfo.updated_episode_num}}集 </view>
 							</view>
 							<u-tabs v-if="fenji==1" :activeStyle="activeStyle" lineColor="none"
-								:inactiveStyle="inactiveStyle" :list="labelList" @click="click"></u-tabs>
-							{{labelList}}
+								:inactiveStyle="inactiveStyle" :current="tabcurrent" :list="labelList"
+								@click="labelListClick"></u-tabs>
 						</view>
 						<view class="down" @click="down">
 							<text class="down-text">收起</text>
@@ -145,6 +145,7 @@
 	export default {
 		data() {
 			return {
+				limitPage: 15,
 				top_height: 0,
 				episode: 1,
 				swiperCurrent: 0,
@@ -159,16 +160,9 @@
 					color: '#606266',
 					transform: 'scale(1)'
 				},
-				activeIndex: 0,
+				activeIndex: 1,
 				tabcurrent: 0,
-				videoInfo: {
-					"name": "test1-112",
-					"charge_sequence": 24,
-					"charge_coin": 125,
-					"total_episode_num": 98,
-					"updated_episode_num": 24,
-					"update_type": 1
-				},
+				videoInfo: {},
 				labelList: [],
 				list1: [{
 					name: '当前剧集',
@@ -223,13 +217,13 @@
 			this.videoContext = uni.createVideoContext('myVideo')
 		},
 		mounted() {
-			this.initTabs();
 			this.initSwiperData(this.swiperCurrent + 1)
 			getVideoInfo({
 				video_id: this.video_id
 			}).then(res => {
 				// console.log(res, 'getVideoInfogetVideoInfogetVideoInfo')
 				this.videoInfo = res.data
+				this.initTabs();
 			})
 		},
 		onLoad(e) {
@@ -282,6 +276,12 @@
 			return obj
 			// #endif
 		},
+		watch: {
+			activeIndex(newVal, oldVal) {
+				let index = this.labelList.findIndex(el => el.content.includes(newVal))
+				this.tabcurrent = index
+			}
+		},
 		onBackPress() {},
 		methods: {
 			bingewatch() {
@@ -351,7 +351,7 @@
 					}
 					return arr
 				}
-				const pageSize = 15;
+				const pageSize = this.limitPage;
 				const total = this.videoInfo.total_episode_num;
 				const pageCount = Math.ceil(total / pageSize);
 				for (let i = 0; i < pageCount; i++) {
@@ -401,9 +401,9 @@
 					this.down();
 				}
 			},
-			click(item) {
+			labelListClick(item) {
 				this.tabcurrent = item.index
-				console.log('item', item);
+				console.log('itemitemitemitemitem', item);
 			},
 			share() {
 				var href = '/pages/video/index?video_id=' + this.video_id
@@ -469,7 +469,7 @@
 			},
 			initSwiperData(originIndex) {
 				this.episode = originIndex;
-				this.isqp = false
+				this.isqp = true
 				videoEpisodePlay({
 					video_id: this.video_id,
 					sequence: originIndex