TmOct5/BlockChainH5
1
0
Fork 0
Code Issues Pull Requests Projects Releases 1 Wiki Activity

['对接现金红包接口及样式处理']

Browse Source
This commit is contained in:
张冬雪
2021-10-15 09:49:18 +08:00
parent 01a9d8eb40
commit 9a89f3dded
16 changed files with 419 additions and 786 deletions
Download Patch File Download Diff File Expand all files Collapse all files

90
components/property/record.vue
View File

@@ -1,52 +1,71 @@
<template>
<view>
<block v-if="list.length > 0">
<view class="record--item" v-for="(item, index) in list" :key="index" v-if="item">
<view class="title ellipsis">{{item.hash || '-'}}</view>
<view class="time ellipsis">{{item.block_time || '-'}}</view>
<view class="record--item" v-for="(item, index) in list" :key="index" v-if="item && !hash">
<view class="title ellipsis-1">{{item.rule.title}} <span> {{item.coin?' ('+item.coin+'个能量球) ':''}} </span></view>
<view class="time ellipsis-1">{{item.created_at || '-'}}</view>
<view class="webkit-box variation">
<view class="ellipsis" :class="item.is_in ? 'add': 'remove'">{{item.is_in ? '+': '-'}}{{item.amount}}</view>
<view class="ellipsis" :class="item.amount<0 ? 'add': 'remove'">{{item.amount}}</view>
<view class="symbol">{{item.amount>0?'现金红包收入':'现金红包支出'}}</view>
</view>
</view>
<view class="record--item record--item1" v-for="(item, index) in list" :key="index" v-if="item && hash">
<view class="title ellipsis-1">{{item.hash}}</view>
<view class="time ellipsis-1">{{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>
<no-list v-if='logsType === 0' name='no-record' txt="没有任何记录~" />
<no-list v-if='logsType === 2' name='no-in' txt="没有任何收入记录~" />
<no-list v-if='logsType === 1' name='no-out' txt="没有任何支出记录~" />
<no-list v-if='logsType === ""' name='no-record' txt="没有任何记录~" />
<no-list v-if='logsType === "in"' name='no-in' txt="没有任何收入记录~" />
<no-list v-if='logsType === "out"' name='no-out' txt="没有任何支出记录~" />
</block>
</view>
</template>
<script>
export default {
name:"property",
props:{
name: "property",
props: {
list: {
type: Array,
default: () => {
return []
}
},
logsType:{
type:Number
logsType: {
type: String
},
hash: {
type: Boolean
}
},
data() {
return {
};
}
}
</script>
<style lang="scss" scoped>
.record--item{
padding: $padding 320rpx $padding 0;
border-bottom: solid 1rpx $border-color;
.record--item1 {
padding: $padding 330rpx $padding 0 !important;
}
.record--item {
padding: $padding 220rpx $padding 0;
border-bottom: solid 1rpx #f7f7f7;
position: relative;
min-height: 50rpx;
.variation{
.variation {
position: absolute;
right: 0;
top: $margin;
@@ -54,31 +73,47 @@
width: 300rpx;
text-align: right;
font-weight: bold;
&>label{
&>label {
font-size: 80%;
}
.symbol{
color: $mian-color;
.symbol {
color: #666;
font-weight: normal;
font-size: $title-size-m;
}
.add{
.add {
color: $mian-color;
font-size: 36rpx;
}
.remove{
.remove {
font-size: 36rpx;
color: $mian-color;
}
}
.title{
.title {
line-height: 50rpx;
font-size: 30rpx;
word-break: break-word;
span{
font-size: 24rpx;
color: #999;
}
}
.time{
font-size: $title-size-m;
color: $mian-color;
.time {
font-size: 26rpx;
color: #999;
padding-top: 6rpx;
}
}
// 数据空
.record--null{
.record--null {
padding-top: $padding * 3;
text-align: center;
color: $mian-color;
@@ -86,7 +121,8 @@
height: 50vh;
box-sizing: border-box;
line-height: 60rpx;
image{
image {
width: 168rpx;
}
}