@ -8,70 +8,74 @@
< / template >
< / template >
< / v - h e a d e r >
< / v - h e a d e r >
< main class = "" style = "padding: 40rpx;" >
< main class = "" style = "padding: 40rpx;" >
< view class = "d-flex" >
< scroll -view scroll -y = " true " refresher -enabled = " true " @refresherrefresh ="refresherscroll" :refresher-triggered ="refreshing" >
< view > { { $t ( 'common.d23' ) } } < / view >
< view style = "margin-left: 10rpx;" >
<!-- < img src = "@/assets/img/home/user.png" width = "20" / > -- >
< view class = "fn-18 m-l-md d-flex" @click ="setHide(!hideMoney1)" >
< van -icon v -if = " ! hideMoney1 " name = "eye-o" / >
< van -icon v -else name = "closed-eye" / >
< / view >
< / view >
< / view >
< view class = "d-block color-light" style = "margin-top: 5px;" >
< span class = "fn-20 m-r-xs" > { { filterMoney ( activeCoin . usable_balance ) } } < / span >
< span > USDT < / span >
< / view >
< view class = "bg-form-panel-3 activeCoinAmount" >
< view >
< view >
< view style = "text-align: center;" > { { $t ( 'common.d24' ) } } < / view >
< view class = "d-flex" >
< view style = "width: 130rpx;word-break: break-word;text-align: center;" > $ { { activeCoin . yesterdayAmount } } < / view >
< view > { { $t ( 'common.d23' ) } } < / view >
< / view >
< view style = "margin-left: 10rpx;" >
< view >
<!-- < img src = "@/assets/img/home/user.png" width = "20" / > -- >
< view style = "text-align: center;" > { { $t ( 'common.d25' ) } } < / view >
< view class = "fn-18 m-l-md d-flex" @click ="setHide(!hideMoney1)" >
< view style = "width: 130rpx;word-break: break-word;text-align: center;" > $ { { activeCoin . businessAmount } } < / view >
< van -icon v -if = " ! hideMoney1 " name = "eye-o" / >
< / view >
< van -icon v -else name = "closed-eye" / >
< view >
< / view >
< view style = "text-align: center;" > { { $t ( 'common.d26' ) } } < / view >
< / view >
< view style = "width: 130rpx;word-break: break-word;text-align: center;" > $ { { activeCoin . totalAmount } } < / view >
< / view >
< / view >
< view class = "d-block color-light" style = "margin-top: 5px;" >
< / view >
< span class = "fn-20 m-r-xs" > { { filterMoney ( activeCoin . usable_balance ) } } < / span >
< view style = "margin: 40rpx 0px;" class = "d-flex" >
< span > USDT < / span >
< view class = "d-flex" style = "width: 180rpx;padding-top: 38rpx;margin-right: 20rpx;" >
< / view >
< view > < image src = "@/assets/img/vipIco.png" mode = "widthFix" style = "width: 50rpx;" > < / image > < / view >
< view class = "bg-form-panel-3 activeCoinAmount" >
< view style = "margin-top: 5rpx;font-weight: bold;color: #fbd96f;margin-left: 10rpx;" > VIP { { vip . level } } < / view >
< view >
< / view >
< view style = "text-align: center;" > { { $t ( 'common.d24' ) } } < / view >
< view style = "width: 100%;" >
< view style = "width: 130rpx;word-break: break-word;text-align: center;" > $ { { activeCoin . yesterdayAmount } } < / view >
< view class = "m-b-ms" > { { vip . level == 5 ? $t ( 'common.grade' ) : $t ( 'common.distance' ) } } VIP { { nextVip . level } } < / view >
< / view >
< el -progress :show-text ="false" :percentage ="financial.schedule" > < / e l - p r o g r e s s >
< view >
< view class = "d-flex justify-between m-t-ms" >
< view style = "text-align: center;" > { { $t ( 'common.d25' ) } } < / view >
< view > { { financial . performance } } < / view >
< view style = "width: 130rpx;word-break: break-word;text-align: center;" > $ { { activeCoin . businessAmount } } < / view >
< view > { { nextVip . performance } } < / view >
< / view >
< view >
< view style = "text-align: center;" > { { $t ( 'common.d26' ) } } < / view >
< view style = "width: 130rpx;word-break: break-word;text-align: center;" > $ { { activeCoin . totalAmount } } < / view >
< / view >
< / view >
< view style = "margin: 40rpx 0px;" class = "d-flex" >
< view class = "d-flex" style = "width: 180rpx;padding-top: 38rpx;margin-right: 20rpx;" >
< view > < image src = "@/assets/img/vipIco.png" mode = "widthFix" style = "width: 50rpx;" > < / image > < / view >
< view style = "margin-top: 5rpx;font-weight: bold;color: #fbd96f;margin-left: 10rpx;" > VIP { { vip . level } } < / view >
< / view >
< view style = "width: 100%;" >
< view class = "m-b-ms" > { { vip . level == 5 ? $t ( 'common.grade' ) : $t ( 'common.distance' ) } } VIP { { nextVip . level } } < / view >
< el -progress :show-text ="false" :percentage ="financial.schedule" > < / e l - p r o g r e s s >
< view class = "d-flex justify-between m-t-ms" >
< view > { { financial . performance } } < / view >
< view > { { nextVip . performance } } < / view >
< / view >
< / view >
< / view >
< view class = "d-flex justify-around" style = "margin: 60rpx 0px;" >
< view style = "color: #4097f4;border-bottom: 2px solid #4097f4;padding-bottom: 10rpx;" > { { $t ( 'common.d12' ) } } < / view >
< view @click ="onredemption" > {{ $ t ( ' common.d14 ' ) }} < / view >
< / view >
< view v-for ="(item,index) in userAdressList" style="border-bottom: 2px solid #ebebeb;padding-bottom: 30rpx;" @click="toproduct" >
< view class = "d-flex" style = "font-size: 36rpx;font-weight: bold;" >
< view > < img src = "https://bbxr.bxrcos.com/storage/coin_icon/USDT.png" width = "25" / > < / view >
< view style = "margin-left: 20rpx;" > { { item . coin_name } } < / view >
< / view >
< view class = "d-flex justify-between" >
< view > { { $t ( "common.d9" ) } } < / view >
< view style = "color: #60c08c;" > { { item . rate } } % { { $t ( 'exchange.e3' ) } } < / view >
< / view >
< view class = "d-flex justify-between" >
< view > { { $t ( "common.d10" ) } } < / view >
< view > { { $t ( 'common.d16' ) } } < / view >
< / view >
< view class = "d-flex justify-between" >
< view > { { $t ( "common.d44" ) } } < / view >
< view style = "color: #4097f4;" > { { item . cumulativeIncome } } < / view >
< / view >
< / view >
< / view >
< / view >
< / view >
< / view >
< / s c r o l l - v i e w >
< view class = "d-flex justify-around" style = "margin: 60rpx 0px;" >
< view style = "color: #4097f4;border-bottom: 2px solid #4097f4;padding-bottom: 10rpx;" > { { $t ( 'common.d12' ) } } < / view >
< view @click ="onredemption" > {{ $ t ( ' common.d14 ' ) }} < / view >
< / view >
< view v-for ="(item,index) in userAdressList" style="border-bottom: 2px solid #ebebeb;padding-bottom: 30rpx;" @click="toproduct" >
< view class = "d-flex" style = "font-size: 36rpx;font-weight: bold;" >
< view > < img src = "https://bbxr.bxrcos.com/storage/coin_icon/USDT.png" width = "25" / > < / view >
< view style = "margin-left: 20rpx;" > { { item . coin_name } } < / view >
< / view >
< view class = "d-flex justify-between" >
< view > { { $t ( "common.d9" ) } } < / view >
< view style = "color: #60c08c;" > { { item . rate } } % { { $t ( 'exchange.e3' ) } } < / view >
< / view >
< view class = "d-flex justify-between" >
< view > { { $t ( "common.d10" ) } } < / view >
< view > { { $t ( 'common.d16' ) } } < / view >
< / view >
< view class = "d-flex justify-between" >
< view > { { $t ( "common.d44" ) } } < / view >
< view style = "color: #4097f4;" > { { item . cumulativeIncome } } < / view >
< / view >
< / view >
< / main >
< / main >
< / v - p a g e >
< / v - p a g e >
< / template >
< / template >
@ -108,7 +112,8 @@
coin_name1 : "USDT" ,
coin_name1 : "USDT" ,
financial : { } ,
financial : { } ,
vip : { } ,
vip : { } ,
nextVip : { }
nextVip : { } ,
refreshing : false ,
} ;
} ;
} ,
} ,
watch : {
watch : {
@ -131,6 +136,15 @@
if ( this . hideMoney1 ) return "******" ;
if ( this . hideMoney1 ) return "******" ;
return val ;
return val ;
} ,
} ,
refresherscroll ( ) {
this . getBalance ( )
this . init ( )
if ( this . refreshing ) return ;
this . refreshing = true ;
setTimeout ( ( ) => {
this . refreshing = false ;
} , 1000 )
} ,
getBalance ( ) {
getBalance ( ) {
let data = {
let data = {
account : 4 ,
account : 4 ,