|
|
@@ -19,6 +19,7 @@ export default {
|
|
|
data() {
|
|
|
return {
|
|
|
coinNum:'',
|
|
|
+ coinText:'',
|
|
|
pledgeTotal:'',
|
|
|
revenueTotal:'',
|
|
|
list:[],
|
|
|
@@ -31,11 +32,19 @@ export default {
|
|
|
this.getTeamList()
|
|
|
},
|
|
|
methods: {
|
|
|
+ abbreviateString(str ){
|
|
|
+ let startLength=4;
|
|
|
+ let endLength=4;
|
|
|
+ if (str.length <= startLength + endLength + 1) {
|
|
|
+ return str; // 如果字符串长度不足以被截断,则返回原字符串
|
|
|
+ }
|
|
|
+ return str.slice(0, startLength) + '...' + str.slice(-endLength);
|
|
|
+ },
|
|
|
getTeamList(){
|
|
|
getTeamList({'page':this.page}).then(res=>{
|
|
|
if(res.code===1){
|
|
|
++this.page
|
|
|
- this.list.push(res.data.items)
|
|
|
+ this.list.push(...res.data.items)
|
|
|
}
|
|
|
})
|
|
|
},
|
|
|
@@ -48,12 +57,14 @@ export default {
|
|
|
}
|
|
|
})
|
|
|
},
|
|
|
- async getIconNum(){
|
|
|
+ getIconNum(){
|
|
|
+ this.address=tokenpocketBnb.getMyAddress()
|
|
|
if(this.address===''){
|
|
|
return
|
|
|
}
|
|
|
- this.coinNum= await tokenpocketBnb.getTokenBalance(this.address,0)
|
|
|
- console.log(this.coinNum,"icon-num----------------------")
|
|
|
+ tokenpocketBnb.getTokenBalance(this.address,0).then(coinNum=>{
|
|
|
+ this.coinNum=coinNum
|
|
|
+ })
|
|
|
|
|
|
},
|
|
|
goUrl() {
|
|
|
@@ -66,50 +77,50 @@ export default {
|
|
|
</script>
|
|
|
|
|
|
<template>
|
|
|
-<div>
|
|
|
- <div class="align-items-center mb-32">
|
|
|
- <div class="h-80 b-rad-20 bg-one flex-1 flex-direction-column align-items-center flex-justify-center mr-20">
|
|
|
- <div class="fs-28 fc-f">余额</div>
|
|
|
- <div class="fs-30 fc-f fw-b">
|
|
|
+<view>
|
|
|
+ <view class="align-items-center mb-32">
|
|
|
+ <view class="h-80 b-rad-20 bg-one flex-1 flex-direction-column align-items-center flex-justify-center mr-20">
|
|
|
+ <view class="fs-28 fc-f">余额</view>
|
|
|
+ <view class="fs-30 fc-f fw-b">
|
|
|
{{coinNum}}
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="h-80 b-rad-20 bg-two flex-1 flex-direction-column align-items-center flex-justify-center mr-20">
|
|
|
- <div class="fs-28 fc-f">贡献</div>
|
|
|
- <div class="fs-30 fc-f fw-b">
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="h-80 b-rad-20 bg-two flex-1 flex-direction-column align-items-center flex-justify-center mr-20">
|
|
|
+ <view class="fs-28 fc-f">贡献</view>
|
|
|
+ <view class="fs-30 fc-f fw-b">
|
|
|
{{pledgeTotal}}
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div @click="goUrl" class="h-80 b-rad-20 bg-one flex-1 flex-direction-column align-items-center flex-justify-center">
|
|
|
- <div class="fs-28 fc-f">总收益</div>
|
|
|
- <div class="fs-30 fc-f fw-b">
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view @click="goUrl" class="h-80 b-rad-20 bg-one flex-1 flex-direction-column align-items-center flex-justify-center">
|
|
|
+ <view class="fs-28 fc-f">总收益</view>
|
|
|
+ <view class="fs-30 fc-f fw-b">
|
|
|
{{revenueTotal}}
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="fs-34 fw-b mb-20">
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="fs-34 fw-b mb-20">
|
|
|
我的团队
|
|
|
- </div>
|
|
|
- <div class="bgc-f p-10 box-sizing-border b-rad-20" v-for="item in list">
|
|
|
- <div class="pb-10 border-bottom-e5e5e5 fs-28 mb-20">
|
|
|
- {{item.address}}
|
|
|
- </div>
|
|
|
- <div class="align-items-start flex-justify-space pb-10">
|
|
|
- <div class="flex-1 left-box">
|
|
|
- <div class="fs-28 mb-4">注册时间: {{item.created_date}}</div>
|
|
|
- <div class="fs-28 mb-4">团队人数:{{item.clanNum}}</div>
|
|
|
- <div class="fs-28">直推人数:{{item.recomNum}}</div>
|
|
|
- </div>
|
|
|
-<!-- <div class="flex-1 pl-20 box-sizing-border">-->
|
|
|
-<!-- <div class="fs-28 mb-4">自身业绩:10000</div>-->
|
|
|
-<!-- <div class="fs-28">团队业绩:10000</div>-->
|
|
|
-<!-- </div>-->
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div>
|
|
|
+ </view>
|
|
|
+ <view class="bgc-f p-10 box-sizing-border b-rad-20" v-for="item in list">
|
|
|
+ <view class="pb-10 border-bottom-e5e5e5 fs-28 mb-20">
|
|
|
+ {{abbreviateString(item.address,6)}}
|
|
|
+ </view>
|
|
|
+ <view class="align-items-start flex-justify-space pb-10">
|
|
|
+ <view class="flex-1 left-box">
|
|
|
+ <view class="fs-28 mb-4">注册时间: {{item.created_date}}</view>
|
|
|
+ <view class="fs-28 mb-4">团队人数:{{item.clanNum}}</view>
|
|
|
+ <view class="fs-28">直推人数:{{item.recomNum}}</view>
|
|
|
+ </view>
|
|
|
+<!-- <view class="flex-1 pl-20 box-sizing-border">-->
|
|
|
+<!-- <view class="fs-28 mb-4">自身业绩:10000</view>-->
|
|
|
+<!-- <view class="fs-28">团队业绩:10000</view>-->
|
|
|
+<!-- </view>-->
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view>
|
|
|
|
|
|
- </div>
|
|
|
-</div>
|
|
|
+ </view>
|
|
|
+</view>
|
|
|
</template>
|
|
|
|
|
|
<style scoped lang="scss">
|