zzzz
2024-04-16 273d548631148f99e17b6898d55a867a0ba93a25
1
{"ast":null,"code":"import \"core-js/modules/es.array.push.js\";\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\nimport { mapGetters } from \"vuex\";\nimport tabsProfile from \"./tabs-profile.vue\";\nimport { setStorage } from \"@/utils/utis\";\nexport default {\n  components: {\n    tabsProfile\n  },\n  computed: {\n    ...mapGetters({\n      userInfo: \"user/userInfo\"\n    })\n  },\n  methods: {\n    loginOut() {\n      this.$store.commit(\"user/SET_OUT\");\n      setStorage(\"popNotice\", false);\n      this.$router.push(\"/home\");\n    }\n  }\n};","map":{"version":3,"names":["mapGetters","tabsProfile","setStorage","components","computed","userInfo","methods","loginOut","$store","commit","$router","push"],"sources":["src/page/assetsCenter/profile.vue"],"sourcesContent":["<template>\n  <div>\n    <!-- 用户头像和 id -->\n    <article>\n      <div>\n        <div class=\"my-box-header\">\n          <img :src=\"require('@/assets/3x/names6.png')\" alt=\"\" />\n          <div>{{ $t(\"我的\") }}</div>\n        </div>\n        <div class=\"text-right\">ID:{{ userInfo.usercode }}</div>\n      </div>\n    </article>\n    <tabsProfile />\n    <main>\n      <div class=\"friends-warp\">\n        <div class=\"friends-box\">\n          <div class=\"icon-geren\">\n            <img src=\"@/assets/3x/names4.png\" alt=\"\" />\n          </div>\n          <div class=\"center-text\">\n            <div class=\"text1\">{{ $t(\"邀请朋友\") }}</div>\n            <div class=\"text2\">{{ $t(\"邀请好友一起赚钱\") }}</div>\n          </div>\n        </div>\n      </div>\n      <div class=\"friends-warp\" style=\"margin: 20px 0\">\n        <div class=\"friends-box\">\n          <div class=\"icon-geren download-box\">\n            <img class=\"google\" src=\"@/assets/3x/names2.png\" alt=\"\" />\n            <img src=\"@/assets/3x/names3.png\" alt=\"\" />\n          </div>\n          <div class=\"center-text\">\n            <div class=\"text1\">{{ $t(\"下载APP\") }}</div>\n          </div>\n        </div>\n        <div>\n          <img class=\"jiantouxia\" src=\"@/assets/svg/jiantouxia.svg\" alt=\"\" />\n        </div>\n      </div>\n      <div class=\"Safe\">Safe</div>\n\n      <section>\n        <div class=\"section-box\">\n          <div class=\"section-left\">\n            <img class=\"jiantouxia safe\" src=\"@/assets/3x/names9.png\" alt=\"\" />\n            <span class=\"section-text\">{{ $t(\"安全\") }}</span>\n          </div>\n          <div class=\"section-right\">\n            <img class=\"jiantouxia\" src=\"@/assets/svg/jiantouxia.svg\" alt=\"\" />\n          </div>\n        </div>\n        <div class=\"section-box\">\n          <div class=\"section-left\">\n            <img\n              class=\"jiantouxia safe\"\n              src=\"@/assets/3x/资源 18@3x.png\"\n              alt=\"\"\n            />\n            <span class=\"section-text\">{{$t('')}}</span>\n          </div>\n          <div class=\"section-right\">\n            <img class=\"jiantouxia\" src=\"@/assets/svg/jiantouxia.svg\" alt=\"\" />\n          </div>\n        </div>\n        <div class=\"section-box\">\n          <div class=\"section-left\">\n            <img class=\"jiantouxia safe\" src=\"@/assets/3x/names12.png\" alt=\"\" />\n            <span class=\"section-text\">{{ $t(\"关于我们\") }}</span>\n          </div>\n          <div class=\"section-right\">\n            <img class=\"jiantouxia\" src=\"@/assets/svg/jiantouxia.svg\" alt=\"\" />\n          </div>\n        </div>\n        <div class=\"exit\" @click=\"loginOut\">{{ $t(\"退出\") }}</div>\n      </section>\n      <div class=\"exit-text\">\n        {{\n          $t(\"请不要向任何人透露密码、短信和谷歌验证码,包括交易所工作人员。\")\n        }}\n      </div>\n    </main>\n  </div>\n</template>\n\n<script>\nimport { mapGetters } from \"vuex\";\nimport tabsProfile from \"./tabs-profile.vue\";\nimport { setStorage } from \"@/utils/utis\";\n\nexport default {\n  components: {\n    tabsProfile,\n  },\n  computed: {\n    ...mapGetters({\n      userInfo: \"user/userInfo\",\n    }),\n  },\n  methods: {\n    loginOut() {\n      this.$store.commit(\"user/SET_OUT\");\n      setStorage(\"popNotice\", false);\n      this.$router.push(\"/home\");\n    },\n  },\n};\n</script>\n\n<style lang=\"scss\" scoped>\nmain {\n  .section-box {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    margin-bottom: 25px;\n    color: #d2d2dc;\n    .section-left {\n      display: flex;\n      align-items: center;\n      .section-text {\n        margin-left: 20px;\n      }\n      .safe {\n        width: 40px;\n      }\n    }\n  }\n  margin: 40px 80px;\n\n  section {\n    padding: 30px 60px;\n  }\n  .Safe {\n    color: #9691fa;\n    background-color: #f5f5f7;\n    padding: 30px 60px;\n  }\n  .friends-warp {\n    display: flex;\n    padding: 30px 60px;\n    box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.05);\n    justify-content: space-between;\n    align-items: center;\n  }\n  .friends-box {\n    display: flex;\n\n    align-items: center;\n\n    .text1 {\n      color: #000;\n    }\n    .text2 {\n      color: #d2d2dc;\n      margin-top: 10px;\n    }\n    img {\n      width: 80px;\n      margin-right: 30px;\n    }\n    .download-box {\n      img {\n        width: 130px;\n      }\n    }\n    .icon-geren {\n      display: flex;\n      flex-direction: column;\n\n      .google {\n        margin-bottom: 10px;\n      }\n    }\n  }\n  .jiantouxia {\n    width: 30px;\n  }\n  .exit {\n    background-color: #ff1414;\n    text-align: center;\n    color: #fff;\n    margin-top: 60px;\n    margin-bottom: 50px;\n    line-height: 80px;\n  }\n  .exit-text {\n    text-align: center;\n    font-size: 20px;\n    color: #d2d2dc;\n  }\n}\narticle {\n  display: flex;\n  justify-content: right;\n  margin-right: 60px;\n  margin-top: 40px;\n  .my-box-header {\n    display: flex;\n    align-items: flex-end;\n    color: #9691fa;\n    img {\n      width: 60px;\n      margin-right: 10px;\n    }\n  }\n  .text-right {\n    text-align: right;\n    color: #d2d2dc;\n    font-size: 35px;\n  }\n}\n</style>"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqFA,SAAAA,UAAA;AACA,OAAAC,WAAA;AACA,SAAAC,UAAA;AAEA;EACAC,UAAA;IACAF;EACA;EACAG,QAAA;IACA,GAAAJ,UAAA;MACAK,QAAA;IACA;EACA;EACAC,OAAA;IACAC,SAAA;MACA,KAAAC,MAAA,CAAAC,MAAA;MACAP,UAAA;MACA,KAAAQ,OAAA,CAAAC,IAAA;IACA;EACA;AACA","ignoreList":[]},"metadata":{},"sourceType":"module","externalDependencies":[]}