<template>
	<view class="">
		<block v-for="(item, index) in communityList" :key="index">
			<view @click="toDetails(item.id)" style="border-bottom: 1px solid #efefef;">
				<pic-text :isDetail="isClass" :info="item" :index="index" :stopVideo="stopVideo" :currentPlay="currentPlay" @changePlay="changePlay()"></pic-text>
			</view>
		</block>
	</view>
</template>

<script>
	import App from '@/common/js/app.js';
	import picText from "@/components/template/pic_text/pic_text.vue"
	export default {
		data(){
			return {
				stopVideo: 0,
				scrollTimer: null,
				currentPlay: -2,//当前正在播放的视频在列表中的索引,-2表示没有正在播放
			}
		},
		props:{
			scrollLock: {
				type: Boolean
			},
			communityList: {
				type: Array
			},
			isClass: {
				// 首页false、分类页true
				type: Boolean,
				default: false
			}
		},
		components:{
			picText
		},
		watch: {
			scrollLock: {
				handler(newVal, oldVal){
					this.handlerScroll();
				}
			}
		},
		created() {
			
		},
		methods: {
			// 跳转正文详情
			toDetails(id){
				uni.navigateTo({
					url:"/pagesA/pictureTextDetails/pictureTextDetails?id=" + id
				})
			},
			handlerScroll(){
				if(this.scrollLock){
					clearTimeout(this.scrollTimer);
				}
				this.scrollTimer = setTimeout(()=>{
					// this.scrollLock = false;
					this.$emit('changeScrollLock', false)
					this.stopVideo++;
				}, 500)
			},
			changePlay(e){
				this.stopVideo++;//先关闭上一个播放的按钮，再改变当前播放索引=最新播放视频索引
				this.currentPlay = e;
			}
		}
	}
</script>

<style>
</style>