<template>
	<view class="com-video-item" v-if="item"  @click="onViewVideo">
		<view class="left">
			<image :src="item.imageUrl" class="img"></image>
		</view>
		<view class="right">
			<view class="title">
				<view class="name">{{item.name}}</view>
				<view class="price"><text class="sign">￥</text>{{item.price}}</view>				
			</view>
			<view class="tip">时间：
				<block v-if="item.plan && item.plan.startTime "> {{item.plan.startDate}} 至 {{item.plan.endDate}}</block>
				<block v-else> 暂无时间按排</block>
				
				
				</view>
					<view class="tags">
						<block v-for="(it,index) in item.tags">
							<view class="tag">{{it}}</view>
						</block> 
					</view>

				
			<view class="part_area"  >
				<view class="parttip" >已报名：{{item.userList.length}} 人 </view>
				
				<!-- 报名会员头像 -->
				 <!-- <view class="partic" v-if="info.userList.length > 0 && index < 6" v-for="(it,index) in info.userList  " >
				    <view><img :src="it.user.headerImg"></view>
					  
				  </view><view v-if="info.userList.length>6">...</view>  -->
				  
			
			
			
			</view>
		</view> 
		
	</view>
</template>

<script>
	export default {
		name:"VideoItem",
		props:{
			item:{
				type:Object,
				default:()=>{
					return null;
				}
			}
		},
		data() {
			return {
				
			};
		},
		methods:{
			onViewVideo(e){
				uni.navigateTo({
					url:'/pages/theater/movie/movie?id='+this.item.id
				})
			}
		},
		
	}
</script>

<style lang="scss">
@import './VideoItem.scss'
</style>