<template>
|
<div class="user_page">
|
<div class="page_top" v-if="userInfo.length == 0">
|
<img src="../../../static/img/home/top_user.png" class="page_top_img" />
|
<div class="page_top_txt">{{$t('hj310')}}</div>
|
<div class="page_top_btn">{{$t('hj311')}}</div>
|
</div>
|
<div class="top_logo">
|
<div class="left_logo">
|
<div class="img_logo">
|
Barclays
|
</div>
|
</div>
|
<div class="right_search">
|
<div>
|
<div class="service_con" @click="goOnline()">
|
<img :src="Service" alt />
|
</div>
|
<van-popover v-model="showPopover" trigger="click" placement="bottom-end" :actions="actions"
|
@select="onSelect">
|
<template #reference>
|
<div class="iconfont icon-icon_A">
|
|
</div>
|
</template>
|
</van-popover>
|
|
</div>
|
</div>
|
|
</div>
|
<!-- <div style="overflow-x: scroll;"> -->
|
|
<div class="content">
|
<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 />
|
<img src="../../assets/img/user_bj.png" alt="" />
|
</div>
|
</div>
|
<div class="center_card">
|
<div class="keyon" style="justify-content: space-between;">
|
<span style="font-size: 17px;">{{ $t('top_top') }}</span>
|
<span style="font-size: 17px;">{{ $t('profit') }}</span>
|
</div>
|
<div class="num_price" v-if="userInfo.length == 0">
|
0
|
</div>
|
|
<div class="num_price" style="justify-content: space-between;margin-top: 20px;" 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>{{userInfo.length != 0 ?userInfo.totalAmt:0}}</div>
|
<div>{{userInfo.length != 0 ?userInfo.profit:0}}</div>
|
</div>
|
|
<div class="page_box" style="margin-top: 15px;">
|
<div style="width: 50%;">
|
<div class="page_box_top">{{ $t('market') }}</div>
|
<div class="page_box_bottom">{{ userInfo.length != 0 ? userInfo.marketValue : 0
|
}}</div>
|
</div>
|
<div style="width: 50%;">
|
<div class="page_box_top">{{ $t('supplement') }}</div>
|
<div class="page_box_bottom">{{ userInfo.fundsReplenished ? userInfo.fundsReplenished : 0
|
}}</div>
|
</div>
|
<!-- <div class="page_box_right" @click="isgg()" v-if="applyFlag==0">{{ $t('sqgg') }}</div> -->
|
</div>
|
<div class="page_new_box" style="margin-top: 25px;">
|
<div class="page_new_box_left">
|
<div class="page_new_box_left_top">{{ $t('casha') }}</div>
|
<div class="page_new_box_left_bottom">{{userInfo.length != 0 ?userInfo.cash:0}}</div>
|
</div>
|
<div class="page_new_box_right">
|
<div class="page_new_box_right_top">{{ $t('waiting') }}</div>
|
<div class="page_new_box_right_bottom" >
|
{{ ' ' + userInfo.length != 0 ?$store.state.userInfo.djzj:0 }}</div>
|
</div>
|
</div>
|
|
<div class="page_new_box" style="margin-top: 25px;">
|
<div class="page_new_box_left">
|
<div class="page_new_box_left_top">{{ $t('cash') }}</div>
|
<div class="page_new_box_left_bottom">{{userInfo.length != 0 ?userInfo.enableAmt:0}}</div>
|
</div>
|
<div class="page_new_box_right">
|
<div class="page_box_right" @click="isgg()" v-if="applyFlag==0">{{ $t('sqgg') }}</div>
|
<div class="page_box_right" @click="ggloding()" v-else>{{ userInfo.siteLever==1?$t('kqgg'):$t('gbgg') }}</div>
|
</div>
|
</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 ? 'green' : $store.state.userInfo.allProfitAndLose < 0 ? 'red' : ''">{{
|
' ' + 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">{{ ' ' + regexNum($store.state.userInfo.enableAmt) }}</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="goTogrxx()">
|
<div class="left_gn">
|
<div class="l_icon">
|
<img src="../../assets/img/xiugaimima.png" alt />
|
</div>
|
<div class="r_title">
|
<span>{{ $t('grxx') }}</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('hj145') }}</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/shiminga.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>
|
<div style="height: 50px;width: 100%;"></div>
|
<!-- 申请杠杆 -->
|
<van-popup v-model="ggDialog" position="bottom" :style="{ height: '20%' }">
|
<div class="setting_content">
|
<div class="old_password">
|
<div class="left_titles">
|
<span>{{ $t('hj101') + ':' }}</span>
|
</div>
|
<div class="right_password_input">
|
<input type="text" onkeyup="value=value.replace(/[^\d]/g,'')" v-model="Leverage_ratio" />
|
</div>
|
</div>
|
<div class="btn_setting" @click="Leverage()">
|
<span>{{ $t('hj153') }}</span>
|
</div>
|
</div>
|
</van-popup>
|
|
|
|
<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 Service from '@/assets/home/icon_talk.png'
|
|
export default {
|
name: 'newUser',
|
data() {
|
return {
|
Service,
|
ggDialog:false,
|
name: '大狗子',
|
selectUserFlag: true,
|
Leverage_ratio:'',
|
hxlist: [],
|
showPopover: false,
|
actions: [{
|
text: 'English',
|
icon: require('@/assets/ico/english.png'),
|
lang: 'zh-CN'
|
},
|
{
|
text: 'हिंदी',
|
icon: require('@/assets/ico/india.png'),
|
lang: 'en'
|
},
|
{
|
text: '繁体中文',
|
icon: require('@/assets/ico/tw.png'),
|
lang: 'tw'
|
}
|
],
|
onlineService:'',
|
applyFlag:0,
|
settingDialog: false,
|
oldPassword: '', // 旧密码
|
newPassword: '', // 新密码
|
cirNewPassword: '', // 确认新密码
|
userInfo: [],
|
userprice: '',
|
}
|
},
|
components: {},
|
created() {
|
this.getUserInfo()
|
this.getInfoSite()
|
// this.ggloding()
|
},
|
methods: {
|
goTogrxx(){
|
this.$router.push('/information')
|
},
|
async Leverage(){
|
var option = {}
|
option.userId = this.userInfo.id
|
option.leverageRatio = this.Leverage_ratio
|
let data = await api.applyUserLever(option)
|
if (data.code === 200) {
|
this.ggDialog = false
|
this.applyFlag = 1
|
Toast(data.msg)
|
} else {
|
this.ggDialog = false
|
Toast(data.msg)
|
}
|
},
|
isgg(){
|
console.log(123);
|
this.ggDialog = !this.ggDialog
|
},
|
goOnline() {
|
// this.$router.push('/service')
|
window.location.href = this.onlineService
|
},
|
onSelect(e) {
|
this.$i18n.locale = e.lang
|
window.localStorage.setItem('language', e.lang)
|
},
|
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() {
|
// this.$router.push('/service')
|
console.log('12312312');
|
window.location.href = this.onlineService
|
},
|
// async getInfoSite () {
|
// let data = await api.getInfoSite()
|
// if (data.status === 0) {
|
// this.onlineService = data.data.onlineService
|
// } else {
|
// this.$store.commit('elAlertShow', { 'elAlertShow': true, 'elAlertText': data.msg })
|
// }
|
// },
|
// 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')
|
},
|
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
|
this.applyFlag = data.data.applyFlag
|
// this.userprice =
|
// this.userprice = r
|
// console.log(this.userprice);
|
} 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('/wallet')
|
},
|
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')
|
},
|
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 ggloding(){
|
let data = await api.onOffLeverageRatio()
|
if (data.status === 0) {
|
Toast(data.msg)
|
this.getUserInfo()
|
// this.onlineService = data.data.onlineService
|
} else {
|
Toast(data.msg)
|
}
|
},
|
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-overlay{
|
z-index: 9 !important;
|
}
|
.page_new_box_left_bottom{
|
color: #fff;
|
font-size: 15px;
|
font-family: PingFangSC, PingFang SC;
|
font-weight: 500;
|
margin-top: 15px;
|
}
|
.page_new_box_right_bottom{
|
font-size: 15px;
|
font-family: PingFangSC, PingFang SC;
|
font-weight: 500;
|
margin-top: 15px;
|
color: #fff;
|
}
|
.page_new_box_right_top{
|
font-size: 20px;
|
font-family: PingFangSC, PingFang SC;
|
font-weight: 400;
|
color: #fff;
|
}
|
.page_new_box_right{
|
width: 50%;
|
display: flex;
|
flex-direction: column;
|
}
|
.page_new_box_right_bottom{
|
font-size: 15px;
|
font-family: PingFangSC, PingFang SC;
|
font-weight: 500;
|
margin-top: 15px;
|
}
|
.page_new_box_left_top{
|
font-size: 20px;
|
font-family: PingFangSC, PingFang SC;
|
font-weight: 400;
|
color: #fff;
|
}
|
.page_new_box_left{
|
width: 50%;
|
display: flex;
|
flex-direction: column;
|
}
|
.page_new_box{
|
margin-top: 15px;
|
display: flex;
|
justify-content: space-between;
|
align-items: center;
|
}
|
.page_box_bottom{
|
color: #fff;
|
margin-top: 10px;
|
font-size: 28px;
|
font-family: PingFangSC, PingFang SC;
|
font-weight: 500;
|
}
|
.page_box_top{
|
margin-top: 10px;
|
font-size: 20px;
|
font-family: PingFangSC, PingFang SC;
|
font-weight: 400;
|
color: #fff;
|
}
|
.page_box{
|
display: flex;
|
// flex-direction: column;
|
align-items: center;
|
justify-content: space-between;
|
}
|
.green {
|
color: #028f52 !important;
|
}
|
|
.red {
|
color: #b60c0d !important;
|
}
|
|
.user_page {
|
width: 100%;
|
height: calc(100% - 1.3rem);
|
|
.content {
|
width: 100%;
|
// height: 94%;
|
padding: 0 0.3rem;
|
margin-bottom: 100px;
|
.top_icon {
|
width: 100%;
|
height: 1.5rem;
|
display: flex;
|
justify-content: flex-end;
|
align-items: center;
|
|
.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%;
|
// height: 280px;
|
background-color: #24A5F8;
|
// height: 5.3846rem;
|
// background-image: url('../user/user_bj.png');
|
background-size: 100% 100%;
|
// 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: #fff;
|
font-weight: 600;
|
// justify-content: center;
|
padding-bottom: 0.2rem;
|
|
span {
|
// font-weight: 600;
|
}
|
}
|
|
.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;
|
color: #fff;
|
span {
|
color: #fff;
|
font-weight: 600;
|
}
|
}
|
|
.account {
|
font-size: 0.6rem;
|
font-weight: 600;
|
}
|
|
.yk {
|
width: 100%;
|
height: 0.5rem;
|
display: flex;
|
align-items: center;
|
flex-direction: column;
|
// 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: #5C288C;
|
font-size: 0.4015rem;
|
color: #fff;
|
margin-top: 0.35rem;
|
|
span {
|
font-weight: 600;
|
}
|
}
|
|
.active {
|
background: #4ea364;
|
}
|
}
|
|
.jy {
|
width: 100%;
|
height: 100px;
|
border-radius: 0.2rem;
|
background: #F6F6F6;
|
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: 50px;
|
height: 50px;
|
}
|
}
|
|
.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;
|
}
|
}
|
}
|
}
|
}
|
|
.page_top_btn {
|
width: 20%;
|
// height: 3.45%;
|
// width: 130px;
|
height: 40px;
|
background: #8168BB;
|
border-radius: 32px;
|
text-align: center;
|
color: #fff;
|
font-size: 12px;
|
line-height: 40px;
|
margin-left: 20px;
|
// margin-right: 20px;
|
// display: flex;
|
// align-items: center;
|
// justify-content: center;
|
}
|
|
.page_top_txt {
|
width: 300px;
|
// width: 6.592593rem;
|
// width: 400px;
|
margin-left: 25px;
|
font-size: 12px;
|
font-family: PingFangSC, PingFang SC;
|
font-weight: 500;
|
color: #fff;
|
}
|
.page_box_right{
|
width: 80%;
|
padding: 0 10px;
|
height: 50px;
|
line-height: 50px;
|
background-color: #E74240;
|
color: #fff;
|
border-radius: 8px;
|
text-align: center;
|
// margin-top: 20px;
|
}
|
.page_top_img {
|
width: 50px;
|
height: 50px;
|
margin-left: 15px;
|
}
|
|
.page_top {
|
// padding: 10px 0;
|
width: 100%;
|
height: 88px;
|
background: #424242;
|
display: flex;
|
align-items: center;
|
}
|
|
.top_logo {
|
margin-top: 20px;
|
width: 100%;
|
height: 0.7949rem;
|
display: flex;
|
padding-right: 0.3rem;
|
background-color: #fff;
|
|
>div {
|
width: 50%;
|
height: 100%;
|
display: flex;
|
align-items: center;
|
}
|
|
.img_logo {
|
// width: 1.10rem;
|
// height: 1.10rem;
|
font-size: 20px;
|
font-family: AlibabaSansVietBold;
|
font-weight: 600;
|
color: #333333;
|
margin-left: 0.3846rem;
|
|
>img {
|
width: 100%;
|
height: 100%;
|
}
|
}
|
|
.right_search {
|
justify-content: flex-end;
|
width: 50%;
|
|
>div {
|
width: 34%;
|
height: 0.4615rem;
|
display: flex;
|
justify-content: space-between;
|
|
>div {
|
width: 0.5615rem;
|
height: 0.5615rem;
|
|
>img {
|
width: 100%;
|
height: 100%;
|
}
|
}
|
}
|
}
|
}
|
|
.hx_box_box_numa {
|
font-size: 14px;
|
font-family: PingFangSC, PingFang SC;
|
font-weight: 400;
|
color: #479796;
|
margin-right: 20px;
|
}
|
|
.hx_box_box_num {
|
font-size: 14px;
|
font-family: PingFangSC, PingFang SC;
|
font-weight: 400;
|
color: #333333;
|
margin-right: 20px;
|
}
|
|
.hx_box_box_img {
|
width: 24px;
|
height: 24px;
|
margin-right: 20px;
|
}
|
|
.hx_box_box_txt {
|
font-size: 20px;
|
font-family: PingFangSC, PingFang SC;
|
font-weight: 600;
|
color: #333333;
|
margin-left: 30px;
|
margin-right: 15px;
|
white-space: nowrap;
|
|
}
|
|
.hx_box_box {
|
width: 602px;
|
height: 65px;
|
border: 2px solid #979797;
|
border-radius: 40px;
|
display: flex;
|
justify-content: center;
|
align-items: center;
|
margin-left: 30px;
|
}
|
|
.hx_box {
|
display: flex;
|
align-items: center;
|
// width: 100%;
|
height: 130px;
|
overflow-x: scroll;
|
}
|
|
.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: #5C288C;
|
color: #fff;
|
font-size: 0.4615rem;
|
margin-top: 0.5rem;
|
display: flex;
|
align-items: center;
|
justify-content: center;
|
|
span {
|
font-weight: 600;
|
}
|
}
|
}
|
</style>
|
