<template>
	<view class="information-list-box">
		<view class="information-list">
			<view class="information-item acea-row row-between" v-for="(item,index) in list" :key="index" @click="toDetail(item)">
				<view class="item-l acea-row row-column-between">
					<view class="title line2">{{item.title}}！</view>
					<view class="acea-row row-middle">
						<view class="tip">精选</view>
						<view class="time">{{item.createTime}}</view>
						<view class="view-count acea-row">
							<text>{{item.visit || 0}}</text>
							<image src="../../../static/images/eye.png"></image>
						</view>
					</view>
				</view>
				<image class="img" :src="item.imageInput" mode="aspectFill"></image>
			</view>
		</view>
	</view>
</template>

<script>
	export default{
		name: 'InformationList',
		props:{
			list: {
				type: Array,
				default: []
			}
		},
		data(){
			return {
				
			}
		},
		methods:{
			toDetail(item){
				this.$yrouter.push({
					path: '/pages/life/articleDetail/index',
					query: {
						id: item.id
					}
				})
			}
		}
	}
</script>

<style lang="less">
	.information-list-box{
		width: 100%;
		padding: 40rpx;
		.information-list{
			width: 100%;
			.information-item{
				width: 100%;
				padding: 30rpx 24rpx 16rpx;
				box-shadow: 0px 6rpx 20rpx rgba(190, 190, 190, 0.28);
				margin-bottom: 36rpx;
				.item-l{
					width: 448rpx;
					font-size: 24rpx;
					color: #707070;
					.title{
						color: #000;
						font-size: 32rpx;
					}
					.tip{
						width: 80rpx;
						height: 32rpx;
						background: #212121;
						text-align: center;
						line-height: 32rpx;
						color: #fff;
					}
					.time{
						margin: 0 30rpx;
					}
					.view-count{
						image{
							width: 24rpx;
							height: 24rpx;
							margin-left: 10rpx;
						}
					}
				}
				.img{
					width: 144rpx;
					height: 176rpx;
				}
			}
		}
	}
</style>
