|
|
@@ -1,27 +1,25 @@
|
|
|
<template>
|
|
|
<div class="search">
|
|
|
- <van-list
|
|
|
- class="list"
|
|
|
- v-model:loading="loading"
|
|
|
- :immediate-check="false"
|
|
|
- :finished="finished"
|
|
|
- finished-text=""
|
|
|
- @load="getData"
|
|
|
- >
|
|
|
+ <van-list v-model:loading="loading" :finished="finished" finished-text="" @load="getData">
|
|
|
<template v-for="(item, index) in list" :key="index">
|
|
|
<div class="exchange">
|
|
|
- <div class="text1">作品赠送</div>
|
|
|
+ <div class="top">
|
|
|
+ <div class="text1">{{ item.operation }}</div>
|
|
|
+ <div class="text2">{{ item.createdAt }}</div>
|
|
|
+ </div>
|
|
|
+ <div class="product">
|
|
|
+ <van-image width="32" height="32" radius="4" src="" fit="cover" />
|
|
|
+
|
|
|
+ <div class="flex1">
|
|
|
+ <div class="text2 van-ellipsis">游戏《百分之一》精美皮肤…</div>
|
|
|
+ <div class="text2">
|
|
|
+ <span>来源:{{ item.fromUser }}</span> <span>去向 :{{ item.toUser }}</span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</template>
|
|
|
- <div class="exchange">
|
|
|
- <div class="text1">作品赠送</div>
|
|
|
- <div class="text2 van-ellipsis">游戏《百分之一》精美皮肤…</div>
|
|
|
- <div class="text2">
|
|
|
- <span>来源:是奶盖吖</span> <span>去向 :奶盖</span>
|
|
|
- <span class="flex1"></span>
|
|
|
- <span>09-03 09:56</span>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
+
|
|
|
<van-empty v-if="empty" description="暂无交易历史哦~" :image="require('@assets/kong_png_wusousuo.png')" />
|
|
|
</van-list>
|
|
|
</div>
|
|
|
@@ -36,7 +34,8 @@ export default {
|
|
|
return {
|
|
|
list: [],
|
|
|
empty: false,
|
|
|
- url: '/collection/all'
|
|
|
+ url: '/asset/userHistory',
|
|
|
+ httpType: 'get'
|
|
|
};
|
|
|
}
|
|
|
};
|
|
|
@@ -62,9 +61,21 @@ export default {
|
|
|
}
|
|
|
|
|
|
.van-ellipsis {
|
|
|
- width: 50%;
|
|
|
- margin: 5px 0 2px;
|
|
|
+ margin-bottom: 2px;
|
|
|
}
|
|
|
border-top: 1px solid #202122;
|
|
|
+
|
|
|
+ .top {
|
|
|
+ .flex();
|
|
|
+ justify-content: space-between;
|
|
|
+ }
|
|
|
+ .product {
|
|
|
+ .flex();
|
|
|
+ margin-top: 5px;
|
|
|
+ .flex1 {
|
|
|
+ overflow: hidden;
|
|
|
+ margin-left: 6px;
|
|
|
+ }
|
|
|
+ }
|
|
|
}
|
|
|
</style>
|