<template>
|
<div style="height: 100vh">
|
<van-nav-bar
|
:placeholder="true"
|
:safe-area-inset-top="true"
|
:title="$t('劃轉记录')"
|
left-arrow
|
@click-left="$router.go(-1)"
|
>
|
</van-nav-bar>
|
<div>
|
<van-list
|
v-model="loading"
|
:finished="finished"
|
:loading-text="$t('hj430')"
|
@load="onLoad"
|
>
|
<van-cell v-for="item in list" :key="item.id">
|
<div class="item">
|
<div>
|
<div>
|
{{ $t(item.descs.split("/")[0]) }}
|
> {{ $t(item.descs.split("/")[1]) }}
|
</div>
|
</div>
|
<div>{{ Math.abs(Number(item.amount)) }} {{ item.symbol }}</div>
|
</div>
|
</van-cell>
|
</van-list>
|
</div>
|
</div>
|
</template>
|
|
<script>
|
import { getMoenyLog } from "@/axios/api";
|
export default {
|
data() {
|
return {
|
list: [],
|
loading: false,
|
finished: false,
|
};
|
},
|
created() {
|
this.getMoenyLogs();
|
},
|
methods: {
|
async getMoenyLogs() {
|
const res = await getMoenyLog({ type: "TRANSFER" });
|
const arr = res.data.filter((item) => Number(item.amount) < 0);
|
this.list = arr.reverse();
|
// 加载状态结束
|
this.loading = false;
|
this.finished = true;
|
},
|
onLoad() {
|
// 异步更新数据
|
// setTimeout 仅做示例，真实场景中一般为 ajax 请求
|
},
|
},
|
};
|
</script>
|
|
<style lang="less" scoped>
|
.item {
|
display: flex;
|
align-items: center;
|
justify-content: space-between;
|
font-size: 16px;
|
line-height: 38px;
|
}
|
/deep/ .van-nav-bar__content {
|
height: 65px;
|
}
|
/deep/ .van-nav-bar__title {
|
font-family: "DINPro";
|
width: 100%;
|
height: 1.17333rem;
|
display: flex;
|
justify-content: center;
|
align-items: center;
|
font-style: normal;
|
font-weight: 500;
|
font-size: 0.48rem;
|
color: #14181f;
|
}
|
</style>
|
