<template>
|
<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="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"
|
>
|
<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>
|
</div>
|
</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";
|
|
export default {
|
name: "newUser",
|
components: { showHide },
|
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: "",
|
selectUserFlag: true,
|
settingDialog: false,
|
oldPassword: "", // 旧密码
|
newPassword: "", // 新密码
|
cirNewPassword: "", // 确认新密码
|
userInfo: [],
|
onlineService: "",
|
moneyList: [],
|
asstesAll: "0.00",
|
};
|
},
|
created() {
|
this.getUserInfo();
|
this.getMoneyData();
|
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);
|
Vue.set(items, "amountToBeCovered", item.amountToBeCovered);
|
}
|
});
|
});
|
|
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();
|
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("hj149"), 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) {
|
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">
|
/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%;
|
|
.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;
|
|
> div {
|
width: 100%;
|
height: 100%;
|
display: flex;
|
justify-content: space-between;
|
align-items: center;
|
|
img {
|
width: 0.6rem;
|
height: 0.6rem;
|
}
|
}
|
}
|
}
|
|
.users {
|
width: 100%;
|
height: 1.7949rem;
|
background: #fff;
|
border-radius: 0.15rem;
|
display: flex;
|
align-items: center;
|
justify-content: space-between;
|
|
.left_tou {
|
width: 80%;
|
height: 70%;
|
display: flex;
|
|
.left_tx {
|
width: 20%;
|
height: 100%;
|
margin-left: 0.3rem;
|
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%;
|
display: flex;
|
justify-content: flex-end;
|
align-items: center;
|
padding-right: 0.2rem;
|
|
img {
|
width: 0.6rem;
|
height: 0.6rem;
|
}
|
}
|
}
|
|
.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;
|
|
.keyon {
|
width: 100%;
|
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-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;
|
|
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: 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;
|
}
|
}
|
|
.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;
|
|
span {
|
font-weight: 600;
|
}
|
}
|
|
.active {
|
background: #4ea364;
|
}
|
}
|
|
.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;
|
|
.left_gn {
|
// width: 40%;
|
height: 60%;
|
display: flex;
|
|
.l_icon {
|
// width: 30%;
|
height: 100%;
|
display: flex;
|
justify-content: center;
|
align-items: center;
|
|
img {
|
width: 0.5041rem;
|
height: 0.5041rem;
|
}
|
}
|
|
.r_title {
|
// 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%;
|
height: 60%;
|
display: flex;
|
align-items: center;
|
justify-content: flex-end;
|
|
img {
|
width: 0.6rem;
|
height: 0.6rem;
|
}
|
}
|
}
|
}
|
}
|
|
.setting_content {
|
width: 100%;
|
height: 5rem;
|
padding: 0.3rem;
|
|
.old_password {
|
width: 100%;
|
height: 1rem;
|
background: rgb(243, 243, 243);
|
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%;
|
padding-left: 0.2rem;
|
}
|
}
|
}
|
|
.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>
|
