92 lines
1.7 KiB
Vue
92 lines
1.7 KiB
Vue
<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>
|