xingmingyi_applet/pages/index/components/knowList.vue

<template>
	<view class="box">
		<view v-if="flag == 1" class="dffs boxlist">
			<view @click="nextTo()" class="vidLi" v-for="(item, ind) in list" :key="ind">
				<image :src="item.image" mode=""></image>
				<view class="title elli">名师揭秘 - 英语领跑多科目强化课名师揭秘 - 英语领跑多科目强化课名师揭秘 - 英语领跑多科目强化课</view>
			</view>
		</view>
	</view>
</template>

<script>
export default {
	data() {
		return {};
	},
	props: {
		list: {
			type: Array,
			default: []
		},
		flag: {
			type: [String, Number],
			default: 1
		}
	},
	methods: {
		nextTo(){
			uni.navigateTo({
				url:'/pages/index/navInfo'
			})
		},
	}
};
</script>

<style scoped lang="scss">
.boxlist {
	flex-wrap: wrap;
	.vidLi { 
		margin-right: 24rpx;
		margin-bottom: 30rpx;
		width: 334rpx;
		background-color: #fff;
		box-shadow: 0px 0px 20rpx 0px rgba(0, 0, 0, 0.07);
		border-radius: 0px 0px 10rpx 10rpx;
		&:nth-of-type(2n) {
			margin-right: 0;
		}
		image {
			width: 334rpx;
			height: 240rpx;
		} 
		.title {
			margin: 18rpx 13rpx 14rpx;
			font-size: 28rpx; 
			line-height: 40rpx;
		}
	}
}
</style>