<template>
	<view class="flex-b">
		<view class="imgBox">
			<image :src="item.picture" mode="aspectFill"></image>
		</view>
		<view class="rightText">
			<view class="text towRowText">{{ item.title }}</view>
			<view class="date">{{ $u.timeFormat(item.createTime, 'yyyy/mm/dd') }}</view>
		</view>
	</view>
</template>

<script>
	export default {
		props: {
			item: {
				type: Object,
				default () {
					return {
						picture: require('@/static/images/index/img_7@2x.png'),
						title: '测试数据',
						createTime: new Date()*1
					}
				}
			}
		}
	}
</script>

<style lang="scss" scoped>
	.flex-b {
		padding: 30rpx 0 28rpx 0;
	
		.imgBox {
			width: 184rpx;
			height: 148rpx;
			background: linear-gradient(180deg, rgba(0, 122, 255, 0.5) 0%, #007AFF 100%);
			border-radius: 6rpx;
			overflow: hidden;
		}
	
		.rightText {
			flex: 1;
			padding: 0 0 0 30rpx;
			height: 148rpx;
			display: flex;
			flex-direction: column;
			justify-content: space-between;
	
			.text {
				font-size: 24rpx;
				color: #333;
			}
	
			.date {
				font-size: 20rpx;
				color: #686B73;
			}
		}
	}
</style>