|
|
@@ -52,21 +52,36 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
+ <!-- 资产 -->
|
|
|
<div class="" v-show="navIndex == 1">
|
|
|
<div class="pd1 goods_box" @scroll="handleScroll" v-if="nft_list.length > 0">
|
|
|
- <div class="goods_list jsb" v-for="(item, index) in nft_list" :key="index">
|
|
|
+ <div class="goods_list" v-for="(item, index) in nft_list" :key="index">
|
|
|
<div class="tags1 tags2" v-if="item.type_id == 2 && item.status != 2 && item.status != 3">{{ $t('lang194') }}</div>
|
|
|
<div class="tags" v-if="item.status == 2">{{ $t('lang141') }}</div>
|
|
|
<div class="tags1" v-if="item.status == 3">{{ $t('lang142') }}</div>
|
|
|
- <van-image class="goods_list_img" radius="10" :src="item.img_url.split(',')[0]" />
|
|
|
- <div class="right" style="flex: 2">
|
|
|
- <span class="title">{{ item.name }}</span>
|
|
|
- <div class="green">{{ item.title }}</div>
|
|
|
- <div class="cen">
|
|
|
- <span class="money"
|
|
|
- >{{ item.price }}<span class="ssm">{{ $t('lang174') }}</span></span
|
|
|
- >
|
|
|
+ <div class="f">
|
|
|
+ <van-image class="goods_list_img" radius="10" :src="item.img_url.split(',')[0]" />
|
|
|
+ <div class="right" style="flex: 2">
|
|
|
+ <span class="title">{{ item.name }}</span>
|
|
|
+ <div class="green">{{ item.title }}</div>
|
|
|
+ <div class="cen">
|
|
|
+ <span class="money"
|
|
|
+ >{{ item.price }}<span class="ssm">{{ $t('lang174') }}</span></span
|
|
|
+ >
|
|
|
+ </div>
|
|
|
+ <div class="cen" v-if="item.status == 2">
|
|
|
+ <span class="money" style="color: #29b286; font-size: 13px">
|
|
|
+ {{ $t('lang206') }}{{ item.transfer_price || 0 }}<span class="ssm">{{ $t('lang174') }}</span>
|
|
|
+ </span>
|
|
|
+ </div>
|
|
|
+ <div style="font-size: 13px">
|
|
|
+ <span>{{ item.address }}</span>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="btn_box">
|
|
|
+ <!-- 按钮 -->
|
|
|
<div class="f-sa" v-if="item.status <= 1">
|
|
|
<div class="buy" @click="pickup(item)">
|
|
|
<van-button class="buy_btn btn1" type="primary">{{ $t('lang86') }}</van-button>
|
|
|
@@ -316,10 +331,6 @@ export default {
|
|
|
this.nft_list = [];
|
|
|
this.getNftList();
|
|
|
Notify({ type: 'success', message: this.$t('lang152') });
|
|
|
- } else if (res.code == 15000) {
|
|
|
- setTimeout(() => {
|
|
|
- this.$router.push('recharge');
|
|
|
- }, 300);
|
|
|
} else {
|
|
|
this.$toast(res.msg);
|
|
|
}
|
|
|
@@ -339,9 +350,10 @@ export default {
|
|
|
this.givePopop = false;
|
|
|
this.page = 1;
|
|
|
this.nft_list = [];
|
|
|
+ this.giveAddress = '';
|
|
|
this.getNftList();
|
|
|
Notify({ type: 'success', message: this.$t('lang152') });
|
|
|
- } else if (res.code == 15000) {
|
|
|
+ } else if (res.code == 15001) {
|
|
|
setTimeout(() => {
|
|
|
this.$router.push('recharge');
|
|
|
}, 300);
|
|
|
@@ -461,10 +473,16 @@ export default {
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
}
|
|
|
+.f {
|
|
|
+ display: flex;
|
|
|
+}
|
|
|
.f-s {
|
|
|
display: flex;
|
|
|
align-items: flex-start;
|
|
|
}
|
|
|
+.btn_box {
|
|
|
+ padding-top: 14px;
|
|
|
+}
|
|
|
.assets {
|
|
|
min-height: 100vh;
|
|
|
padding: 50px 0 0;
|
|
|
@@ -654,7 +672,7 @@ export default {
|
|
|
}
|
|
|
.goods_list {
|
|
|
position: relative;
|
|
|
- display: flex;
|
|
|
+ // display: flex;
|
|
|
// align-items: center;
|
|
|
// justify-content: space-between;
|
|
|
color: #000;
|
|
|
@@ -766,7 +784,7 @@ export default {
|
|
|
justify-content: flex-end;
|
|
|
&_btn {
|
|
|
height: 32px;
|
|
|
- width: 66px;
|
|
|
+ width: 76px;
|
|
|
text-align: center;
|
|
|
line-height: 32px;
|
|
|
font-size: 12px;
|
|
|
@@ -787,7 +805,7 @@ export default {
|
|
|
background-color: #fff;
|
|
|
}
|
|
|
.btn3 {
|
|
|
- width: 86px;
|
|
|
+ width: 98px;
|
|
|
color: #b9b9b9;
|
|
|
padding: 0 20px;
|
|
|
border: 1px solid #b9b9b9;
|
|
|
@@ -837,6 +855,7 @@ export default {
|
|
|
.f-r span:first-child,
|
|
|
.f-s span:first-child {
|
|
|
padding-right: 8px;
|
|
|
+ white-space: nowrap;
|
|
|
}
|
|
|
.d {
|
|
|
display: flex;
|