xingmingyi_applet/pagesA/broadcast/components/list.vue

<template>
	<view class="box">
		<!-- 1 回放  2.直播列表 -->
		<view v-if="flag == 1" class="boxlist">
			<view v-if="ind==0" @click="nextTo(item, ind, 1)" class="bb vidLi dfsb" v-for="(item, ind) in list" :key="ind">
				<image class="imgbox" :src="zbitem.share_img" mode=""></image>
				<view class="dffd flex1">
					<!-- <view class="title elli">{{ item.name }}</view> -->
					<view class="textgrey fontsm">开始时间：{{ item.create_time }}</view>
					<view class="auth dfsb">
						<text class="fontssm textgrey">作者：{{ zbitem.anchor_name }}</text>
					</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
export default {
	data() {
		return {};
	},
	props: {
		zbitem: {
			type: Object,
			default: {}
		},
		list: {
			type: Array,
			default: []
		},
		flag: {
			type: [String, Number],
			default: 1 //1 回放  2.直播列表
		}
	},
	methods: {
		nextTo(item, ind, val) {
			uni.navigateTo({
				url: '/pagesA/broadcast/bdInfo?list=' + JSON.stringify(this.list) + '&ind=' + ind
			});
			
		}
	}
};
</script>

<style scoped lang="scss">
.boxlist {
	.vidLi {
		width: 100%;
		padding: 27rpx 0;
		background-color: #fff;
		&:nth-of-type(2n) {
			margin-right: 0;
		}
		.imgbox {
			width: 146rpx;
			height: 146rpx;
			margin-right: 18rpx;
			border-radius: 10rpx;
		}
		.title {
			font-size: 28rpx;
			line-height: 40rpx;
			margin-bottom: 12rpx;
		}
		.auth {
			margin-top: 15rpx;
			width: 100%;
		}
		.down {
			width: 35rpx;
			height: 30rpx;
			margin-left: 58rpx;
		}
	}
}
</style>