123

dcc

2024-06-29 68a34d95db63a264e7a577051d586ea496c63ca0

 src/page/assetsCenter/profile.vue

@@ -1,105 +1,118 @@
<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>
        <div class="my-box-header">
          <img :src="require('@/assets/image/icon--my.png')" alt="" />
          <div>Profile</div>
      <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-warp">
        <div class="friends-box">
          <div class="icon-geren">
            <img src="@/assets/svg/iICInviteFriends.svg" alt="" />
            <img src="@/assets/3x/names4.png" alt="" />
          </div>
          <div class="center-text">
            <div class="text1">Invite Friends</div>
            <div class="text2">Invite friends to make money</div>
            <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/svg/google-play.svg" alt="" />
            <img src="@/assets/svg/App Store.svg" alt="" />
            <img class="google" src="@/assets/3x/names2.png" alt="" />
            <img src="@/assets/3x/names3.png" alt="" />
          </div>
          <div class="center-text">
            <div class="text1">Download APP</div>
            <div class="text1">{{ $t("下载APP") }}</div>
          </div>
        </div>
        <div>
          <img class="jiantouxia" src="@/assets/svg/jiantouxia.svg" alt="" />
        </div>
      </div>
      </div> -->
      <div class="Safe">Safe</div>

      <section>
        <div class="section-box">
        <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/svg/ic_more_safe.svg"
              src="@/assets/3x/资源 18@3x.png"
              alt=""
            />
            <span class="section-text">Safe</span>
            <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">
        <div class="section-box" @click="$router.push('/TermsOfService')">
          <div class="section-left">
            <img class="jiantouxia safe" src="@/assets/svg/shezhi.svg" alt="" />
            <span class="section-text">General</span>
            <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="section-box">
          <div class="section-left">
            <img
              class="jiantouxia safe"
              src="@/assets/svg/about us.svg"
              alt=""
            />
            <span class="section-text">About Us</span>
          </div>
          <div class="section-right">
            <img class="jiantouxia" src="@/assets/svg/jiantouxia.svg" alt="" />
          </div>
        </div>
        <div class="exit" @click="loginOut">EXIT</div>
        <div class="exit" @click="loginOut">{{ $t("退出") }}</div>
      </section>
      <div class="exit-text">
        Please do not disclose passwords,text messages and Goodle verification
        codes to anyone,including exchange staff.
        {{
          $t("请不要向任何人透露密码、短信和谷歌验证码，包括交易所工作人员。")
        }}
      </div>
    </main>
  </div>
</template>

<script>
import { mapGetters } from "vuex";
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);