<template>
|
<div>
|
<!-- 用户头像和 id -->
|
<assets-head>
|
<!-- <van-icon
|
class="font-45"
|
@click="tokefu"
|
:name="require(`@/assets/image/customer.png`)"
|
:badge="`${unreadMsg_num}`"
|
>
|
</van-icon> -->
|
</assets-head>
|
<article>
|
<div style="margin-left:20px">
|
<div class="my-box-header" >
|
<img :src="require('@/assets/3x/names6.png')" alt="" />
|
<div>{{ $t("我的") }}</div>
|
</div>
|
<div class="text-right">ID:{{ userInfo.usercode }}</div>
|
</div>
|
</article>
|
<tabsProfile />
|
<main>
|
<!-- <div class="friends-warp">
|
<div class="friends-box">
|
<div class="icon-geren">
|
<img src="@/assets/3x/names4.png" alt="" />
|
</div>
|
<div class="center-text">
|
<div class="text1">{{ $t("邀请朋友") }}</div>
|
<div class="text2">{{ $t("邀请好友一起赚钱") }}</div>
|
</div>
|
</div>
|
</div>
|
<div class="friends-warp" style="margin: 20px 0">
|
<div class="friends-box">
|
<div class="icon-geren download-box">
|
<img class="google" src="@/assets/3x/names2.png" alt="" />
|
<img src="@/assets/3x/names3.png" alt="" />
|
</div>
|
<div class="center-text">
|
<div class="text1">{{ $t("下载APP") }}</div>
|
</div>
|
</div>
|
<div>
|
<img class="jiantouxia" src="@/assets/svg/jiantouxia.svg" alt="" />
|
</div>
|
</div> -->
|
<div class="Safe">Safe</div>
|
|
<section>
|
<div class="section-box" @click="$router.push('/safety')">
|
<div class="section-left">
|
<img class="jiantouxia safe" src="@/assets/3x/names9.png" alt="" />
|
<span class="section-text">{{ $t("安全") }}</span>
|
</div>
|
<div class="section-right">
|
<img class="jiantouxia" src="@/assets/svg/jiantouxia.svg" alt="" />
|
</div>
|
</div>
|
<div class="section-box" @click="$router.push('/userCenter')">
|
<div class="section-left">
|
<img
|
class="jiantouxia safe"
|
src="@/assets/3x/资源 18@3x.png"
|
alt=""
|
/>
|
<span class="section-text">{{ $t("设置") }}</span>
|
</div>
|
<div class="section-right">
|
<img class="jiantouxia" src="@/assets/svg/jiantouxia.svg" alt="" />
|
</div>
|
</div>
|
<div class="section-box" @click="$router.push('/TermsOfService')">
|
<div class="section-left">
|
<img class="jiantouxia safe" src="@/assets/3x/names12.png" alt="" />
|
<span class="section-text">{{ $t("关于我们") }}</span>
|
</div>
|
<div class="section-right">
|
<img class="jiantouxia" src="@/assets/svg/jiantouxia.svg" alt="" />
|
</div>
|
</div>
|
<div class="exit" @click="loginOut">{{ $t("退出") }}</div>
|
</section>
|
<div class="exit-text">
|
{{
|
$t("请不要向任何人透露密码、短信和谷歌验证码，包括交易所工作人员。")
|
}}
|
</div>
|
</main>
|
</div>
|
</template>
|
|
<script>
|
import { mapActions, mapGetters } from "vuex";
|
import tabsProfile from "./tabs-profile.vue";
|
import { setStorage } from "@/utils/utis";
|
import assetsHead from "@/components/assets-head";
|
|
export default {
|
components: {
|
tabsProfile,
|
assetsHead
|
},
|
computed: {
|
...mapGetters({
|
userInfo: "user/userInfo",
|
}),
|
},
|
mounted() {
|
this.GET_UERS_KYC();
|
},
|
methods: {
|
...mapActions("user", ["GET_UERS_KYC"]),
|
|
loginOut() {
|
this.$store.commit("user/SET_OUT");
|
setStorage("popNotice", false);
|
this.$router.push("/home");
|
},
|
},
|
};
|
</script>
|
|
<style lang="scss" scoped>
|
main {
|
.section-box {
|
display: flex;
|
justify-content: space-between;
|
align-items: center;
|
margin-bottom: 25px;
|
color: #d2d2dc;
|
.section-left {
|
display: flex;
|
align-items: center;
|
.section-text {
|
margin-left: 20px;
|
}
|
.safe {
|
width: 40px;
|
}
|
}
|
}
|
margin: 40px 80px;
|
|
section {
|
padding: 30px 60px;
|
}
|
.Safe {
|
color: #9691fa;
|
background-color: #f5f5f7;
|
padding: 30px 60px;
|
}
|
.friends-warp {
|
display: flex;
|
padding: 30px 60px;
|
box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.05);
|
justify-content: space-between;
|
align-items: center;
|
}
|
.friends-box {
|
display: flex;
|
|
align-items: center;
|
|
.text1 {
|
color: #000;
|
}
|
.text2 {
|
color: #d2d2dc;
|
margin-top: 10px;
|
}
|
img {
|
width: 80px;
|
margin-right: 30px;
|
}
|
.download-box {
|
img {
|
width: 130px;
|
}
|
}
|
.icon-geren {
|
display: flex;
|
flex-direction: column;
|
|
.google {
|
margin-bottom: 10px;
|
}
|
}
|
}
|
.jiantouxia {
|
width: 30px;
|
}
|
.exit {
|
background-color: #ff1414;
|
text-align: center;
|
color: #fff;
|
margin-top: 60px;
|
margin-bottom: 50px;
|
line-height: 80px;
|
}
|
.exit-text {
|
text-align: center;
|
font-size: 20px;
|
color: #d2d2dc;
|
}
|
}
|
article {
|
display: flex;
|
justify-content: right;
|
margin-right: 60px;
|
margin-top: 40px;
|
.my-box-header {
|
display: flex;
|
align-items: flex-end;
|
color: #9691fa;
|
img {
|
width: 60px;
|
margin-right: 10px;
|
}
|
}
|
.text-right {
|
text-align: right;
|
color: #d2d2dc;
|
font-size: 35px;
|
}
|
}
|
</style>
|
