{"version":3,"sources":["webpack:///./src/projects/yd201230/src/views/Share.vue?2a56","webpack:///src/projects/yd201230/src/views/Share.vue","webpack:///./src/projects/yd201230/src/views/Share.vue?84ae","webpack:///./src/projects/yd201230/src/views/Share.vue","webpack:///./src/projects/yd201230/src/views/Share.vue?8b95"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","imageList","QRCode","carPicture","model","value","callback","$$v","showSharePopup","expression","shareImage","on","clickBack","staticRenderFns","data","computed","methods","ap","popWindow","components","component"],"mappings":"yHAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACA,EAAG,MAAM,CAACE,YAAY,eAAe,CAACF,EAAG,MAAM,CAACE,YAAY,kBAAkB,CAACF,EAAG,MAAM,CAACE,YAAY,WAAWC,MAAM,CAAC,IAAMP,EAAIQ,UAAU,GAAG,IAAM,MAAMJ,EAAG,MAAM,CAACE,YAAY,SAASC,MAAM,CAAC,IAAMP,EAAIS,OAAO,IAAM,MAAML,EAAG,MAAM,CAACE,YAAY,YAAYC,MAAM,CAAC,IAAMP,EAAIU,kBAAkBN,EAAG,YAAY,CAACE,YAAY,QAAQC,MAAM,CAAC,0BAAyB,EAAM,gBAAgB,OAAO,SAAW,OAAOI,MAAM,CAACC,MAAOZ,EAAkB,eAAEa,SAAS,SAAUC,GAAMd,EAAIe,eAAeD,GAAKE,WAAW,mBAAmB,CAACZ,EAAG,MAAM,CAACE,YAAY,aAAa,CAACF,EAAG,MAAM,CAACE,YAAY,gBAAgBC,MAAM,CAAC,IAAMP,EAAIiB,cAAcb,EAAG,MAAM,CAACE,YAAY,eAAeF,EAAG,MAAM,CAACE,YAAY,kBAAkBY,GAAG,CAAC,MAAQlB,EAAImB,kBAAkB,IACr0BC,EAAkB,G,iIC+BtB,GACEC,KADF,WAEI,MAAO,CACLN,gBAAgB,EAChBL,WAAY,KAGhB,QAPF,WAOA,wKACA,2BACA,uCAEA,kFACA,sBACA,EANA,WAMA,uDACA,EAPA,UAOA,wBAPA,OAOA,iBAPA,kBAOA,GACA,MACA,IACA,oBACA,sBACA,YACA,MACA,8BAEA,oBAhBA,+CAkBEY,SAAU,OAAZ,OAAY,CAAZ,kBACA,kEACA,qCAGEC,QAAS,OAAX,OAAW,CAAX,kBACA,qDADA,IAEIJ,UAFJ,WAGMK,GAAGC,eAGPC,WAAY,OAAd,OAAc,CAAd,GACA,YADA,SCpE4X,I,wBCQxXC,EAAY,eACd,EACA5B,EACAqB,GACA,EACA,KACA,WACA,MAIa,aAAAO,E,kECnBf,yBAAimB,EAAG","file":"js/chunk-6f759491.a176c5b3.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('div',{staticClass:\"ignore-hide\"},[_c('div',{staticClass:\"ignore-content\"},[_c('img',{staticClass:\"share-bg\",attrs:{\"src\":_vm.imageList[0],\"alt\":\"\"}}),_c('img',{staticClass:\"qrcode\",attrs:{\"src\":_vm.QRCode,\"alt\":\"\"}}),_c('img',{staticClass:\"share-car\",attrs:{\"src\":_vm.carPicture}})])]),_c('van-popup',{staticClass:\"share\",attrs:{\"close-on-click-overlay\":false,\"get-container\":\"body\",\"position\":\"top\"},model:{value:(_vm.showSharePopup),callback:function ($$v) {_vm.showSharePopup=$$v},expression:\"showSharePopup\"}},[_c('div',{staticClass:\"share-box\"},[_c('img',{staticClass:\"share-big-img\",attrs:{\"src\":_vm.shareImage}}),_c('div',{staticClass:\"share-info\"}),_c('div',{staticClass:\"share-close-btn\",on:{\"click\":_vm.clickBack}})])])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div>\n    <div class=\"ignore-hide\">\n      <div class=\"ignore-content\">\n        <img :src=\"imageList[0]\" alt=\"\" class=\"share-bg\" />\n        <img :src=\"QRCode\" alt=\"\" class=\"qrcode\" />\n        <img :src=\"carPicture\" class=\"share-car\" />\n      </div>\n    </div>\n    <!-- 分享图弹窗 -->\n    <van-popup\n      v-model=\"showSharePopup\"\n      :close-on-click-overlay=\"false\"\n      get-container=\"body\"\n      position=\"top\"\n      class=\"share\"\n    >\n      <div class=\"share-box\">\n        <img :src=\"shareImage\" class=\"share-big-img\" />\n        <div class=\"share-info\"></div>\n        <div @click=\"clickBack\" class=\"share-close-btn\"></div>\n      </div>\n    </van-popup>\n    <!-- 分享图弹窗 -->\n  </div>\n</template>\n\n<script>\nimport { Popup } from 'vant';\nimport { mapState, mapActions } from 'vuex';\nimport qs from 'qs';\nimport localStorage from '@/utils/localStorage';\nexport default {\n  data() {\n    return {\n      showSharePopup: true,\n      carPicture: '',\n    };\n  },\n  async created() {\n    if (localStorage.get('carPicture')) {\n      this.carPicture = localStorage.get('carPicture');\n    }\n    let shareBg = 'https://w-cdn.pangku.com/uploads/alipay/file/2020122817510108086399444001.jpg';\n    const { share_id } = this.userInfo;\n    const baseSearch = `?${qs.stringify({ mid: share_id, activity: `${process.env.VUE_APP_H5_KEY}` })}`;\n    const baseURL = `${window.location.origin}${process.env.VUE_APP_BASE_URL}/index?${baseSearch}`;\n    const imageList = [shareBg];\n    const url = baseURL;\n    console.log('aaaa');\n    this.generateShareImage({\n      imageList,\n      url,\n      className: '.ignore-content',\n    });\n    console.log('bbbb');\n  },\n  computed: {\n    ...mapState('shareImage', ['imageList', 'QRCode', 'shareImage']),\n    ...mapState('user', ['userInfo']),\n    // ...mapState('config', ['carPicture']),\n  },\n  methods: {\n    ...mapActions('shareImage', ['generateShareImage']),\n    clickBack() {\n      ap.popWindow();\n    },\n  },\n  components: {\n    [Popup.name]: Popup,\n  },\n};\n</script>\n\n<style lang=\"scss\" scoped>\n.ignore-hide {\n  height: 0;\n  overflow: hidden;\n  .ignore-content {\n    width: 750px;\n    height: 1334px;\n    position: relative;\n    .share-bg {\n      width: 100%;\n      height: 100%;\n    }\n    .qrcode {\n      width: 190px;\n      height: 190px;\n      position: absolute;\n      top: 639px;\n      right: 0;\n      left: 0;\n      margin: 0 auto;\n    }\n    .share-car {\n      width: 376px;\n      height: 193px;\n      position: absolute;\n      top: 839px;\n      right: 85px;\n    }\n  }\n}\n.share {\n  padding-top: 40px;\n  .share-box {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    .share-big-img {\n      width: 622px;\n    }\n    .share-info {\n      background: url(~@this/assets/share-tips.png) no-repeat;\n      background-size: 100% 100%;\n      width: 501px;\n      height: 121px;\n      margin: 15px 0 30px;\n    }\n    .share-close-btn {\n      background: url(~@this/assets/image-20.png) no-repeat;\n      background-size: 100% 100%;\n      width: 80px;\n      height: 80px;\n    }\n  }\n}\n</style>\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--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Share.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--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Share.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Share.vue?vue&type=template&id=c995eaa8&scoped=true&\"\nimport script from \"./Share.vue?vue&type=script&lang=js&\"\nexport * from \"./Share.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Share.vue?vue&type=style&index=0&id=c995eaa8&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  \"c995eaa8\",\n  null\n  \n)\n\nexport default component.exports","import mod 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--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Share.vue?vue&type=style&index=0&id=c995eaa8&lang=scss&scoped=true&\"; export default mod; 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--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Share.vue?vue&type=style&index=0&id=c995eaa8&lang=scss&scoped=true&\""],"sourceRoot":""}