<template>
	<view>
		<view class="top1 u-flex u-row-between" v-for="(item,index) in list" :key="index">
			<view class="topleft u-flex">
				<image :src="item.headimg" mode=""></image>
				<view class="">
					<view class="name">
						{{item.nickname}}
					</view>
					<view class="area">
						点赞了你的动态
					</view>
					<view class="area">
					{{item.create_at}}
					</view>
				</view>
			</view>
			<view class="topright">
				<image :src="item.show_images[0]" mode=""></image>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		onLoad() {
			this.getList()
		},
		data() {
			return {
				list:[]
			}
		},
		methods: {
			getList(){
				uni.$u.http.post('/api/user/fabulous').then(res => {
					this.list=res.data
				})
			},
		}
	}
</script>

<style  lang="scss">
page{
	background-color: #F3F3F3;
}
.top1{
		padding: 10rpx 30rpx;
		background-color: #fff;
		border-bottom: 2rpx solid #F3F3F3;
		// margin-bottom: 20rpx;
	}
.topleft{
				image{
					width: 76rpx;
					height: 76rpx;
					border-radius: 50%;
					margin-right: 20rpx;
				}
				.name{
					font-size: 28rpx;
					color: #222222;
					font-weight: 600;
					image{
						margin-left: 8rpx;
						width: 28rpx;
						height: 28rpx;
					}
				}
				.area{
					font-size: 20rpx;
					color: #999999;
				}
			}
			.topright{
				image{
					width: 112rpx;
					height: 112rpx;
					border-radius: 20rpx;
				}
			}
</style>
