From 067883c72b282546402064eb1b78d8618d45b74d Mon Sep 17 00:00:00 2001
From: jhzh <1628036192@qq.com>
Date: Mon, 21 Apr 2025 17:23:10 +0800
Subject: [PATCH] 1
---
src/page/newUser/index.vue | 927 +++++++++++++++++++++------------------------------------
1 files changed, 340 insertions(+), 587 deletions(-)
diff --git a/src/page/newUser/index.vue b/src/page/newUser/index.vue
index 7ab19ff..eb1d871 100644
--- a/src/page/newUser/index.vue
+++ b/src/page/newUser/index.vue
@@ -1,417 +1,398 @@
<template>
- <div class="user_page DINPro">
+ <div class="user_page">
<div class="content">
<div class="top_icon">
- <div class="left_icon">
- <div>
- <img
- src="../../assets/img/img_log_home.png"
- style="width: 40px; height: 40px; border-radius: 50px"
- />
- </div>
- <div class="top_box">
- <div class="top_box_top" style="font-weight: 600">
- {{ userInfo.realName }}
- </div>
- <div class="top_box_top" style="margin-top: 2px">
- ID:{{ userInfo.id }}
- </div>
- </div>
- </div>
+
<div class="right_icon">
- <div style="justify-content: flex-end" @click="goToTopUp()">
- <img src="@/assets/img/shezhia.png" alt />
+ <!-- <div @click="goToTopUp()">
+ <img src="@/assets/img/qianbao.png" alt />
+ </div> -->
+ <div style="justify-content: flex-end;">
+ <a href="https://t.me/Mc1992023" target="_blank">
+ <img style="width: 0.5rem;height: 0.5rem;" src="@/assets/img/kefu.png" alt />
+ </a>
</div>
+ <!-- <div @click="goOnline" style="justify-content: flex-end;">
+ <img style="width: 0.5rem;height: 0.5rem;" src="@/assets/img/kefu.png" alt />
+ </div> -->
</div>
</div>
-
- <div class="content-box">
- <van-row class="van-row-box">
- <van-col span="20">
- <div class="content-all">
- <span>{{ $t("賬戶總資產") }}({{ $USD }})</span>
- <i @click="xy = !xy" class="iconfont xy"></i>
+ <div class="users" @click="goWall()" style="display:none">
+ <div class="left_tou">
+ <div class="left_tx">
+ <div>
+ <img src="@/assets/img/eslogo.png" alt />
</div>
- <div class="number-all">
- <showHide :text="asstesAll" :flg="xy" />
- </div>
- </van-col>
- <van-col span="4" style="display: flex; justify-content: flex-end">
- <van-icon
- @click="$router.push('/rechargelist')"
- name="orders-o"
- size="20"
- />
- </van-col>
- </van-row>
-
- <van-row style="margin-top: 16px">
- <van-col span="8" style="display: flex; justify-content: center">
- <!-- @click="$router.push('/recharge')" -->
- <!-- @click="kefu" -->
- <van-button @click="kefu" class="btn-two" type="primary">
- {{ $t("hj172") }}
- </van-button>
- </van-col>
- <van-col span="8" style="display: flex; justify-content: center">
- <van-button
- @click="$router.push('/RechargeSure')"
- class="btn-two"
- type="default"
- >{{ $t("提款") }}</van-button
- >
- </van-col>
- <van-col span="8" style="display: flex; justify-content: center">
- <van-button
- @click="leverShow = true"
- class="btn-two"
- type="default"
- >
- {{ $t("申请杠杠") }}
- </van-button>
- </van-col>
- </van-row>
-
- <van-dialog
- v-model="leverShow"
- :title="$t('申请杠杠')"
- show-cancel-button
- :cancelButtonText="$t('取消')"
- :confirmButtonText="$t('确认')"
- @confirm="confirmLever"
- >
- <van-radio-group v-model="radio">
- <van-cell-group>
- <van-cell title="1X" clickable @click="radio = '1'">
- <template #right-icon>
- <van-radio name="1" />
- </template>
- </van-cell>
- <van-cell title="2X" clickable @click="radio = '2'">
- <template #right-icon>
- <van-radio name="2" />
- </template>
- </van-cell>
- <van-cell title="5X" clickable @click="radio = '5'">
- <template #right-icon>
- <van-radio name="5" />
- </template>
- </van-cell>
- <van-cell title="10X" clickable @click="radio = '10'">
- <template #right-icon>
- <van-radio name="10" />
- </template>
- </van-cell>
- </van-cell-group>
- </van-radio-group>
- </van-dialog>
+ </div>
+ <div class="right_name">
+ <span>{{ userInfo.realName ? userInfo.realName : userInfo.phone }}</span>
+ </div>
+ </div>
+ <div class="right_go">
+ <img src="@/assets/img/youjiantou.png" alt />
+ </div>
</div>
- <div class="content-list-box">
- <div class="divider div-shrink"></div>
- <van-tabs
- line-width="22px"
- swipe-threshold="2"
- offset-top="20px"
- @change="tabsChange"
- >
- <van-tab
- v-model="active"
- v-for="(item, index) in listAsstes"
- :title="item.title"
- :key="index"
- :name="item.title"
- >
- <ul class="money">
- <li style="text-align: left">
- <div class="li-title">
- {{ item.title1 }}({{ item.symbolCode }})
- </div>
- <div class="li-USDT">
- <div class="DINPro">
- {{ item.symbol }} {{ item.availableBalance | _toString }}
- </div>
- <!-- <div class="DINPro">
- ≈ $ {{ item.availableBalanceUSD || "0.00" }}
- </div> -->
- </div>
- </li>
- <li>
- <div class="li-title">
- {{ item.title2 }}({{ item.symbolCode }})
- </div>
- <div class="li-USDT">
- <div class="DINPro">
- {{ item.symbol }} {{ item.freezeMoney | _toString }}
- </div>
- <!-- <div class="DINPro">≈ $ {{ item.freezeMoney || "0.00" }}</div> -->
- </div>
- </li>
- </ul>
- </van-tab>
- </van-tabs>
+ <div class="center_card">
+ <div class="keyon">
+ <span>{{ $t('hj49') }}</span>
+ </div>
+ <div class="num_price" v-if="userInfo.length == 0">
+ ﷼0
+ </div>
+
+ <div class="num_price" v-if="userInfo.length != 0">
+ <p v-if="this.$store.state.settingForm.indexDisplay && !this.$store.state.settingForm.futuresDisplay"
+ class="account">
+ ﷼{{ $store.state.hide ? '****' : Number($store.state.userInfo.userAmt +
+ $store.state.userInfo.userIndexAmt).toFixed(2)
+ }}
+ </p>
+ <p v-else-if="!this.$store.state.settingForm.indexDisplay && this.$store.state.settingForm.futuresDisplay"
+ class="account">
+ ﷼{{ $store.state.hide ? '****' : Number($store.state.userInfo.userAmt +
+ $store.state.userInfo.userFuturesAmt).toFixed(2)
+ }}
+ </p>
+ <p v-else-if="!this.$store.state.settingForm.indexDisplay && !this.$store.state.settingForm.futuresDisplay"
+ class="account">﷼ {{ $store.state.hide ? '****' :
+ regexNum($store.state.userInfo.userAmt)
+ }}</p>
+ </div>
+ <div style="text-align: center;">Phone: {{ this.$store.state.userInfo.phone }}</div>
+
+ <div class="yk es">
+ <div>
+ <span>{{ $t('hj55') }}</span>
+ </div>
+ <div>
+ <span>{{ $t('hj141') }}</span>
+ </div>
+
+ <div>
+ <span>{{ $t('hj48') }}</span>
+ </div>
+ </div>
+ <div class="yk as">
+ <div>
+ <span class="orenge">﷼ {{ userInfo.length != 0 ? regexNum($store.state.userInfo.allFreezAmt +
+ $store.state.userInfo.djzj) : 0
+ }}</span>
+ </div>
+ <div v-if="userInfo.length == 0">
+ <span v-if="!selectUserFlag">
+ <span>{{ '﷼ 0' }}</span>
+ </span>
+ <span v-else>
+ <span>{{ '﷼ 0' }}</span>
+ </span>
+ </div>
+ <div v-if="userInfo.length != 0">
+ <span v-if="!selectUserFlag">
+ <span
+ :class="$store.state.userInfo.allIndexProfitAndLose > 0 ? ' red' : $store.state.userInfo.allIndexProfitAndLose < 0 ? ' green' : ''">{{
+ '﷼ ' + $store.state.userInfo.allIndexProfitAndLose
+ }}</span>
+ </span>
+ <span v-else>
+ <span
+ :class="$store.state.userInfo.allProfitAndLose > 0 ? ' red' : $store.state.userInfo.allProfitAndLose < 0 ? ' green' : ''">{{
+ regexNum($store.state.userInfo.allProfitAndLose)
+ }}</span>
+ </span>
+ </div>
+
+ <div v-if="userInfo.length == 0">
+ <span class="bzz" v-if="!selectUserFlag">{{ '﷼ 0' }}</span>
+ <span class="bzz" v-else>{{ '﷼ 0' }}</span>
+ </div>
+ <div v-if="userInfo.length != 0">
+ <span class="bzz" v-if="!selectUserFlag">{{ '﷼ ' + $store.state.userInfo.enableIndexAmt }}</span>
+ <span class="bzz" v-else>{{ ' ' + regexNum($store.state.userInfo.enableAmt) }}</span>
+ </div>
+
+ </div>
+ <!-- <div class="btns" @click="handleZh()" :class="selectUserFlag ? '' : 'active'">
+ <span>{{ selectUserFlag ? $t('hj142') : $t('hj143') }}</span>
+ </div> -->
+ </div>
+ <div class="jy" @click="goWall()">
+ <div class="left_gn">
+ <div class="l_icon">
+ <img src="../../assets/img/huazhuan2.png" alt />
+ </div>
+ <div class="r_title">
+ <span>{{ $t('hj256') }}</span>
+ </div>
+ </div>
+ <div class="right_gos">
+ <img src="../../assets/img/youjiantou.png" alt />
+ </div>
+ </div>
+ <div class="jy" @click="goToSettings()">
+ <div class="left_gn">
+ <div class="l_icon">
+ <img src="../../assets/img/xiugaimima.png" alt />
+ </div>
+ <div class="r_title">
+ <span>{{ $t('hj144') }}</span>
+ </div>
+ </div>
+ <div class="right_gos">
+ <img src="../../assets/img/youjiantou.png" alt />
+ </div>
+ </div>
+ <div class="jy" @click="handleGoToTransfer()">
+ <div class="left_gn">
+ <div class="l_icon">
+ <img src="../../assets/img/huazhuan2.png" alt />
+ </div>
+ <div class="r_title">
+ <span>{{ $t('subdka') }}</span>
+ </div>
+ </div>
+ <div class="right_gos">
+ <img src="../../assets/img/youjiantou.png" alt />
+ </div>
+ </div>
+ <div class="jy" @click="handleGoToAuthentication()">
+ <div class="left_gn">
+ <div class="l_icon">
+ <img src="../../assets/img/shiming.png" alt />
+ </div>
+ <div class="r_title">
+ <span>{{ $t('hj146') }}</span>
+ </div>
+ </div>
+ <div class="right_gos">
+ <img src="../../assets/img/youjiantou.png" alt />
+ </div>
+ </div>
+ <div class="jy" @click="handleGoToBankCard()">
+ <div class="left_gn">
+ <div class="l_icon">
+ <img src="../../assets/img/shiming.png" alt />
+ </div>
+ <div class="r_title">
+ <span>{{ $t('hj147') }}</span>
+ </div>
+ </div>
+ <div class="right_gos">
+ <img src="../../assets/img/youjiantou.png" alt />
+ </div>
+ </div>
+ <div class="jy" @click="handleOutLoginClick()">
+ <div class="left_gn">
+ <div class="l_icon">
+ <img src="../../assets/img/out2.png" alt />
+ </div>
+ <div class="r_title">
+ <span>{{ $t('hj148') }}</span>
+ </div>
+ </div>
+ <div class="right_gos">
+ <img src="../../assets/img/youjiantou.png" alt />
+ </div>
</div>
</div>
+ <van-popup v-model="settingDialog" position="bottom" :style="{ height: '40%' }">
+ <div class="setting_content">
+ <div class="old_password">
+ <div class="left_titles">
+ <span>{{ $t('hj150') + ':' }}</span>
+ </div>
+ <div class="right_password_input">
+ <input type="password" v-model="oldPassword" />
+ </div>
+ </div>
+ <div class="old_password">
+ <div class="left_titles">
+ <span>{{ $t('hj151') + ':' }}</span>
+ </div>
+ <div class="right_password_input">
+ <input type="password" v-model="newPassword" />
+ </div>
+ </div>
+ <div class="old_password">
+ <div class="left_titles">
+ <span>{{ $t('hj152') + ':' }}</span>
+ </div>
+ <div class="right_password_input">
+ <input type="password" v-model="cirNewPassword" />
+ </div>
+ </div>
+ <div class="btn_setting" @click="changeLoginPsd()">
+ <span>{{ $t('hj153') }}</span>
+ </div>
+ </div>
+ </van-popup>
+
</div>
</template>
<script>
-import * as api from "@/axios/api";
-import { Toast, MessageBox } from "mint-ui";
-import { isNull, pwdReg } from "@/utils/utils";
-import showHide from "@/components/showHide";
-import Vue from "vue";
-import { Notify } from "vant";
+import * as api from '@/axios/api'
+import { Toast, MessageBox } from 'mint-ui'
+import { isNull, pwdReg } from '@/utils/utils'
export default {
- name: "newUser",
- components: { showHide },
+ name: 'newUser',
data() {
return {
- leverShow: false,
- radio: "1",
- // 显示隐藏
- xy: true,
- listAsstes: [
- {
- title: this.$t("印股資產"),
- title3: this.$t("印股總資產"),
- title1: this.$t("印股可用"),
- title2: this.$t("印股冻结"),
- accectType: "IN",
- symbolCode: "INR",
- symbol: "₹",
- },
- ],
- active: this.$t("印股資產"),
- name: "",
+ name: '大狗子',
selectUserFlag: true,
settingDialog: false,
- oldPassword: "", // 旧密码
- newPassword: "", // 新密码
- cirNewPassword: "", // 确认新密码
+ oldPassword: '', // 旧密码
+ newPassword: '', // 新密码
+ cirNewPassword: '', // 确认新密码
userInfo: [],
- onlineService: "",
- moneyList: [],
- asstesAll: "0.00",
- };
+ onlineService: ''
+ }
+ },
+ components: {
},
created() {
- this.getUserInfo();
- this.getMoneyData();
- this.getInfoSite();
+ this.getUserInfo()
+ this.getInfoSite()
},
methods: {
- // 申请杠杠
- async confirmLever() {
- const res = await api.applyLever({ lever: this.radio });
- if (res.status === 0) {
- Notify({
- type: "success",
- message: this.$t("申请杠杠成功，请联系客服！"),
- });
- } else {
- Notify({ type: "warning", message: res.msg });
- }
- },
- kefu() {
- window.open(this.onlineService);
- },
- async getMoneyData() {
- let data = await api.getMoney();
- if (data.status === 0) {
- // 判断是否登录
- this.moneyList = data.data;
- data.data.map((item) => {
- this.listAsstes.map((items) => {
- if (item.accectType === items.accectType) {
- Vue.set(items, "availableBalance", item.availableBalance);
- Vue.set(items, "availableBalanceUSD", item.availableBalanceUSD);
- Vue.set(items, "freezeMoney", item.freezeMoney);
- Vue.set(items, "freezeMoneyUSD", item.freezeMoneyUSD);
- Vue.set(items, "symbol", item.symbol);
- Vue.set(items, "symbolCode", item.symbolCode);
- }
- });
- });
-
- const arr = data.data.filter((item) => item.accectType === "ALL");
- this.asstesAll = arr[0].totalMoney;
- }
- },
- tabsChange(e) {
- console.log(e);
- },
- yebclick() {
- this.$router.push("/yeb");
- },
regexNum(str) {
console.log(str);
- str = str.toString();
+ str = str.toString()
if (str.indexOf(".") == -1) {
- str = str + ".00";
+ str = str + ".00"
}
- var newStr = str.split(".");
- var point = newStr[1];
+ var newStr = str.split('.')
+ var point = newStr[1]
if (point.length < 2) {
- point = point + "0";
+ point = point + "0"
}
- var moneyPoint = newStr[0];
+ var moneyPoint = newStr[0]
if (moneyPoint.length <= 3) {
- return moneyPoint + "." + point;
+ return moneyPoint + "." + point
} else {
- var mPoint = moneyPoint.substr(
- moneyPoint.length - 3,
- moneyPoint.length
- );
- var twoPoint = moneyPoint.substr(0, moneyPoint.length - 3);
- var endString = twoPoint
- .toString()
- .replace(/(\d)(?=(\d{2})+(?!\d))/g, "$1,");
- return endString + "," + mPoint + "." + point;
+ var mPoint = moneyPoint.substr(moneyPoint.length - 3, moneyPoint.length)
+ var twoPoint = moneyPoint.substr(0, moneyPoint.length - 3)
+ var endString = twoPoint.toString().replace(/(\d)(?=(\d{2})+(?!\d))/g, '$1,')
+ return endString + "," + mPoint + '.' + point;
+
}
},
goOnline() {
if (navigator.vibrate) {
// 支持
- navigator.vibrate([55]);
+ navigator.vibrate([55])
}
- this.$router.push("/service");
+ this.$router.push('/service')
},
async getInfoSite() {
- let data = await api.getInfoSite();
+ let data = await api.getInfoSite()
if (data.status === 0) {
- this.onlineService = data.data.onlineService;
+ this.onlineService = data.data.onlineService
} else {
- Toast(data.msg);
+ Toast(data.msg)
}
},
goWall() {
- if (this.userInfo.length === 0) {
- this.$store.commit("dialogVisible", true);
- return;
- }
- this.$router.push("/wallet");
- },
- gotoa(e) {
- if (this.userInfo.length === 0) {
- this.$store.commit("dialogVisible", true);
- return;
- }
- if (e == 1) {
- this.$router.push("/wallet");
- } else if (e == 2) {
- this.$router.push("/tixian");
- } else {
- this.$router.push("/transfers");
- }
- },
- subclick() {
- this.$router.push("/SubDK");
- },
- subaclick() {
- this.$router.push("/tixian");
+ // if (this.userInfo.length === 0) {
+ // this.$store.commit('dialogVisible', true)
+ // return
+ // }
+ this.$router.push('/recharge')
},
handleZh() {
- this.selectUserFlag = !this.selectUserFlag;
+ this.selectUserFlag = !this.selectUserFlag
if (this.userInfo.length === 0) {
- this.$store.commit("dialogVisible", true);
- return;
+ this.$store.commit('dialogVisible', true)
+ return
}
if (navigator.vibrate) {
// 支持
- navigator.vibrate([55]);
+ navigator.vibrate([55])
}
},
async getUserInfo() {
// 获取用户信息
- let data = await api.getUserInfodata();
+ let data = await api.getUserInfo()
if (data.status === 0) {
// 判断是否登录
- this.$store.commit("dialogVisible", false);
- this.$store.state.userInfo = data.data;
- this.userInfo = data.data;
+ this.$store.commit('dialogVisible', false)
+ this.$store.state.userInfo = data.data
+ this.userInfo = data.data
} else {
- this.$store.commit("dialogVisible", true);
+ this.$store.commit('dialogVisible', true)
}
},
goToTopUp() {
- // if (this.userInfo.length === 0) {
- // this.$store.commit('dialogVisible', true)
- // return
- // }
- // if (navigator.vibrate) {
- // // 支持
- // navigator.vibrate([55])
- // }
- this.$router.push("/setting");
+ if (this.userInfo.length === 0) {
+ this.$store.commit('dialogVisible', true)
+ return
+ }
+ if (navigator.vibrate) {
+ // 支持
+ navigator.vibrate([55])
+ }
+ this.$router.push('/wallet')
},
handleOutLoginClick() {
// 退出登录
- MessageBox.confirm(this.$t("hj149") + "?", this.$t("hj165"), {
- confirmButtonText: this.$t("hj161"),
- cancelButtonText: this.$t("hj106"),
+ MessageBox.confirm(this.$t('hj149') + '?', this.$t('hj165'), {
+ confirmButtonText: this.$t('hj161'),
+ cancelButtonText: this.$t('hj106')
+ }).then(() => {
+ this.toRegister()
+ }).catch(() => {
+
})
- .then(() => {
- this.toRegister();
- })
- .catch(() => {});
},
goToSettings() {
- if (this.userInfo.length === 0) {
- this.$store.commit("dialogVisible", true);
- return;
- }
+ // if (this.userInfo.length === 0) {
+ // this.$store.commit('dialogVisible', true)
+ // return
+ // }
// 每次打开dialog 清空密码数据
- this.settingDialog = !this.settingDialog;
+ this.settingDialog = !this.settingDialog
if (this.settingDialog) {
- this.oldPassword = "";
- this.newPassword = "";
- this.cirNewPassword = "";
+ this.oldPassword = ''
+ this.newPassword = ''
+ this.cirNewPassword = ''
}
},
handleGoToTransfer() {
- if (this.userInfo.length === 0) {
- this.$store.commit("dialogVisible", true);
- return;
- }
- this.$router.push("/transfers");
+ // if (this.userInfo.length === 0) {
+ // this.$store.commit('dialogVisible', true)
+ // return
+ // }
+ this.$router.push('/RechargeSure')
},
handleGoToAuthentication() {
- if (this.userInfo.length === 0) {
- this.$store.commit("dialogVisible", true);
- return;
- }
- this.$router.push("/authentications");
- },
- handleGoToAuthenticationaz() {
- if (this.userInfo.length === 0) {
- this.$store.commit("dialogVisible", true);
- return;
- }
- this.$router.push("/download");
+ // if (this.userInfo.length === 0) {
+ // this.$store.commit('dialogVisible', true)
+ // return
+ // }
+ this.$router.push('/authentications')
},
handleGoToBankCard() {
- if (this.userInfo.length === 0) {
- this.$store.commit("dialogVisible", true);
- return;
- }
- this.$router.push("/bankCard");
+ // if (this.userInfo.length === 0) {
+ // this.$store.commit('dialogVisible', true)
+ // return
+ // }
+ this.$router.push('/banklist')
},
async toRegister() {
// 注销登陆
- window.localStorage.removeItem("USERTOKEN"); // 清空本地存储 USERTOKEN字段
- this.clearCookie();
- let data = await api.logout();
+ window.localStorage.removeItem('USERTOKEN') // 清空本地存储 USERTOKEN字段
+ this.clearCookie()
+ let data = await api.logout()
if (data.status === 0) {
// Toast(data.msg)
- this.$router.push("/login");
+ this.$router.push('/login')
} else {
- Toast(data.msg);
+ Toast(data.msg)
}
- this.$router.push("/login");
+ this.$router.push('/login')
},
async changeLoginPsd() {
// 修改密码
@@ -420,292 +401,73 @@
isNull(this.newPassword) ||
isNull(this.cirNewPassword)
) {
- Toast(this.$t("hj154"));
- this.settingDialog = false;
+ Toast(this.$t('hj154'))
+ this.settingDialog = false
} else if (!pwdReg(this.newPassword)) {
- Toast(this.$t("hj19"));
- this.settingDialog = false;
+ Toast(this.$t('hj19'))
+ this.settingDialog = false
} else {
// 修改密码
if (this.newPassword === this.cirNewPassword) {
let opts = {
oldPwd: this.oldPassword,
- newPwd: this.newPassword,
- };
- let data = await api.changePassword(opts);
+ newPwd: this.newPassword
+ }
+ let data = await api.changePassword(opts)
if (data.status === 0) {
- this.changeLoginPsdBox = false;
- Toast(data.msg);
- this.settingDialog = false;
+ this.changeLoginPsdBox = false
+ Toast(data.msg)
+ this.settingDialog = false
} else {
- Toast(data.msg);
- this.settingDialog = false;
+ Toast(data.msg)
+ this.settingDialog = false
}
} else {
- Toast(this.$t("hj155"));
- this.settingDialog = false;
+ Toast(this.$t('hj155'))
+ this.settingDialog = false
}
}
if (navigator.vibrate) {
// 支持
- navigator.vibrate([55]);
+ navigator.vibrate([55])
}
- },
+ }
},
-};
+
+}
</script>
<style scoped lang="less">
-/deep/ .van-button--primary {
- background-color: #0066ed;
-}
-/deep/ .van-tab {
- min-width: 2.66667rem;
- height: 1.17333rem;
- font-style: normal;
- font-weight: 400;
- font-size: 0.37333rem;
- text-align: center;
- color: #687284;
- box-sizing: border-box;
- position: relative;
- display: flex;
- align-items: center;
- justify-content: center;
- line-height: 1;
-}
-/deep/ .van-tab--active {
- color: #2c2e3b;
-}
-/deep/ .van-tabs--line .van-tabs__wrap {
- height: auto;
-}
-/deep/ .van-tabs__line {
- background-color: #0066ed;
- // height: auto;
-}
-.xy {
- font-size: 28px;
- color: #cfd0d2;
- margin-left: 10px;
- cursor: pointer;
-}
-.money {
- font-family: "DINPro", serif;
- width: 100%;
- max-width: 25.6rem;
- li {
- width: 100%;
- max-width: 25.6rem;
- height: 1.54667rem;
- border-bottom: 0.02667rem solid #e5e8ed;
- display: flex;
- justify-content: space-between;
- align-items: center;
- padding: 0 0.4rem;
- box-sizing: border-box;
- text-align: right;
- .li-title {
- font-style: normal;
- font-weight: 500;
- font-size: 0.37333rem;
- color: #2d2f3c;
- }
- .li-USDT {
- min-width: 180px;
- text-align: right;
- font-style: normal;
- font-weight: 500;
- font-size: 0.37333rem;
- color: #2d2f3c;
- line-height: 28px;
- }
- }
-}
-.content-list-box {
- width: 100%;
- min-height: calc(100vh - 6rem);
- background-color: #fff;
- .divider {
- width: 100%;
- height: 0.13333rem;
- background: #f1f1f1;
- }
-}
-.content-box {
- width: 100%;
- // min-height: 5.52rem;
- background: #ffffff;
- box-shadow: 0 0.16rem 0.32rem #eaeaea99;
- padding: 0.4rem;
- box-sizing: border-box;
- border-top-left-radius: 0.4rem;
- border-top-right-radius: 0.4rem;
- display: flex;
- flex-direction: column;
- justify-content: space-between;
- .content-title {
- font-family: "DINPro", serif;
- line-height: 28px;
- font-style: normal;
- font-weight: 400;
- font-size: 0.32rem;
- color: #14181f;
- }
- .btn-two {
- font-style: normal;
- font-weight: 400;
- font-size: 0.37333rem;
- line-height: 0.37333rem;
- width: 88%;
- height: 0.8rem;
- border: 0.01333rem solid #cfd0d2;
- border-radius: 0.05333rem;
- display: flex;
- justify-content: center;
- align-items: center;
- padding: 0.13333rem;
- box-sizing: border-box;
- overflow: hidden;
- }
-}
-.van-row-box {
- .content-all {
- font-style: normal;
- font-weight: 400;
- font-size: 0.32rem;
- color: #14181f;
- display: flex;
- line-height: 28px;
- // align-items: center;
- }
- .number-all {
- font-size: 32px;
- font-family: "DINPro", serif;
- line-height: 38px;
- }
-}
-
-.top_box_top {
- color: #fff;
- font-size: 0.4rem;
-}
-.top_box {
- display: flex;
- flex-direction: column;
- justify-content: center;
- // align-items: center;
- margin-left: 15px;
-}
-.left_icon {
- display: flex;
-}
-.btn2 {
- font-size: 0.4rem;
- text-align: center;
- width: 120px;
- padding: 0.17074rem 0.222222rem;
- border-radius: 25px;
- background: #409eff;
- color: #fff;
-}
-
-.btn1 {
- width: 120px;
- font-size: 0.4rem;
- text-align: center;
- padding: 0.17074rem 0.222222rem;
- border-radius: 25px;
- border: 1px solid #dcdfe9;
- color: #0d0d0d;
-}
-
-.box1_bottom {
- display: flex;
- align-items: center;
- justify-content: space-between;
- padding-top: 27px;
- // padding-bottom: 10px;
-}
-
-.title_box_left {
- width: 50%;
- font-size: 0.4rem;
-}
-
-.title_box_right {
- width: 50%;
- font-size: 0.4rem;
-}
-
.green {
color: #028f52 !important;
-}
-
-.cd_box {
- display: flex;
- flex-direction: column;
- background: #fff;
- border: 0.5px solid #e5e5e5;
- border-radius: 8px;
- margin-top: 17px;
- box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.3);
-}
-.cd_box_body {
- display: flex;
- align-items: center;
- justify-content: space-between;
- border-radius: 8px 8px 0 0;
- padding: 18px 8px;
- font-size: 0.4rem;
- font-weight: 500;
-}
-.cd_box_top {
- display: flex;
- align-items: center;
- background: #f5f5f5;
- border-radius: 8px 8px 0 0;
- padding: 18px 8px;
- font-size: 0.4rem;
- font-weight: 500;
}
.red {
color: #b60c0d !important;
}
-.top_box {
- display: flex;
-}
-
-.title_box {
- display: flex;
- font-size: 10px;
- color: #9ea3ae;
-}
-
.user_page {
width: 100%;
height: calc(100% - 1.3rem);
- background: linear-gradient(to bottom, #3160fd, #ffffff);
.content {
width: 100%;
height: 100%;
+ padding: 0 0.3rem;
.top_icon {
width: 100%;
height: 1.5rem;
display: flex;
- justify-content: space-between;
+ justify-content: flex-end;
align-items: center;
- padding: 0 0.3rem;
+
.right_icon {
width: 17%;
height: 50%;
display: flex;
- > div {
+ >div {
width: 100%;
height: 100%;
display: flex;
@@ -742,7 +504,7 @@
align-items: center;
justify-content: center;
- > div {
+ >div {
width: 1rem;
height: 1rem;
border-radius: 50%;
@@ -786,10 +548,8 @@
.center_card {
width: 100%;
- box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.3);
// height: 5.3846rem;
- background: #fff;
- // background-image: linear-gradient(to right bottom, #ffffff, #dfedfc);
+ background-image: linear-gradient(to right bottom, #ffffff, #dfedfc);
// background-image: linear-gradient(to right, #ffffff , #dfedfc);
// margin-top: 0.5rem;
border-radius: 0.15rem;
@@ -801,13 +561,13 @@
display: flex;
align-items: center;
color: #3d4144;
- // font-weight: 600;
- // justify-content: center;
+ font-weight: 600;
+ justify-content: center;
padding-bottom: 0.2rem;
span {
- // font-weight: 600;
- font-size: 0.4rem;
+ font-weight: 600;
+ font-size: 0.6rem;
}
}
@@ -816,14 +576,13 @@
// height: 0.6667rem;
margin-top: 0.1rem;
display: flex;
- // align-items: center;
- // justify-content: center;
- // font-size: 0.5528rem;
+ align-items: center;
+ justify-content: center;
+ font-size: 0.5528rem;
padding-bottom: 0.3rem;
span {
font-weight: 600;
- font-size: 0.4rem;
}
}
@@ -839,7 +598,7 @@
align-items: center;
justify-content: space-between;
- > div {
+ >div {
width: 33%;
height: 100%;
color: #97989d;
@@ -1010,10 +769,4 @@
}
}
}
-/deep/ .el-upload__input {
- display: none !important;
-}
-input[type="file"] {
- display: none !important;
-}
-</style>
\ No newline at end of file
+</style>
--
Gitblit v1.9.3