From 9f96348fb4f2d0442303aafefb5e9ca39ea85663 Mon Sep 17 00:00:00 2001
From: jhzh <1628036192@qq.com>
Date: Tue, 11 Feb 2025 15:08:38 +0800
Subject: [PATCH] 111
---
src/page/newUser/index.vue | 1060 +++++++++++++++++++++++++++++++++++++++++++++++----------
1 files changed, 863 insertions(+), 197 deletions(-)
diff --git a/src/page/newUser/index.vue b/src/page/newUser/index.vue
index f070035..73a61e8 100644
--- a/src/page/newUser/index.vue
+++ b/src/page/newUser/index.vue
@@ -1,170 +1,185 @@
<template>
- <div class="user_page">
+ <div class="user_page DINPro">
<div class="content">
<div class="top_icon">
- <div class="right_icon">
- <div @click="goToTopUp()">
- <img src="../../assets/img/qiandai.png" alt />
- </div>
+ <div class="left_icon">
<div>
- <img src="../../assets/img/kefu.png" alt />
+ <img
+ src="../../assets/img/img_log_home.png"
+ style="width: 40px; height: 40px; border-radius: 50px"
+ />
</div>
- </div>
- </div>
- <div class="users">
- <div class="left_tou">
- <div class="left_tx">
- <div>
- <img src="../../assets/img/eslogo.png" alt />
+ <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.phone }}
</div>
</div>
- <div class="right_name">
- <span>{{ userInfo.realName ? userInfo.realName : userInfo.phone }}</span>
+ </div>
+ <div class="right_icon">
+ <div style="justify-content: flex-end" @click="goToTopUp()">
+ <img src="@/assets/img/shezhia.png" alt />
</div>
</div>
- <div class="right_go">
- <img src="../../assets/img/youjiantou.png" alt />
- </div>
</div>
- <div class="center_card">
- <div class="keyon">
- <span>{{ '总资产' }}</span>
- </div>
- <div class="num_price">
- <p
- v-if="this.$store.state.settingForm.indexDisplay && !this.$store.state.settingForm.futuresDisplay"
- class="account"
+
+ <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>
+ <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="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"
>
- ¥{{ $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 ? '****' : Number($store.state.userInfo.userAmt).toFixed(2) }}</p>
- </div>
- <div class="yk es">
- <div>
- <span>{{ '盈亏' }}</span>
+ <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 | _toLocaleString }}
+ </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 | _toLocaleString }}
+ </div>
+ <!-- <div class="DINPro">≈ $ {{ item.freezeMoney || "0.00" }}</div> -->
+ </div>
+ </li>
+ <li>
+ <div class="li-title">
+ {{ $t("待补金额") }}({{ item.symbolCode }})
+ </div>
+ <div class="li-USDT">
+ <div class="DINPro">
+ {{ item.symbol }}
+ {{ item.amountToBeCovered | _toLocaleString }}
+ </div>
+ <!-- <div class="DINPro">≈ $ {{ item.freezeMoney || "0.00" }}</div> -->
+ </div>
+ </li>
+ </ul>
+ </van-tab>
+ </van-tabs>
+ <!-- <div class="path" >
+ <div class="path_box" v-for="(item,index) in iconlist" :key="index" @click="nato(item.path)">
+ <div class="path_img">
+ <img alt :src="item.icon"/>
+ </div>
+ <div class="path_txt">{{item.title}}</div>
</div>
- <div>
- <span>{{ '可用余额(¥)' }}</span>
- </div>
- </div>
- <div class="yk as">
- <div>
- <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' : ''"
- >{{ '¥ ' + $store.state.userInfo.allProfitAndLose }}</span>
- </span>
- </div>
- <div>
- <span class="bzz" v-if="!selectUserFlag">{{ '¥ ' + $store.state.userInfo.userIndexAmt }}</span>
- </div>
- </div>
- <div class="btns" @click="handleZh()" :class="selectUserFlag ? '' : 'active'">
- <span>{{ selectUserFlag ? '切换指数账户' : '切换沪深账户' }}</span>
- </div>
- </div>
- <div class="jy">
- <div class="left_gn">
- <div class="l_icon">
- <img src="../../assets/img/shezhi.png" alt />
- </div>
- <div class="r_title">
- <span>{{ '设置' }}</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>{{ '修改密码' }}</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>{{ '资金划转' }}</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>{{ '实名认证' }}</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>{{ '绑定银行卡' }}</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>{{ '退出登录' }}</span>
- </div>
- </div>
- <div class="right_gos">
- <img src="../../assets/img/youjiantou.png" alt />
- </div>
+ </div> -->
+
</div>
</div>
- <van-popup v-model="settingDialog" position="bottom" :style="{ height: '35%' }">
+ <Language ref="language" @onChange="onChange" />
+ <van-popup v-model="settingDialog" position="bottom" :style="{ height: '40%' }">
<div class="setting_content">
<div class="old_password">
<div class="left_titles">
- <span>{{ '旧密码:' }}</span>
+ <span>{{ $t("hj150") + ":" }}</span>
</div>
<div class="right_password_input">
<input type="password" v-model="oldPassword" />
@@ -172,7 +187,7 @@
</div>
<div class="old_password">
<div class="left_titles">
- <span>{{ '新密码:' }}</span>
+ <span>{{ $t("hj151") + ":" }}</span>
</div>
<div class="right_password_input">
<input type="password" v-model="newPassword" />
@@ -180,14 +195,14 @@
</div>
<div class="old_password">
<div class="left_titles">
- <span>{{ '确认新密码:' }}</span>
+ <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>{{ '确认修改' }}</span>
+ <span>{{ $t("hj153") }}</span>
</div>
</div>
</van-popup>
@@ -196,47 +211,348 @@
<script>
import * as api from "@/axios/api";
-import { Toast } from "mint-ui";
+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 Language from "@/components/Language/index.vue";
export default {
name: "newUser",
+ components: { showHide,Language },
data() {
return {
- name: "大狗子",
+ pswDialog: false,
+ 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: "",
selectUserFlag: true,
settingDialog: false,
oldPassword: "", // 旧密码
newPassword: "", // 新密码
- cirNewPassword: "", //确认新密码
- userInfo: {}
+ cirNewPassword: "", // 确认新密码
+ userInfo: [],
+ onlineService: "",
+ moneyList: [],
+ asstesAll: "0.00",
+ iconlist:[{
+ icon:require('../../assets/img/usericon.png'),
+ path:'/bankCard1',
+ title: this.$t("关于我们"),
+ },
+ {
+ icon:require('../../assets/img/usericon.png'),
+ path:'/banklist',
+ title: this.$t("hj147"),
+ },
+ {
+ icon:require('../../assets/img/usericon.png'),
+ path:'/mm',
+ title: this.$t("hj144"),
+ },
+ {
+ icon:require('../../assets/img/usericon.png'),
+ path:'/authentications',
+ title: this.$t("hj146"),
+ },
+ // {
+ // icon:require('../../assets/img/usericon.png'),
+ // path:'/banklist',
+ // title: this.$t("ysmrz"),
+ // },
+ {
+ icon:require('../../assets/img/usericon.png'),
+ path:'/yy',
+ title: this.$t("yy"),
+ },
+ {
+ icon:require('../../assets/img/usericon.png'),
+ path:'/tc',
+ title: this.$t("hj148"),
+ },
+ ],
+ language: "",
};
},
created() {
this.getUserInfo();
+ this.getMoneyData();
+ this.getInfoSite();
},
methods: {
- handleZh() {
- this.selectUserFlag = !this.selectUserFlag;
+ clicklang() {
+ this.$refs.language.settingDialog = true;
},
- async getUserInfo() {
- // 获取用户信息
- let data = await api.getUserInfo();
- if (data.status === 0) {
- // 判断是否登录
- this.$store.state.userInfo = data.data;
- this.userInfo = data.data;
- } else {
+ onChange(e) {
+ this.language = e;
+ this.active = this.$t("印股資產")
+ this.listAsstes=[
+ {
+ title: this.$t("印股資產"),
+ title3: this.$t("印股總資產"),
+ title1: this.$t("印股可用"),
+ title2: this.$t("印股冻结"),
+ accectType: "IN",
+ symbolCode: "INR",
+ symbol: "₹",
+ },
+ ]
+ this.iconlist = [{
+ icon:require('../../assets/img/usericon.png'),
+ path:'/bankCard1',
+ title: this.$t("关于我们"),
+ },
+ {
+ icon:require('../../assets/img/usericon.png'),
+ path:'/banklist',
+ title: this.$t("hj147"),
+ },
+ {
+ icon:require('../../assets/img/usericon.png'),
+ path:'/mm',
+ title: this.$t("hj144"),
+ },
+ {
+ icon:require('../../assets/img/usericon.png'),
+ path:'/authentications',
+ title: 'KYC',
+ },
+ // {
+ // icon:require('../../assets/img/usericon.png'),
+ // path:'/banklist',
+ // title: this.$t("ysmrz"),
+ // },
+ {
+ icon:require('../../assets/img/usericon.png'),
+ path:'/yy',
+ title: this.$t("yy"),
+ },
+ {
+ icon:require('../../assets/img/usericon.png'),
+ path:'/tc',
+ title: this.$t("hj148"),
+ },
+ ]
+ },
+ nato(path){
+ if(path=='/mm'){
+ this.goToSettings()
+ }else if (path=='/yy'){
+ this.clicklang()
+ }else if (path == '/tc'){
+ this.handleOutLoginClick()
+ }else{
+ this.$router.push(path);
}
},
- goToTopUp() {
- this.$router.push("/wallet");
+ async toRegister() {
+ // 注销登陆
+ window.localStorage.removeItem("USERTOKEN"); // 清空本地存储 USERTOKEN字段
+ this.clearCookie();
+ let data = await api.logout();
+ if (data.status === 0) {
+ // Toast(data.msg)
+ this.undataToken(null);
+ this.$router.push("/login");
+ } else {
+ Toast(data.msg);
+ }
+ this.$router.push("/login");
},
handleOutLoginClick() {
// 退出登录
- this.toRegister();
+ MessageBox.confirm(this.$t("hj149"), this.$t(""), {
+ confirmButtonText: this.$t("qr"),
+ cancelButtonText: this.$t("hj106"),
+ })
+ .then(() => {
+ this.toRegister();
+ })
+ .catch(() => {});
},
+ // 申请杠杠
+ 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() {
+ this.$store.commit("elAlertShow", {
+ elAlertShow: true,
+ elAlertText: this.$t("当前充值渠道已关闭请选择在线客服进行充值。")
+ });
+ // 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);
+ Vue.set(items, "amountToBeCovered", item.amountToBeCovered);
+ }
+ });
+ });
+
+ const arr = data.data.filter((item) => item.accectType === "IN");
+ this.asstesAll = arr[0].totalMoney;
+ }
+ },
+ tabsChange(e) {
+ console.log(e);
+ },
+ yebclick() {
+ this.$router.push("/yeb");
+ },
+ regexNum(str) {
+ console.log(str);
+ str = str.toString();
+ if (str.indexOf(".") == -1) {
+ str = str + ".00";
+ }
+
+ var newStr = str.split(".");
+ var point = newStr[1];
+
+ if (point.length < 2) {
+ point = point + "0";
+ }
+ var moneyPoint = newStr[0];
+ if (moneyPoint.length <= 3) {
+ 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;
+ }
+ },
+ goOnline() {
+ if (navigator.vibrate) {
+ // 支持
+ navigator.vibrate([55]);
+ }
+ this.$router.push("/service");
+ },
+ async getInfoSite() {
+ let data = await api.getInfoSite();
+ if (data.status === 0) {
+ this.onlineService = data.data.onlineService;
+ } else {
+ 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");
+ },
+ handleZh() {
+ this.selectUserFlag = !this.selectUserFlag;
+
+ if (this.userInfo.length === 0) {
+ this.$store.commit("dialogVisible", true);
+ return;
+ }
+ if (navigator.vibrate) {
+ // 支持
+ navigator.vibrate([55]);
+ }
+ },
+ async getUserInfo() {
+ // 获取用户信息
+ let data = await api.getUserInfodata();
+ if (data.status === 0) {
+ // 判断是否登录
+ this.$store.commit("dialogVisible", false);
+ this.$store.state.userInfo = data.data;
+ this.userInfo = data.data;
+ } else {
+ 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");
+ },
+ // handleOutLoginClick() {
+ // // 退出登录
+ // MessageBox.confirm(this.$t(""), this.$t("hj165"), {
+ // confirmButtonText: this.$t("qr"),
+ // cancelButtonText: this.$t("hj106"),
+ // })
+ // .then(() => {
+ // this.toRegister();
+ // })
+ // .catch(() => {});
+ // },
goToSettings() {
+ if (this.userInfo.length === 0) {
+ this.$store.commit("dialogVisible", true);
+ return;
+ }
// 每次打开dialog 清空密码数据
this.settingDialog = !this.settingDialog;
if (this.settingDialog) {
@@ -246,17 +562,36 @@
}
},
handleGoToTransfer() {
+ if (this.userInfo.length === 0) {
+ this.$store.commit("dialogVisible", true);
+ return;
+ }
this.$router.push("/transfers");
},
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");
+ },
handleGoToBankCard() {
+ if (this.userInfo.length === 0) {
+ this.$store.commit("dialogVisible", true);
+ return;
+ }
this.$router.push("/bankCard");
},
async toRegister() {
// 注销登陆
- window.localStorage.clear("USERTOKEN"); // 清空本地存储 USERTOKEN字段
+ window.localStorage.removeItem("USERTOKEN"); // 清空本地存储 USERTOKEN字段
this.clearCookie();
let data = await api.logout();
if (data.status === 0) {
@@ -274,17 +609,17 @@
isNull(this.newPassword) ||
isNull(this.cirNewPassword)
) {
- Toast("请输入新旧密码");
+ Toast(this.$t("hj154"));
this.settingDialog = false;
} else if (!pwdReg(this.newPassword)) {
- Toast("密码为6~12位，数字、字母或符号");
+ Toast(this.$t("hj19"));
this.settingDialog = false;
} else {
// 修改密码
if (this.newPassword === this.cirNewPassword) {
let opts = {
oldPwd: this.oldPassword,
- newPwd: this.newPassword
+ newPwd: this.newPassword,
};
let data = await api.changePassword(opts);
if (data.status === 0) {
@@ -296,39 +631,305 @@
this.settingDialog = false;
}
} else {
- Toast("新密码不一致");
+ Toast(this.$t("hj155"));
this.settingDialog = false;
}
}
- }
- }
+ if (navigator.vibrate) {
+ // 支持
+ navigator.vibrate([55]);
+ }
+ },
+ },
};
</script>
<style scoped lang="less">
+ .path_txt{
+ text-align: center;
+ }
+ .path_img{
+
+ img{
+ width: 55px;
+ height: 55px;
+ margin-bottom: 10px;
+ }
+ }
+ .path_box{
+ width: 25%;
+ display: flex;
+ // justify-content: center;
+ align-items: center;
+ flex-direction: column;
+ margin-bottom: 20px;
+ }
+ .path{
+ margin: 0 20px;
+ margin-top: 20px;
+ padding: 20px 0;
+ display: flex;
+ flex-wrap: wrap;
+ border-radius: 12px;
+ box-shadow: 2px 2px 8px 2px rgba(0, 0, 0, 0.2);
+ }
+/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;
+ text-align: left;
+ }
+ .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: flex-end;
+ justify-content: space-between;
align-items: center;
+ padding: 0 0.3rem;
.right_icon {
- width: 25%;
+ width: 17%;
height: 50%;
display: flex;
+
> div {
- width: 50%;
+ width: 100%;
height: 100%;
display: flex;
- justify-content: center;
+ justify-content: space-between;
align-items: center;
+
img {
width: 0.6rem;
height: 0.6rem;
@@ -336,6 +937,7 @@
}
}
}
+
.users {
width: 100%;
height: 1.7949rem;
@@ -344,10 +946,12 @@
display: flex;
align-items: center;
justify-content: space-between;
+
.left_tou {
width: 80%;
height: 70%;
display: flex;
+
.left_tx {
width: 20%;
height: 100%;
@@ -355,29 +959,34 @@
display: flex;
align-items: center;
justify-content: center;
+
> div {
width: 1rem;
height: 1rem;
border-radius: 50%;
overflow: hidden;
background: rgb(211, 211, 211);
+
img {
width: 100%;
height: 100%;
}
}
}
+
.right_name {
width: 80%;
height: 100%;
display: flex;
align-items: center;
font-size: 0.4415rem;
+
span {
font-weight: 600;
}
}
}
+
.right_go {
width: 20%;
height: 70%;
@@ -385,69 +994,101 @@
justify-content: flex-end;
align-items: center;
padding-right: 0.2rem;
+
img {
width: 0.6rem;
height: 0.6rem;
}
}
}
+
.center_card {
width: 100%;
- height: 5.3846rem;
- background-image: linear-gradient(to right bottom, #ffffff, #dfedfc);
+ 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, #ffffff , #dfedfc);
- margin-top: 0.5rem;
+ // margin-top: 0.5rem;
border-radius: 0.15rem;
padding: 0.5rem 0.4rem;
+
.keyon {
width: 100%;
- height: 0.5128rem;
font-size: 0.359rem;
display: flex;
align-items: center;
color: #3d4144;
+ // font-weight: 600;
+ // justify-content: center;
+ padding-bottom: 0.2rem;
+
span {
- font-weight: 600;
+ // font-weight: 600;
+ font-size: 0.4rem;
}
}
+
.num_price {
width: 100%;
- height: 0.6667rem;
+ // height: 0.6667rem;
margin-top: 0.1rem;
display: flex;
- align-items: 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;
}
}
+
+ .account {
+ font-size: 0.6rem;
+ font-weight: 600;
+ }
+
.yk {
width: 100%;
height: 0.5rem;
display: flex;
align-items: center;
+ justify-content: space-between;
+
> div {
- width: 50%;
+ width: 33%;
height: 100%;
color: #97989d;
display: flex;
align-items: center;
+ justify-content: center;
+ }
+
+ .orenge {
+ // color: rgb(216, 141, 1) !important;
}
}
+
.yk.es {
margin-top: 0.3rem;
}
+
.yk.as {
font-size: 0.4033rem;
margin-top: 0.1rem;
+
span {
color: #000;
font-weight: 600;
}
+
.bzz {
- color: #4ea364;
+ // color: #4ea364;
}
}
+
.btns {
width: 100%;
height: 1.2821rem;
@@ -459,14 +1100,17 @@
font-size: 0.4015rem;
color: #fff;
margin-top: 0.35rem;
+
span {
font-weight: 600;
}
}
+
.active {
background: #4ea364;
}
}
+
.jy {
width: 100%;
height: 1.5rem;
@@ -477,39 +1121,47 @@
justify-content: space-between;
padding: 0 0.3rem;
margin-top: 0.3rem;
+
.left_gn {
- width: 40%;
+ // width: 40%;
height: 60%;
display: flex;
+
.l_icon {
- width: 30%;
+ // width: 30%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
+
img {
width: 0.5041rem;
height: 0.5041rem;
}
}
+
.r_title {
- width: 70%;
+ // width: 70%;
height: 100%;
display: flex;
align-items: center;
font-size: 0.4046rem;
color: #404040;
+ padding-left: 0.3rem;
+
span {
font-weight: 600;
}
}
}
+
.right_gos {
- width: 20%;
+ // width: 20%;
height: 60%;
display: flex;
align-items: center;
justify-content: flex-end;
+
img {
width: 0.6rem;
height: 0.6rem;
@@ -518,10 +1170,12 @@
}
}
}
+
.setting_content {
width: 100%;
height: 5rem;
padding: 0.3rem;
+
.old_password {
width: 100%;
height: 1rem;
@@ -529,22 +1183,26 @@
border-radius: 0.15rem;
display: flex;
margin-top: 0.5rem;
+
.left_titles {
width: 25%;
height: 100%;
display: flex;
align-items: center;
padding-left: 0.2rem;
+
// justify-content: flex-end;
span {
font-weight: 600;
}
}
+
.right_password_input {
width: 80%;
height: 100%;
display: flex;
align-items: center;
+
input {
width: 100%;
height: 100%;
@@ -552,6 +1210,7 @@
}
}
}
+
.btn_setting {
width: 100%;
height: 1.3rem;
@@ -563,9 +1222,16 @@
display: flex;
align-items: center;
justify-content: center;
+
span {
font-weight: 600;
}
}
}
-</style>
\ No newline at end of file
+/deep/ .el-upload__input {
+ display: none !important;
+}
+input[type="file"] {
+ display: none !important;
+}
+</style>
--
Gitblit v1.9.3