| | |
| | | <template> |
| | | <div class="assets-box"> |
| | | <div class="typebox" style="display: flex;"> |
| | | <div :class="typeindex==index?'typebox_box':'typebox_boxa'" @click="typeclick(index)" |
| | | v-for="(item,index) in typelist" :key="index">{{item}}</div> |
| | | </div> |
| | | <header> |
| | | <van-row class="title-box"> |
| | | <van-col span="12"> |
| | |
| | | <div class="pt">{{ $t("总资产估值") }}</div> |
| | | <div class="flex ex-bg justify-center my-42 items-center w-100" @click="onSwitch"> |
| | | <!-- <div class="flex ex-bg justify-center my-42 items-center w-100" > --> |
| | | <img src="@/assets/image/exchange/icon_3.png" alt="" class="w-25 h-25" /> |
| | | <!-- <img src="@/assets/image/exchange/icon_3.png" alt="" class="w-25 h-25" /> --> |
| | | </div> |
| | | </div> |
| | | <!-- <div class="pt">{{ assetsFunds.total }}</div> --> |
| | |
| | | return { |
| | | keywords: "", |
| | | loading: true, |
| | | typelist: [this.$t("资金")+this.$t("账户"), this.$t("交易")+this.$t("账户")], |
| | | active: 1, |
| | | typeindex:0, |
| | | tabList2: [ |
| | |
| | | }, |
| | | methods: { |
| | | ...mapActions("user", ["GET_UERS_KYC"]), |
| | | typeclick(e) { |
| | | this.typeindex = e |
| | | // if (e == 0) { |
| | | // this.initParama(this.symbol) |
| | | // } else { |
| | | // // this.symbol = 'wld' |
| | | // this.initParam(this.symbol) |
| | | // } |
| | | // this.$forceUpdate() |
| | | }, |
| | | onInput(e) { |
| | | console.log(333, this.fundsDatra); |
| | | this.funds = this.fundsDatra.filter((item) => |
| | |
| | | </script> |
| | | |
| | | <style lang="scss" scoped> |
| | | .typebox_box { |
| | | width: 50%; |
| | | background-color: #9691fa; |
| | | color: #fff; |
| | | display: flex; |
| | | justify-content: center; |
| | | align-items: center; |
| | | } |
| | | |
| | | .typebox_boxa { |
| | | width: 50%; |
| | | background-color: #fff; |
| | | color: #9691fa; |
| | | display: flex; |
| | | justify-content: center; |
| | | align-items: center; |
| | | } |
| | | |
| | | .no_touch { |
| | | -webkit-user-select: none; |
| | | user-select: none; |
| | | -ms-user-select: none; |
| | | -moz-user-select: none; |
| | | |
| | | @include themify() { |
| | | background: themed("main_background"); |
| | | } |
| | | |
| | | min-height: 100vh; |
| | | } |
| | | |
| | | .typebox { |
| | | width: 100%; |
| | | height: 100px; |
| | | |
| | | } |
| | | .assets-box { |
| | | header { |
| | | // padding: 100px 0 0px; |