|
@@ -185,31 +185,18 @@
|
|
|
}}</van-button>
|
|
}}</van-button>
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
|
- <!-- <div > -->
|
|
|
|
|
- <!-- <div class="goods">
|
|
|
|
|
- <div style="padding-left: 16px" class="page-title">交易历史</div>
|
|
|
|
|
- <div class="content" v-for="item in list" :key="item.id">
|
|
|
|
|
- <div class="init">
|
|
|
|
|
- <div style="width: 100%">
|
|
|
|
|
- <div class="text1">{{ item.fromUser || '保密' }}</div>
|
|
|
|
|
- <div class="text2">
|
|
|
|
|
- <div class="text3">{{ item.operation }}{{ item.price }}</div>
|
|
|
|
|
- <div class="text4">{{ item.createdAt }}</div>
|
|
|
|
|
- </div>
|
|
|
|
|
- </div>
|
|
|
|
|
- </div>
|
|
|
|
|
- </div>
|
|
|
|
|
- </div> -->
|
|
|
|
|
<van-collapse v-model="activeName" accordion>
|
|
<van-collapse v-model="activeName" accordion>
|
|
|
<van-collapse-item class="activeName" title="交易记录" name="1">
|
|
<van-collapse-item class="activeName" title="交易记录" name="1">
|
|
|
<div v-if="list.length > 0">
|
|
<div v-if="list.length > 0">
|
|
|
<div class="content" v-for="item in list" :key="item.id">
|
|
<div class="content" v-for="item in list" :key="item.id">
|
|
|
- <!-- <img class="img" :src="list.avatar" alt="" /> -->
|
|
|
|
|
|
|
+ <img v-if="list.minterAvatar" class="img" :src="list.minterAvatar" alt="" />
|
|
|
<div class="init">
|
|
<div class="init">
|
|
|
<div style="width: 100%">
|
|
<div style="width: 100%">
|
|
|
<div class="text1">{{ item.fromUser || '保密' }}</div>
|
|
<div class="text1">{{ item.fromUser || '保密' }}</div>
|
|
|
<div class="text2">
|
|
<div class="text2">
|
|
|
- <div class="text3">{{ item.operation }}{{ item.price }}</div>
|
|
|
|
|
|
|
+ <div class="text3">
|
|
|
|
|
+ {{ item.operation }}<span v-if="item.price">{{ item.price }}</span>
|
|
|
|
|
+ </div>
|
|
|
<div class="text4">{{ item.createdAt }}</div>
|
|
<div class="text4">{{ item.createdAt }}</div>
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
@@ -221,7 +208,7 @@
|
|
|
</van-collapse>
|
|
</van-collapse>
|
|
|
<!-- </div> -->
|
|
<!-- </div> -->
|
|
|
|
|
|
|
|
- <driver />
|
|
|
|
|
|
|
+ <!-- <driver /> -->
|
|
|
<!-- 其他三个 -->
|
|
<!-- 其他三个 -->
|
|
|
<van-popup v-model:show="show">
|
|
<van-popup v-model:show="show">
|
|
|
<div class="title2">
|
|
<div class="title2">
|
|
@@ -635,7 +622,13 @@ export default {
|
|
|
background: #181818 !important;
|
|
background: #181818 !important;
|
|
|
padding: 0 !important;
|
|
padding: 0 !important;
|
|
|
}
|
|
}
|
|
|
|
|
+/deep/ .van-collapse {
|
|
|
|
|
+ border: 0 !important;
|
|
|
|
|
+}
|
|
|
.activeName {
|
|
.activeName {
|
|
|
|
|
+ /deep/ .van-collapse {
|
|
|
|
|
+ border: 0 !important;
|
|
|
|
|
+ }
|
|
|
/deep/ .van-cell__title {
|
|
/deep/ .van-cell__title {
|
|
|
font-size: @font2;
|
|
font-size: @font2;
|
|
|
font-family: PingFangSC-Medium, PingFang SC;
|
|
font-family: PingFangSC-Medium, PingFang SC;
|
|
@@ -662,8 +655,8 @@ export default {
|
|
|
height: 68px;
|
|
height: 68px;
|
|
|
border-radius: 12px;
|
|
border-radius: 12px;
|
|
|
.img {
|
|
.img {
|
|
|
- width: 40px;
|
|
|
|
|
- height: 40px;
|
|
|
|
|
|
|
+ width: 32px;
|
|
|
|
|
+ height: 32px;
|
|
|
border-radius: 50%;
|
|
border-radius: 50%;
|
|
|
margin-right: 10px;
|
|
margin-right: 10px;
|
|
|
}
|
|
}
|
|
@@ -673,7 +666,7 @@ export default {
|
|
|
justify-content: space-between;
|
|
justify-content: space-between;
|
|
|
width: 100%;
|
|
width: 100%;
|
|
|
.text1 {
|
|
.text1 {
|
|
|
- font-size: 14px;
|
|
|
|
|
|
|
+ font-size: @font1;
|
|
|
font-weight: bold;
|
|
font-weight: bold;
|
|
|
color: #ffffff;
|
|
color: #ffffff;
|
|
|
line-height: 24px;
|
|
line-height: 24px;
|
|
@@ -684,13 +677,13 @@ export default {
|
|
|
justify-content: space-between;
|
|
justify-content: space-between;
|
|
|
width: 100%;
|
|
width: 100%;
|
|
|
.text3 {
|
|
.text3 {
|
|
|
- font-size: 14px;
|
|
|
|
|
|
|
+ font-size: @font1;
|
|
|
font-weight: 400;
|
|
font-weight: 400;
|
|
|
color: @text3;
|
|
color: @text3;
|
|
|
line-height: 24px;
|
|
line-height: 24px;
|
|
|
}
|
|
}
|
|
|
.text4 {
|
|
.text4 {
|
|
|
- font-size: 14px;
|
|
|
|
|
|
|
+ font-size: @font1;
|
|
|
font-weight: 400;
|
|
font-weight: 400;
|
|
|
color: @text3;
|
|
color: @text3;
|
|
|
line-height: 24px;
|
|
line-height: 24px;
|