123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347 |
- <template>
- <view class="content">
- <view class="allmoneybox">
- <view class="allmbox_1">
- <image v-if="show" @click="look(false)" src="../../static/icon/user-eyes.png" mode=""></image>
- <image v-if="!show" @click="look(true)" src="../../static/icon/user-eyesb.png" mode=""></image>
- </view>
- <view class="allmbox_2 flex">
- <view class="allmbox_2_font">{{ $t('user.zhzzczh') }}(USDT)</view>
- <view class="allmbox_2_icon" @click="open()"><image src="../../static/icon/user-th.png" mode=""></image></view>
- </view>
- <view class="allmbox_3">{{ show ? money : '****.****' }}</view>
- <view class="allmbox_btn">
- <view class="allmbox_btn_1">
- <view class="allmbox_cbtn btn_active" @click="navTo('/pages/transaction/cblist')">{{ $t('user.cb') }}</view>
- <view class="allmbox_tbtn" @click="navTo('/pages/transaction/tblist')">{{ $t('user.tb') }}</view>
- </view>
- </view>
- </view>
- <view class="findbox">
- <view class="findbox_1">
- <view class="findbox_2">
- <view class="findbox_3">{{ $t('user.zclb') }}</view>
- </view>
- </view>
- <scroll-view :scroll-y="true" class="swiper-box" :style="{ height: maxheight }">
- <view class="listbox" v-for="(item, index) in list" @click="navTo('/pages/user/coininfo?id=' + item.id)">
- <view class="listbox_title flex">
- <view class="listbox_title_l">{{ item.name.toLocaleUpperCase() }}</view>
- <view class="listbox_title_r"><image src="../../static/icon/user-back.png" mode=""></image></view>
- </view>
- <view class="main flex">
- <view class="main-item">
- <view class="main-item-font">{{ $t('user.ky') }}</view>
- <view class="main-item-num">{{ item.data.num || '0.0000' }}</view>
- </view>
- <view class="main-item">
- <view class="main-item-font">{{ $t('user.dj') }}</view>
- <view class="main-item-num">{{ item.data.numd || '0.0000' }}</view>
- </view>
- <view class="main-item">
- <view class="main-item-font">{{ $t('user.zh') }}(USDT)</view>
- <view class="main-item-num">{{ item.data.zhe || '0.0000' }}</view>
- </view>
- </view>
- </view>
- </scroll-view>
- </view>
- <uni-popup ref="popup" type="center">
- <view class="popup-box">
- <view class="img"><image src="../../static/img/user-index.png" mode=""></image></view>
- <view class="popup-font">{{ $t('user.yyzjtjcz') }}</view>
- <view class="btn" @click="cancel()">{{ $t('user.qd') }}</view>
- </view>
- </uni-popup>
- </view>
- </template>
- <script>
- import { usercoin, getallzhehe } from '@/api/wallet.js';
- export default {
- onReady(res) {
- var _this = this;
- uni.getSystemInfo({
- success: resu => {
- const query = uni.createSelectorQuery();
- query.select('.swiper-box').boundingClientRect();
- query.exec(function(res) {
- _this.maxheight = resu.windowHeight - res[0].top + 'px';
- console.log('打印页面的剩余高度', _this.maxheight);
- });
- },
- fail: res => {
- console.log('打印页面的剩余高度', res);
- }
- });
- },
- data() {
- return {
- maxheight: '',
- show: false,
- list: '',
- money: ''
- };
- },
- onLoad() {},
- onShow() {
- uni.setNavigationBarTitle({ title: this.$t('user.zc') });
- this.loadData();
- },
- methods: {
- look(type) {
- this.show = type;
- },
- loadData() {
- usercoin({}).then(({ data }) => {
- this.list = data;
- });
- getallzhehe({}).then(e => {
- this.money = e.allzhehe || 0;
- console.log(e, '123456');
- });
- },
- cancel() {
- this.$refs.popup.close();
- },
- open() {
- this.$refs.popup.open();
- },
- navTo(url) {
- uni.navigateTo({
- url
- });
- }
- }
- };
- </script>
- <style lang="scss">
- page,
- .content {
- height: auto;
- min-height: 100%;
- }
- ::-webkit-input-placeholder {
- color: #b5b5b5;
- font-size: 12px;
- }
- ::-moz-placeholder {
- color: #b5b5b5;
- font-size: 12px;
- }
- input:focus {
- background: #fff;
- outline: 1px solid #fff;
- }
- a:hover,
- a:link,
- a:visited,
- a:active {
- color: #707a8a;
- text-decoration: none;
- }
- .no_header {
- position: fixed;
- z-index: 9999;
- padding: 0px 10px;
- top: 0px;
- height: 45px;
- // box-shadow: 0 2px 10px 0 rgb(0 0 0 / 10%);
- }
- .txtl {
- line-height: 50px;
- width: 20%;
- text-align: center;
- border-bottom: 3px solid #fcd535;
- }
- .titlebox {
- width: 100%;
- height: 120px;
- background: #fff;
- margin-top: 55px;
- border-top-left-radius: 20px;
- border-top-right-radius: 20px;
- }
- .allmoneybox {
- width: 100%;
- height: 300rpx;
- background: #f5f5f5;
- // box-shadow: 0 2px 10px 0 rgb(0 0 0 / 10%);
- // position: fixed;
- // top: 44px;
- }
- .allmbox_1 {
- width: 100%;
- display: flex;
- justify-content: flex-end;
- padding: 22px 15px 10rpx;
- image {
- width: 36rpx;
- height: 30rpx;
- }
- }
- .allmbox_2 {
- justify-content: flex-start;
- width: 100%;
- text-align: left;
- padding: 0px 15px;
- .allmbox_2_font {
- font-size: 25rpx;
- font-family: PingFang SC;
- font-weight: 500;
- color: #070707;
- margin-right: 10rpx;
- }
- .allmbox_2_icon {
- width: 34rpx;
- height: 34rpx;
- image {
- width: 100%;
- height: 100%;
- }
- }
- }
- .allmbox_3 {
- line-height: 1;
- width: 100%;
- margin-top: 24rpx;
- text-align: left;
- padding: 0px 15px;
- font-size: 40rpx;
- font-family: PingFang SC;
- font-weight: 500;
- color: #070707;
- }
- .allmbox_btn {
- width: 100%;
- height: 35px;
- line-height: 35px;
- padding: 0px 10px;
- }
- .allmbox_btn_1 {
- width: 60%;
- height: 35px;
- float: right;
- }
- .allmbox_cbtn {
- width: 45%;
- height: 35px;
- line-height: 35px;
- text-align: center;
- float: left;
- border: 1px solid #fcd535;
- border-radius: 5px;
- }
- .allmbox_tbtn {
- width: 45%;
- height: 35px;
- line-height: 35px;
- text-align: center;
- float: right;
- border: 1px solid #e6e6e6;
- border-radius: 5px;
- background: #e6e6e6;
- }
- .btn_active {
- background: linear-gradient(to left, #eeb80d, #ffe35b);
- }
- .findbox {
- background: #fff;
- }
- .findbox_1 {
- width: 100%;
- height: 40px;
- line-height: 40px;
- padding: 0px 15px;
- border-bottom: 1px solid #f5f5f5;
- }
- .findbox_2 {
- width: 60%;
- height: 40px;
- line-height: 40px;
- float: left;
- }
- .findbox_3 {
- height: 40px;
- background: #ffffff;
- border-bottom: 2px solid #fcd535;
- float: left;
- text-align: center;
- }
- .listbox {
- padding: 33rpx 20rpx 24rpx;
- width: 100%;
- background: #fff;
- border-bottom: 1px solid #f5f5f5;
- }
- .listbox_title {
- margin-top: 30rpx;
- width: 100%;
- }
- .listbox_title_l {
- width: 50%;
- font-size: 27rpx;
- font-family: PingFang SC;
- font-weight: bold;
- color: #767682;
- text-align: left;
- }
- .listbox_title_r {
- image {
- width: 28rpx;
- height: 28rpx;
- }
- }
- .main {
- margin-top: 30rpx;
- .main-item {
- width: 33%;
- line-height: 1;
- .main-item-font {
- font-size: 25rpx;
- font-family: PingFang SC;
- font-weight: 500;
- color: #cdcdcd;
- }
- .main-item-num {
- margin-top: 14rpx;
- font-size: 23rpx;
- font-family: PingFang SC;
- font-weight: 500;
- color: #000000;
- }
- }
- }
- .popup-box {
- background: #fff;
- border-radius: 30rpx;
- width: 580rpx;
- padding: 20rpx;
- .img {
- padding: 10rpx 0 0 0;
- display: flex;
- justify-content: center;
- image {
- width: 72rpx;
- height: 72rpx;
- }
- }
- .popup-font {
- font-size: 28rpx;
- color: #000;
- padding: 10rpx 20rpx;
- }
- .btn {
- width: 100%;
- height: 80rpx;
- line-height: 80rpx;
- background: linear-gradient(to left, #eeb80d, #ffe35b);
- border-radius: 10rpx;
- text-align: center;
- margin-top: 20rpx;
- }
- }
- </style>
|