<template>
	<view>
		<block v-if="list.length > 0">
			<view class="record--item" v-for="(item, index) in list" :key="index">
				<view class="title ellipsis">{{item.hash || '-'}}</view>
				<view class="time ellipsis">{{item.block_time || '-'}}</view>
				<view class="webkit-box variation">
					<view class="ellipsis" :class="item.is_in ? 'add': 'remove'">{{item.is_in ? '+': '-'}}{{item.amount}}</view>
					<view class="symbol">{{item.assets.symbol}}</view>
				</view>
			</view>
		</block>
		<block v-else>
			<view class="record--null webkit-box">
				<image src="@/static/icon/logs-null.png" mode="widthFix" />
				<view>没有相关数据~</view>
			</view>
		</block>
	</view>
</template>

<script>
	export default {
		name:"property",
		props:{
			list: {
				type: Array,
				default: () => {
					return []
				}
			}
		},
		data() {
			return {
				
			};
		}
	}
</script>

<style lang="scss" scoped>
	.record--item{
		padding: $padding 320rpx $padding 0;
		border-bottom: solid 1rpx $border-color;
		position: relative;
		min-height: 50rpx;
		.variation{
			position: absolute;
			right: 0;
			top: $margin;
			bottom: $margin;
			width: 300rpx;
			text-align: right;
			font-weight: bold;
			&>label{
				font-size: 80%;
			}
			.symbol{
				color: $text-gray;
				font-weight: normal;
				font-size: $title-size-m;
			}
			.add{
				color: $text-price;
			}
			.remove{
				color: $main-color;
			}
		}
		.title{
			line-height: 50rpx;
		}
		.time{
			font-size: $title-size-m;
			color: $text-gray;
		}
	}
	// 数据空
	.record--null{
		padding-top: $padding * 3;
		text-align: center;
		color: $text-gray;
		font-size: $title-size;
		height: 50vh;
		box-sizing: border-box;
		line-height: 60rpx;
		image{
			width: 168rpx;
		}
	}
</style>
