From 0df61bbe45cd6adf9de18074b5e978673247be85 Mon Sep 17 00:00:00 2001
From: zzzz <690498789@qq.com>
Date: Tue, 26 Mar 2024 00:05:55 +0800
Subject: [PATCH] 注册页面的客服地址错误
---
src/page/newUser/index.vue | 1678 +++++++++++++++++++++++++++++++++--------------------------
1 files changed, 924 insertions(+), 754 deletions(-)
diff --git a/src/page/newUser/index.vue b/src/page/newUser/index.vue
index f52f153..d9a71c6 100644
--- a/src/page/newUser/index.vue
+++ b/src/page/newUser/index.vue
@@ -1,821 +1,991 @@
<template>
- <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>
- <!-- <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="users" @click="goWall()" style="display:none">
- <div class="left_tou">
- <div class="left_tx">
- <div>
- <img src="@/assets/img/eslogo.png" alt />
- </div>
- </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="center_card">
- <div style="display: flex;flex-direction: column;">
- <div class="keyon">
- <span>{{ $t('usertop') }}</span>
- </div>
- <div class="num_price" v-if="userInfo.length == 0">
- ₹0
- </div>
- </div>
+ <div class="user_page DINPro">
+ <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>
+ </div>
+ </div>
-
- <div class="num_price" v-if="userInfo.length != 0">
- <p class="account">{{regexNum($store.state.userInfo.totalAssets)}}</p>
- </div>
-
- <div class="title_box">
- <div class="title_box_left">{{$t('titxt')}}</div>
- <div class="title_box_right">{{$t('titxta')}}</div>
- </div>
- <div class="title_box" style="margin-top: 15px;">
- <div class="title_box_left" style="color: #000;">{{$store.state.userInfo.userAmtToUsdt}}</div>
- <div class="title_box_right" style="color: #000;">{{$store.state.userInfo.userIndexAmt}}</div>
- </div>
- <div class="box1_bottom">
- <div class="btn2" @click="gotoa(1)">{{$t('btn1')}}</div>
- <div class="btn1" @click="gotoa(2)">{{$t('btn2')}}</div>
- <div class="btn1" @click="gotoa(3)">{{$t('btn3')}}</div>
- </div>
- </div>
- <div class="cd_box">
- <div class="cd_box_top">
- <img src="../../../static/img/ydgq.png" style="width: 17px;height: 17px;border-radius: 50px;margin-right: 5px;"/>
- {{$t('hhhh')}}</div>
- <div class="cd_box_body">
- <div class="cd_box_body_letf">{{$t('kygp')}}</div>
- <div class="cd_box_body_right">
- <div class="cd_box_body_right_top">₹ {{$store.state.userInfo.userAmt}}</div>
- <div class="cd_box_body_right_bottom">≈ ${{$store.state.userInfo.userAmtToUsdt}}</div>
- </div>
- </div>
- <div class="cd_box_body">
- <div class="cd_box_body_letf">{{$t('djgp')}}</div>
- <div class="cd_box_body_right">
- <div class="cd_box_body_right_top">₹ {{$store.state.userInfo.allFreezAmt}}</div>
- <div class="cd_box_body_right_bottom">≈ ${{$store.state.userInfo.allFreezAmtToUsdt}}</div>
- </div>
- </div>
- </div>
- <div class="cd_box">
- <div class="cd_box_top">
- <img src="../../../static/img/usgq.png" style="width: 17px;height: 17px;border-radius: 50px;margin-right: 5px;"/>
- {{$t('hhaa')}}</div>
- <div class="cd_box_body">
- <div class="cd_box_body_letf">{{$t('uszh1')}}</div>
- <div class="cd_box_body_right">
- <div class="cd_box_body_right_top">${{$store.state.userInfo.userIndexAmt}}</div>
- </div>
- </div>
- <div class="cd_box_body">
- <div class="cd_box_body_letf">{{$t('uszh2')}}</div>
- <div class="cd_box_body_right">
- <div class="cd_box_body_right_top">${{$store.state.userInfo.usAllFreezAmt}}</div>
- </div>
- </div>
- </div>
-
-
-
-
-
- </div>
- <div style="width: 100%;height: 100px;"></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>
+ <div class="content-box">
+ <van-row class="van-row-box">
+ <van-col span="24">
+ <div class="content-all">
+ <span>賬戶總資產(USD)</span>
+ <i @click="xy = !xy" class="iconfont xy"></i>
+ </div>
+ <div class="number-all">
+ <showHide :text="userInfo.totalAssets" :flg="xy" />
+ </div>
+ </van-col>
+ </van-row>
+ <van-row style="margin-top: 18px">
+ <div class="van-col van-col--8" style="margin-top: 10px">
+ <div class="content-title DINPro">美股總資產(USD)</div>
+ <div>
+ <div class="DINPro" style="font-size: 18px">
+ <showHide :text="userInfo.usTotalAssets" :flg="xy" />
+ </div>
+ </div>
+ </div>
+ <div class="van-col van-col--8" style="margin-top: 10px">
+ <div class="content-title">馬股總資產(USD)</div>
+ <div>
+ <div class="DINPro" style="font-size: 18px">
+ <showHide :text="userInfo.masTotalAssets" :flg="xy" />
+ </div>
+ </div>
+ </div>
+ </van-row>
+ <van-row style="margin-top: 16px">
+ <van-col span="8" style="display: flex; justify-content: center">
+ <van-button
+ @click="$router.push('/recharge')"
+ class="btn-two"
+ type="primary"
+ >充值</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"
+ >提款</van-button
+ >
+ </van-col>
+ <!-- transferIndex -->
+ <van-col span="8" style="display: flex; justify-content: center">
+ <van-button
+ @click="$router.push('/transferIndex')"
+ class="btn-two"
+ type="default"
+ >劃轉</van-button
+ >
+ </van-col>
+ <!-- <van-col span="6" style="display: flex; justify-content: center">
+ <van-button class="btn-two" type="default">資金明細</van-button>
+ </van-col> -->
+ </van-row>
+ </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>
+ <div class="li-title">
+ {{ item.title1 }}({{ item.symbolCode }})
+ </div>
+ <div class="li-USDT">
+ <div class="DINPro">
+ {{ item.symbol }} {{ item.availableBalance || "0.00" }}
+ </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 || "0.00" }}
+ </div>
+ <div class="DINPro">≈ $ {{ item.freezeMoney || "0.00" }}</div>
+ </div>
+ </li>
+ </ul>
+ </van-tab>
+ </van-tabs>
+ </div>
+ </div>
+ </div>
</template>
<script>
- import * as api from '@/axios/api'
- import {
- Toast,
- MessageBox
- } from 'mint-ui'
- import {
- isNull,
- pwdReg
- } from '@/utils/utils'
+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";
+export default {
+ name: "newUser",
+ components: { showHide },
+ data() {
+ return {
+ // 显示隐藏
+ xy: true,
+ listAsstes: [
+ {
+ title: "美股資產",
+ title1: "美股可用",
+ title2: "美股冻结",
+ accectType: "US",
+ symbol: "$",
+ symbolCode: "USD",
+ },
+ {
+ title: "印股資產",
+ title1: "印股可用",
+ title2: "印股冻结",
+ accectType: "IN",
+ symbol: "RM",
+ symbolCode: "MYR",
+ },
+ {
+ title: "馬股資產",
+ title1: "馬股可用",
+ title2: "馬股冻结",
+ accectType: "MAS",
+ symbol: "RM",
+ symbolCode: "MYR",
+ },
+ ],
+ active: "美股資產",
+ name: "大狗子",
+ selectUserFlag: true,
+ settingDialog: false,
+ oldPassword: "", // 旧密码
+ newPassword: "", // 新密码
+ cirNewPassword: "", // 确认新密码
+ userInfo: [],
+ onlineService: "",
+ moneyList: [],
+ };
+ },
+ created() {
+ this.getUserInfo();
+ this.getMoneyData();
+ this.getInfoSite();
+ },
+ methods: {
+ async getMoneyData() {
+ let data = await api.getMoney();
+ console.log(data);
+ 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);
+ }
+ });
+ });
+ console.log(this.listAsstes);
+ }
+ },
+ 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";
+ }
- export default {
- name: 'newUser',
- data() {
- return {
- name: '大狗子',
- selectUserFlag: true,
- settingDialog: false,
- oldPassword: '', // 旧密码
- newPassword: '', // 新密码
- cirNewPassword: '', // 确认新密码
- userInfo: [],
- onlineService: ''
- }
- },
- components: {},
- created() {
- this.getUserInfo()
- this.getInfoSite()
- },
- methods: {
- 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];
- 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 (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.getUserInfo()
- 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('hj149') + '?', this.$t('hj165'), {
- confirmButtonText: this.$t('hj161'),
- 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) {
- this.oldPassword = ''
- this.newPassword = ''
- this.cirNewPassword = ''
- }
- },
- 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.removeItem('USERTOKEN') // 清空本地存储 USERTOKEN字段
- this.clearCookie()
- let data = await api.logout()
- if (data.status === 0) {
- // Toast(data.msg)
- this.$router.push('/login')
- } else {
- Toast(data.msg)
- }
- this.$router.push('/login')
- },
- async changeLoginPsd() {
- // 修改密码
- if (
- isNull(this.oldPassword) ||
- isNull(this.newPassword) ||
- isNull(this.cirNewPassword)
- ) {
- Toast(this.$t('hj154'))
- this.settingDialog = false
- } else if (!pwdReg(this.newPassword)) {
- 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)
- if (data.status === 0) {
- this.changeLoginPsdBox = false
- Toast(data.msg)
- this.settingDialog = false
- } else {
- Toast(data.msg)
- this.settingDialog = false
- }
- } else {
- Toast(this.$t('hj155'))
- this.settingDialog = false
- }
- }
- if (navigator.vibrate) {
- // 支持
- navigator.vibrate([55])
- }
- }
- },
-
- }
+ if (this.userInfo.length === 0) {
+ this.$store.commit("dialogVisible", true);
+ return;
+ }
+ if (navigator.vibrate) {
+ // 支持
+ navigator.vibrate([55]);
+ }
+ },
+ async getUserInfo() {
+ // 获取用户信息
+ let data = await api.getUserInfo();
+ 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("hj149") + "?", this.$t("hj165"), {
+ confirmButtonText: this.$t("hj161"),
+ 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) {
+ this.oldPassword = "";
+ this.newPassword = "";
+ this.cirNewPassword = "";
+ }
+ },
+ 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.removeItem("USERTOKEN"); // 清空本地存储 USERTOKEN字段
+ this.clearCookie();
+ let data = await api.logout();
+ if (data.status === 0) {
+ // Toast(data.msg)
+ this.$router.push("/login");
+ } else {
+ Toast(data.msg);
+ }
+ this.$router.push("/login");
+ },
+ async changeLoginPsd() {
+ // 修改密码
+ if (
+ isNull(this.oldPassword) ||
+ isNull(this.newPassword) ||
+ isNull(this.cirNewPassword)
+ ) {
+ Toast(this.$t("hj154"));
+ this.settingDialog = false;
+ } else if (!pwdReg(this.newPassword)) {
+ 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);
+ if (data.status === 0) {
+ this.changeLoginPsdBox = false;
+ Toast(data.msg);
+ this.settingDialog = false;
+ } else {
+ Toast(data.msg);
+ this.settingDialog = false;
+ }
+ } else {
+ Toast(this.$t("hj155"));
+ this.settingDialog = false;
+ }
+ }
+ if (navigator.vibrate) {
+ // 支持
+ navigator.vibrate([55]);
+ }
+ },
+ },
+};
</script>
<style scoped lang="less">
- .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;
- }
+/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 {
+ 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;
+ }
+}
- .btn1 {
- width: 120px;
- font-size: 0.4rem;
- text-align: center;
- padding: 0.17074rem 0.222222rem;
- border-radius: 25px;
- border: 1px solid #dcdfe9;
- color: #0d0d0d;
- }
+.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;
+}
- .box1_bottom {
- display: flex;
- align-items: center;
- justify-content: space-between;
- padding-top: 27px;
- // padding-bottom: 10px;
- }
+.btn1 {
+ width: 120px;
+ font-size: 0.4rem;
+ text-align: center;
+ padding: 0.17074rem 0.222222rem;
+ border-radius: 25px;
+ border: 1px solid #dcdfe9;
+ color: #0d0d0d;
+}
- .title_box_left {
- width: 50%;
- font-size: 0.4rem;
- }
+.box1_bottom {
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+ padding-top: 27px;
+ // padding-bottom: 10px;
+}
- .title_box_right {
- width: 50%;
- font-size: 0.4rem;
- }
+.title_box_left {
+ width: 50%;
+ font-size: 0.4rem;
+}
- .green {
- color: #028f52 !important;
- }
+.title_box_right {
+ width: 50%;
+ font-size: 0.4rem;
+}
- .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, .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;
- }
+.green {
+ color: #028f52 !important;
+}
- .red {
- color: #b60c0d !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;
+}
- .top_box {
- display: flex;
- }
+.red {
+ color: #b60c0d !important;
+}
- .title_box {
- display: flex;
- font-size: 10px;
- color: #9ea3ae;
- }
+.top_box {
+ display: flex;
+}
- .user_page {
- width: 100%;
- height: calc(100% - 1.3rem);
- background: linear-gradient(to bottom, #3160FD, #ffffff);
+.title_box {
+ display: flex;
+ font-size: 10px;
+ color: #9ea3ae;
+}
- .content {
- width: 100%;
- height: 100%;
- padding: 0 0.3rem;
+.user_page {
+ width: 100%;
+ height: calc(100% - 1.3rem);
+ background: linear-gradient(to bottom, #3160fd, #ffffff);
- .top_icon {
- width: 100%;
- height: 1.5rem;
- display: flex;
- justify-content: space-between;
- align-items: center;
- // padding: 20px 0;
- .right_icon {
- width: 17%;
- height: 50%;
- display: flex;
+ .content {
+ width: 100%;
+ height: 100%;
- >div {
- width: 100%;
- height: 100%;
- display: flex;
- justify-content: space-between;
- align-items: center;
+ .top_icon {
+ width: 100%;
+ height: 1.5rem;
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ padding: 0 0.3rem;
+ .right_icon {
+ width: 17%;
+ height: 50%;
+ display: flex;
- img {
- width: 0.6rem;
- height: 0.6rem;
- }
- }
- }
- }
+ > div {
+ width: 100%;
+ height: 100%;
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
- .users {
- width: 100%;
- height: 1.7949rem;
- background: #fff;
- border-radius: 0.15rem;
- display: flex;
- align-items: center;
- justify-content: space-between;
+ img {
+ width: 0.6rem;
+ height: 0.6rem;
+ }
+ }
+ }
+ }
- .left_tou {
- width: 80%;
- height: 70%;
- display: flex;
+ .users {
+ width: 100%;
+ height: 1.7949rem;
+ background: #fff;
+ border-radius: 0.15rem;
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
- .left_tx {
- width: 20%;
- height: 100%;
- margin-left: 0.3rem;
- display: flex;
- align-items: center;
- justify-content: center;
+ .left_tou {
+ width: 80%;
+ height: 70%;
+ display: flex;
- >div {
- width: 1rem;
- height: 1rem;
- border-radius: 50%;
- overflow: hidden;
- background: rgb(211, 211, 211);
+ .left_tx {
+ width: 20%;
+ height: 100%;
+ margin-left: 0.3rem;
+ display: flex;
+ align-items: center;
+ justify-content: center;
- img {
- width: 100%;
- height: 100%;
- }
- }
- }
+ > div {
+ width: 1rem;
+ height: 1rem;
+ border-radius: 50%;
+ overflow: hidden;
+ background: rgb(211, 211, 211);
- .right_name {
- width: 80%;
- height: 100%;
- display: flex;
- align-items: center;
- font-size: 0.4415rem;
+ img {
+ width: 100%;
+ height: 100%;
+ }
+ }
+ }
- span {
- font-weight: 600;
- }
- }
- }
+ .right_name {
+ width: 80%;
+ height: 100%;
+ display: flex;
+ align-items: center;
+ font-size: 0.4415rem;
- .right_go {
- width: 20%;
- height: 70%;
- display: flex;
- justify-content: flex-end;
- align-items: center;
- padding-right: 0.2rem;
+ span {
+ font-weight: 600;
+ }
+ }
+ }
- img {
- width: 0.6rem;
- height: 0.6rem;
- }
- }
- }
+ .right_go {
+ width: 20%;
+ height: 70%;
+ display: flex;
+ justify-content: flex-end;
+ align-items: center;
+ padding-right: 0.2rem;
- .center_card {
- width: 100%;
- box-shadow: 0 2px 12px 0 rgba(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;
- border-radius: 0.15rem;
- padding: 0.5rem 0.4rem;
+ img {
+ width: 0.6rem;
+ height: 0.6rem;
+ }
+ }
+ }
- .keyon {
- width: 100%;
- font-size: 0.359rem;
- display: flex;
- align-items: center;
- color: #3d4144;
- // font-weight: 600;
- // justify-content: center;
- padding-bottom: 0.2rem;
+ .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, #ffffff , #dfedfc);
+ // margin-top: 0.5rem;
+ border-radius: 0.15rem;
+ padding: 0.5rem 0.4rem;
- span {
- // font-weight: 600;
- font-size: 0.4rem;
- }
- }
+ .keyon {
+ width: 100%;
+ font-size: 0.359rem;
+ display: flex;
+ align-items: center;
+ color: #3d4144;
+ // font-weight: 600;
+ // justify-content: center;
+ padding-bottom: 0.2rem;
- .num_price {
- width: 100%;
- // height: 0.6667rem;
- margin-top: 0.1rem;
- display: flex;
- // align-items: center;
- // justify-content: center;
- // font-size: 0.5528rem;
- padding-bottom: 0.3rem;
+ span {
+ // font-weight: 600;
+ font-size: 0.4rem;
+ }
+ }
- span {
- font-weight: 600;
- font-size: 0.4rem;
- }
- }
+ .num_price {
+ width: 100%;
+ // height: 0.6667rem;
+ margin-top: 0.1rem;
+ display: flex;
+ // align-items: center;
+ // justify-content: center;
+ // font-size: 0.5528rem;
+ padding-bottom: 0.3rem;
- .account {
- font-size: 0.6rem;
- font-weight: 600;
- }
+ span {
+ font-weight: 600;
+ font-size: 0.4rem;
+ }
+ }
- .yk {
- width: 100%;
- height: 0.5rem;
- display: flex;
- align-items: center;
- justify-content: space-between;
+ .account {
+ font-size: 0.6rem;
+ font-weight: 600;
+ }
- >div {
- width: 33%;
- height: 100%;
- color: #97989d;
- display: flex;
- align-items: center;
- justify-content: center;
- }
+ .yk {
+ width: 100%;
+ height: 0.5rem;
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
- .orenge {
- // color: rgb(216, 141, 1) !important;
- }
- }
+ > div {
+ width: 33%;
+ height: 100%;
+ color: #97989d;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ }
- .yk.es {
- margin-top: 0.3rem;
- }
+ .orenge {
+ // color: rgb(216, 141, 1) !important;
+ }
+ }
- .yk.as {
- font-size: 0.4033rem;
- margin-top: 0.1rem;
+ .yk.es {
+ margin-top: 0.3rem;
+ }
- span {
- color: #000;
- font-weight: 600;
- }
+ .yk.as {
+ font-size: 0.4033rem;
+ margin-top: 0.1rem;
- .bzz {
- // color: #4ea364;
- }
- }
+ span {
+ color: #000;
+ font-weight: 600;
+ }
- .btns {
- width: 100%;
- height: 1.2821rem;
- display: flex;
- align-items: center;
- justify-content: center;
- border-radius: 0.25rem;
- background: #2d6ae9;
- font-size: 0.4015rem;
- color: #fff;
- margin-top: 0.35rem;
+ .bzz {
+ // color: #4ea364;
+ }
+ }
- span {
- font-weight: 600;
- }
- }
+ .btns {
+ width: 100%;
+ height: 1.2821rem;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ border-radius: 0.25rem;
+ background: #2d6ae9;
+ font-size: 0.4015rem;
+ color: #fff;
+ margin-top: 0.35rem;
- .active {
- background: #4ea364;
- }
- }
+ span {
+ font-weight: 600;
+ }
+ }
- .jy {
- width: 100%;
- height: 1.5rem;
- border-radius: 0.2rem;
- background: #fff;
- display: flex;
- align-items: center;
- justify-content: space-between;
- padding: 0 0.3rem;
- margin-top: 0.3rem;
+ .active {
+ background: #4ea364;
+ }
+ }
- .left_gn {
- // width: 40%;
- height: 60%;
- display: flex;
+ .jy {
+ width: 100%;
+ height: 1.5rem;
+ border-radius: 0.2rem;
+ background: #fff;
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+ padding: 0 0.3rem;
+ margin-top: 0.3rem;
- .l_icon {
- // width: 30%;
- height: 100%;
- display: flex;
- justify-content: center;
- align-items: center;
+ .left_gn {
+ // width: 40%;
+ height: 60%;
+ display: flex;
- img {
- width: 0.5041rem;
- height: 0.5041rem;
- }
- }
+ .l_icon {
+ // width: 30%;
+ height: 100%;
+ display: flex;
+ justify-content: center;
+ align-items: center;
- .r_title {
- // width: 70%;
- height: 100%;
- display: flex;
- align-items: center;
- font-size: 0.4046rem;
- color: #404040;
- padding-left: 0.3rem;
+ img {
+ width: 0.5041rem;
+ height: 0.5041rem;
+ }
+ }
- span {
- font-weight: 600;
- }
- }
- }
+ .r_title {
+ // width: 70%;
+ height: 100%;
+ display: flex;
+ align-items: center;
+ font-size: 0.4046rem;
+ color: #404040;
+ padding-left: 0.3rem;
- .right_gos {
- // width: 20%;
- height: 60%;
- display: flex;
- align-items: center;
- justify-content: flex-end;
+ span {
+ font-weight: 600;
+ }
+ }
+ }
- img {
- width: 0.6rem;
- height: 0.6rem;
- }
- }
- }
- }
- }
+ .right_gos {
+ // width: 20%;
+ height: 60%;
+ display: flex;
+ align-items: center;
+ justify-content: flex-end;
- .setting_content {
- width: 100%;
- height: 5rem;
- padding: 0.3rem;
+ img {
+ width: 0.6rem;
+ height: 0.6rem;
+ }
+ }
+ }
+ }
+}
- .old_password {
- width: 100%;
- height: 1rem;
- background: rgb(243, 243, 243);
- border-radius: 0.15rem;
- display: flex;
- margin-top: 0.5rem;
+.setting_content {
+ width: 100%;
+ height: 5rem;
+ padding: 0.3rem;
- .left_titles {
- width: 25%;
- height: 100%;
- display: flex;
- align-items: center;
- padding-left: 0.2rem;
+ .old_password {
+ width: 100%;
+ height: 1rem;
+ background: rgb(243, 243, 243);
+ border-radius: 0.15rem;
+ display: flex;
+ margin-top: 0.5rem;
- // justify-content: flex-end;
- span {
- font-weight: 600;
- }
- }
+ .left_titles {
+ width: 25%;
+ height: 100%;
+ display: flex;
+ align-items: center;
+ padding-left: 0.2rem;
- .right_password_input {
- width: 80%;
- height: 100%;
- display: flex;
- align-items: center;
+ // justify-content: flex-end;
+ span {
+ font-weight: 600;
+ }
+ }
- input {
- width: 100%;
- height: 100%;
- padding-left: 0.2rem;
- }
- }
- }
+ .right_password_input {
+ width: 80%;
+ height: 100%;
+ display: flex;
+ align-items: center;
- .btn_setting {
- width: 100%;
- height: 1.3rem;
- border-radius: 0.15rem;
- background: #2d6ae9;
- color: #fff;
- font-size: 0.4615rem;
- margin-top: 0.5rem;
- display: flex;
- align-items: center;
- justify-content: center;
+ input {
+ width: 100%;
+ height: 100%;
+ padding-left: 0.2rem;
+ }
+ }
+ }
- span {
- font-weight: 600;
- }
- }
- }
+ .btn_setting {
+ width: 100%;
+ height: 1.3rem;
+ border-radius: 0.15rem;
+ background: #2d6ae9;
+ color: #fff;
+ font-size: 0.4615rem;
+ margin-top: 0.5rem;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+
+ span {
+ font-weight: 600;
+ }
+ }
+}
+/deep/ .el-upload__input {
+ display: none !important;
+}
+input[type="file"] {
+ display: none !important;
+}
</style>
\ No newline at end of file
--
Gitblit v1.9.3