{"version":3,"sources":["webpack:///./src/views/twins/twins.vue?66f1","webpack:///./src/views/twins/twins.vue?7318","webpack:///src/views/twins/twins.vue","webpack:///./src/views/twins/twins.vue?19a4","webpack:///./src/views/twins/twins.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","_v","_s","Invitee","myInvitee","staticRenderFns","components","Invitation","data","contractList","id","title","icon","type","url","computed","myFriend","inviteFriends","copy","methods","handleToPage","path","query","handlIconClick","item","window","text","clipboard","getInvitee","queryGetInvitee","resp","mounted","component"],"mappings":"gHAAA,W,gECAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,QAAQ,CAACF,EAAG,MAAM,CAACE,YAAY,cAAc,CAACF,EAAG,MAAM,CAACE,YAAY,UAAU,CAACF,EAAG,MAAM,CAACE,YAAY,eAAe,CAACF,EAAG,MAAM,CAACE,YAAY,cAAc,CAACN,EAAIO,GAAGP,EAAIQ,GAAGR,EAAIS,YAAYL,EAAG,MAAM,CAACE,YAAY,aAAa,CAACN,EAAIO,GAAGP,EAAIQ,GAAGR,EAAIU,kBAAkBN,EAAG,eAAe,MACpYO,EAAkB,G,qECiCP,GACfC,YAAAC,yBACAC,KAFA,WAGA,OACAC,cAQA,CACAC,KACAC,iBACAC,sBACAC,OACAC,+CACA,CACAJ,KACAC,gBACAC,qBACAC,OACAC,0CAgBA,CACAJ,KACAC,cACAC,mBACAC,OACAC,iCAGAV,4BAGAW,UACAC,SADA,WAEA,kCAEAC,cAJA,WAKA,uCAEAC,KAPA,WAQA,8BAEAf,QAVA,WAWA,kCAGAgB,SACAC,aADA,SACAP,GACA,MACA,mBAAAQ,kBAAAC,WAEA,mBAAAD,mBAAAC,YAIAC,eATA,SASAC,GAAA,WACA,cACAC,kCACA,CACA,yBACA,aACAC,gBACA,gBAGAC,2BACA,2BAEAA,yBACA,6BAKAC,WA5BA,WA4BA,8KACAC,iBADA,UACAC,EADA,OAEAA,UAFA,0CAEA,GAFA,OAGA,6DAHA,+CAMAC,QAlGA,WAmGA,oBCrI8V,I,wBCQ1VC,EAAY,eACd,EACAvC,EACAY,GACA,EACA,KACA,WACA,MAIa,aAAA2B,E","file":"js/chunk-0e203b47.47360626.js","sourcesContent":["export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./twins.vue?vue&type=style&index=0&id=150ec6a3&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"page\"},[_c('div',{staticClass:\"twins-page\"},[_c('div',{staticClass:\"header\"},[_c('div',{staticClass:\"header-item\"},[_c('div',{staticClass:\"force-name\"},[_vm._v(_vm._s(_vm.Invitee))]),_c('div',{staticClass:\"force-num\"},[_vm._v(_vm._s(_vm.myInvitee))])])]),_c('Invitation')],1)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"page\">\r\n    <div class=\"twins-page\">\r\n      <!-- 推荐人 -->\r\n      <div class=\"header\">\r\n        <div class=\"header-item\">\r\n          <div class=\"force-name\">{{ Invitee }}</div>\r\n          <div class=\"force-num\">{{ myInvitee }}</div>\r\n        </div>\r\n      </div>\r\n      <Invitation></Invitation>\r\n      <!-- 联系官方渠道 -->\r\n      <!-- <div class=\"contract-list\">\r\n        <div\r\n          class=\"contract-item\"\r\n          :id=\"'id' + item.id\"\r\n          v-for=\"item in contractList\"\r\n          :key=\"item.id\"\r\n          @click=\"handlIconClick(item)\"\r\n        >\r\n          <svg class=\"contract-icon\" aria-hidden=\"true\">\r\n            <use :xlink:href=\"item.icon\"></use>\r\n          </svg>\r\n        </div>\r\n      </div> -->\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { queryGetInvitee } from '@/services/twins'\r\nimport Clipboard from 'clipboard'\r\nimport Invitation from './Invitation.vue'\r\n\r\nexport default {\r\n  components: { Invitation },\r\n  data () {\r\n    return {\r\n      contractList: [\r\n        // {\r\n        //   id: 0,\r\n        //   title: 'medium',\r\n        //   icon: '#icon-medium',\r\n        //   type: 1,\r\n        //   url: 'https://medium.com/@Meblox'\r\n        // },\r\n        {\r\n          id: 2,\r\n          title: 'telegram',\r\n          icon: '#icon-telegram',\r\n          type: 1,\r\n          url: 'https://t.me/MebloxProtocolOfficialChat'\r\n        }, {\r\n          id: 1,\r\n          title: 'twitter',\r\n          icon: '#icon-twitter',\r\n          type: 1,\r\n          url: 'https://twitter.com/MebloxProtocol'\r\n        },\r\n        // {\r\n        //   id: 3,\r\n        //   title: 'discord',\r\n        //   icon: '#icon-discord',\r\n        //   type: 1,\r\n        //   url: 'https://discord.gg/Danv8VKM'\r\n        // },\r\n        // {\r\n        //   id: 4,\r\n        //   title: 'facebook',\r\n        //   icon: '#icon-facebook',\r\n        //   type: 1,\r\n        //   url: 'https://www.facebook.com/profile.php?id=100071973141134'\r\n        // },\r\n        {\r\n          id: 5,\r\n          title: 'email',\r\n          icon: '#icon-email',\r\n          type: 2,\r\n          url: 'mebloxprotocol@gmail.com'\r\n        }\r\n      ],\r\n      myInvitee: '0x000...00000' // 我的上级\r\n    }\r\n  },\r\n  computed: {\r\n    myFriend () {\r\n      return this.$t('twins.myFriend')\r\n    },\r\n    inviteFriends () {\r\n      return this.$t('twins.inviteFriends')\r\n    },\r\n    copy () {\r\n      return this.$t('twins.copy')\r\n    },\r\n    Invitee () {\r\n      return this.$t('twins.Invitee')\r\n    }\r\n  },\r\n  methods: {\r\n    handleToPage (type) {\r\n      if (type === 1) {\r\n        this.$router.push({ path: '/myFriends', query: {} })\r\n      } else {\r\n        this.$router.push({ path: '/Invitation', query: {} })\r\n      }\r\n    },\r\n    // 联系图标点击\r\n    handlIconClick (item) {\r\n      if (item.type === 1) {\r\n        window.open(`${item.url}`)\r\n      } else {\r\n        const id = `#id${item.id}`\r\n        const clipboard = new Clipboard(id, {\r\n          text: () => {\r\n            return item.url\r\n          }\r\n        })\r\n        clipboard.on('success', () => {\r\n          return this.$toast(this.copy)\r\n        })\r\n        clipboard.on('error', () => {\r\n          return this.$toast(this.copy)\r\n        })\r\n      }\r\n    },\r\n    // 获取\r\n    async getInvitee () {\r\n      const resp = await queryGetInvitee()\r\n      if (!resp.success) return false\r\n      if (resp.message) this.myInvitee = this.$gbUtils.formatAddress(resp.message)\r\n    }\r\n  },\r\n  mounted () {\r\n    this.getInvitee()\r\n  }\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.page {\r\n  // min-height: 100vh;\r\n  background: #f8f8f8;\r\n  padding: 20px 13px 50px 13px;\r\n  box-sizing: border-box;\r\n}\r\n.tab-page {\r\n  padding-bottom: 30px !important;\r\n}\r\n.twins-page {\r\n  box-sizing: border-box;\r\n  width: 100%;\r\n  border-radius: 10px;\r\n  margin: 0 auto;\r\n  min-height: 70%;\r\n  .header {\r\n    background-size: 100% 100%;\r\n    margin: 0 auto;\r\n    padding: 10px 20px 5px 20px;\r\n    line-height: 1.5em;\r\n    background: #fff;\r\n    border-radius: 10px;\r\n    box-sizing: border-box;\r\n    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1);\r\n    .header-item {\r\n      height: 38px;\r\n      display: flex;\r\n      width: 100%;\r\n      align-items: center;\r\n      justify-content: space-between;\r\n      margin: 0 auto;\r\n      border-bottom: 1px solid #f0f0f0;\r\n      padding: 0 10px;\r\n      box-sizing: border-box;\r\n    }\r\n    .header-item:last-child {\r\n      border: none;\r\n    }\r\n    .force-name {\r\n      font-size: 13px;\r\n      font-weight: bold;\r\n      color: #16172a;\r\n      display: flex;\r\n      align-items: center;\r\n      padding-bottom: 5px;\r\n      img {\r\n        width: 15px;\r\n        height: 15px;\r\n        margin-right: 5px;\r\n        padding-bottom: 2px;\r\n      }\r\n    }\r\n    .force-num {\r\n      font-size: 13px;\r\n      color: #16172a;\r\n    }\r\n  }\r\n  .blank {\r\n    height: 15px;\r\n  }\r\n  .data-group {\r\n    width: 100%;\r\n    border-radius: 10px;\r\n    margin: 0 auto;\r\n    background-color: #fff;\r\n    padding: 20px;\r\n    box-sizing: border-box;\r\n    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1);\r\n    .btn-group {\r\n      width: 100%;\r\n      margin: 0 auto;\r\n      display: flex;\r\n      line-height: 50px;\r\n      color: #fff;\r\n      justify-content: space-between;\r\n      font-size: 12px;\r\n    }\r\n    .invite-btn {\r\n      width: 48%;\r\n      height: 40px;\r\n      background-color: #24c294;\r\n      border-radius: 5px;\r\n      text-align: center;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      cursor: pointer;\r\n      color: #2a2b33;\r\n      font-weight: bold;\r\n      // margin-left: 5%;\r\n      .friend-icon {\r\n        width: 15px;\r\n        height: 15px;\r\n        display: inline;\r\n        margin-right: 8px;\r\n      }\r\n    }\r\n    .friend-btn {\r\n      width: 48%;\r\n      height: 50px;\r\n      height: 40px;\r\n      background: #16172a;\r\n      font-weight: bold;\r\n      opacity: 1;\r\n      border-radius: 5px;\r\n      text-align: center;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      cursor: pointer;\r\n      .friend-icon {\r\n        width: 15px;\r\n        height: 20px;\r\n        display: inline;\r\n        margin-right: 8px;\r\n      }\r\n    }\r\n  }\r\n  .contract-list {\r\n    display: flex;\r\n    padding: 0 20px;\r\n    box-sizing: border-box;\r\n    justify-content: space-evenly;\r\n    margin: 25px 0;\r\n    .contract-item {\r\n      width: 25px;\r\n      height: 25px;\r\n      cursor: pointer;\r\n      .contract-icon {\r\n        width: 100%;\r\n        height: 100%;\r\n      }\r\n    }\r\n  }\r\n}\r\n</style>\r\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./twins.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./twins.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./twins.vue?vue&type=template&id=150ec6a3&scoped=true&\"\nimport script from \"./twins.vue?vue&type=script&lang=js&\"\nexport * from \"./twins.vue?vue&type=script&lang=js&\"\nimport style0 from \"./twins.vue?vue&type=style&index=0&id=150ec6a3&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"150ec6a3\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}