From ebd87336e521fedbc4597354881e85a8208293ce Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=8E=8B?= <fengli.wang@pactera.com>
Date: Tue, 27 Nov 2018 17:35:54 +0800
Subject: [PATCH] build test

---
 dev/index.html                                |   2 +-
 dev/static/img/tips.3695a2d.png               | Bin 0 -> 11739 bytes
 dev/static/js/2.fbde2d7fdb1fb90a3a90.js       |   2 +
 dev/static/js/2.fbde2d7fdb1fb90a3a90.js.map   |   1 +
 dev/static/js/3.61bb4e094927393a5d57.js       |   2 +
 dev/static/js/3.61bb4e094927393a5d57.js.map   |   1 +
 dev/static/js/8.16b92d1aee1891d912d2.js       |   2 +
 dev/static/js/8.16b92d1aee1891d912d2.js.map   |   1 +
 .../js/manifest.189c36eb861bd4c06c12.js       |   2 +
 .../js/manifest.189c36eb861bd4c06c12.js.map   |   1 +
 src/assets/activity/tips.png                  | Bin 0 -> 11739 bytes
 src/components/buy/activity.vue               |  36 ++---
 src/components/buy/activityInvite.vue         | 130 ++++++++++++------
 src/components/buy/index.vue                  |  27 +++-
 14 files changed, 146 insertions(+), 61 deletions(-)
 create mode 100644 dev/static/img/tips.3695a2d.png
 create mode 100644 dev/static/js/2.fbde2d7fdb1fb90a3a90.js
 create mode 100644 dev/static/js/2.fbde2d7fdb1fb90a3a90.js.map
 create mode 100644 dev/static/js/3.61bb4e094927393a5d57.js
 create mode 100644 dev/static/js/3.61bb4e094927393a5d57.js.map
 create mode 100644 dev/static/js/8.16b92d1aee1891d912d2.js
 create mode 100644 dev/static/js/8.16b92d1aee1891d912d2.js.map
 create mode 100644 dev/static/js/manifest.189c36eb861bd4c06c12.js
 create mode 100644 dev/static/js/manifest.189c36eb861bd4c06c12.js.map
 create mode 100755 src/assets/activity/tips.png

diff --git a/dev/index.html b/dev/index.html
index 1972b92c..cae8e019 100644
--- a/dev/index.html
+++ b/dev/index.html
@@ -4,4 +4,4 @@
         hm.src = "https://hm.baidu.com/hm.js?3d48322170d471164729cba5dfa4195f";
         var s = document.getElementsByTagName("script")[0];
         s.parentNode.insertBefore(hm, s);
-      })();</script><style></style><link href=static/css/app.64be2edabff411167c0d49c7bcce245d.css rel=stylesheet></head><body><div id=app></div><script src=https://res.wx.qq.com/open/js/jweixin-1.3.2.js></script><script src=https://res.wx.qq.com/mmbizwap/zh_CN/htmledition/js/vconsole/3.0.0/vconsole.min.js></script><script>var vConsole = new VConsole();</script><script type=text/javascript src=static/js/manifest.73a6aae8bcc58f1e95ef.js></script><script type=text/javascript src=static/js/vendor.3ad9f0bc79c82a20862e.js></script><script type=text/javascript src=static/js/app.fa74d3ef47a133531b47.js></script></body></html>
\ No newline at end of file
+      })();</script><style></style><link href=static/css/app.64be2edabff411167c0d49c7bcce245d.css rel=stylesheet></head><body><div id=app></div><script src=https://res.wx.qq.com/open/js/jweixin-1.3.2.js></script><script src=https://res.wx.qq.com/mmbizwap/zh_CN/htmledition/js/vconsole/3.0.0/vconsole.min.js></script><script>var vConsole = new VConsole();</script><script type=text/javascript src=static/js/manifest.189c36eb861bd4c06c12.js></script><script type=text/javascript src=static/js/vendor.3ad9f0bc79c82a20862e.js></script><script type=text/javascript src=static/js/app.fa74d3ef47a133531b47.js></script></body></html>
\ No newline at end of file
diff --git a/dev/static/img/tips.3695a2d.png b/dev/static/img/tips.3695a2d.png
new file mode 100644
index 0000000000000000000000000000000000000000..f1023c9c51d9d75c124d6b91272b1848fd665117
GIT binary patch
literal 11739
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
Pv|GzaD2kVf8v6Yo&c~sE

literal 0
HcmV?d00001

diff --git a/dev/static/js/2.fbde2d7fdb1fb90a3a90.js b/dev/static/js/2.fbde2d7fdb1fb90a3a90.js
new file mode 100644
index 00000000..371657f0
--- /dev/null
+++ b/dev/static/js/2.fbde2d7fdb1fb90a3a90.js
@@ -0,0 +1,2 @@
+webpackJsonp([2],{"0Kes":function(n,e,t){var i=t("sx92");"string"==typeof i&&(i=[[n.i,i,""]]),i.locals&&(n.exports=i.locals);t("rjj0")("595ec0df",i,!1,{})},"9SAN":function(n,e,t){var i=t("MyYq");"string"==typeof i&&(i=[[n.i,i,""]]),i.locals&&(n.exports=i.locals);t("rjj0")("f5b05580",i,!1,{})},BRsW:function(n,e){n.exports="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC4AAAAuCAYAAABXuSs3AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjBFMEI1NEEzRUZEQjExRThCQkVEODAxNTczRDU0QTZCIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjBFMEI1NEE0RUZEQjExRThCQkVEODAxNTczRDU0QTZCIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MEUwQjU0QTFFRkRCMTFFOEJCRUQ4MDE1NzNENTRBNkIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MEUwQjU0QTJFRkRCMTFFOEJCRUQ4MDE1NzNENTRBNkIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4XfPsCAAAEMElEQVR42uyYWUgVURjHXXOrXFCLjBLNMiKyKAMNKoqyV0NTeogkS6weQsKQsgUqKgqS0tII8sFWekhILGiDIGiFKEIzjcrIsiy39N68/T/5jwzhbcY7C1fwwI+5y2HmP9/5zrcc3/5NaT46RiBYC/zAHx9rRhBoCax6+EDP5AAdc5aA+6AL+AKXRcLFKE5Hfvo7XNfgBdq0JmuJruU8K0XLGADjwQJQrzXZV8NVnvJGH0ExcOh4WSPCE0EpDbQDVq/01FVm8noZ1FihFuKGPsNNknEpARPAFCOu4uR1qo89I4SWlwDQZ0T4gOJSBsQcBa+BbLpmFfK9AVY+qXZdXl1a+ynABivOArP/83+3Jze1Q/hLMI5u4Pjn2fL9ubcK3613c4406I/K4anF40GGSbG70i7h8fRbU1YLUWUD3CXdDuGSRcPAL4MlgFJC9Fhh8U4QNUxSkiixionCZcBNe2Htu270eBzH81QZ0zWM+JsW7LkeroQQAzdKxIs16YkqsWAf+ArKgD9FO20KFpJNQ/ncIvAC4utApjvhUk5Wgw9gL4im2C43K/MYfCftHvIDfIGoKtV9pbDqZZ3SS10Svc5jXgvIUAsPp5Ac/iZiJSusB29VS6eMZWAGiCRRHhLBFV6kunc09408bw84zH0mYzq4CPHViiULQRKXRyLFEVAOOtyUsvfkBnyoS1WIjXT4c1UbVb/1U7T8FwT/LoHQc/hcwWAgL7sOv20LYK+niJY6+ADYCJaCVjBxmIcWWlGPU4cSDAYg8BCu2+kyHex9pb6Zp/ZdCUvS52XTFRpV5WWfTZuzmxaX5+WDBCVPgQJmWfk/Qh1V5oPNDIMd3N1hnPjJJuHfQDCfm0AdlxiWY5g/Bg3pN0zTcJ01dIUqqmwFt+nXlgy4hRjtM8V183MWXCmXHb9TvZ/cJaA2+vExcIO950qGy/2qzWuGYIkWV8EcRjlJQqchtthIWSstViobWAetIZv3Ebt/IyOW4e4VQ6Ivw3KSlmi99bgkguP0s1tcRnGlO+CMh+6zHDwDu+jP4rdFEJwKWs1uJMR9VnO3dzJxbWGSyh6BlWu4j+LobtfAZAiusLoDusJweRb8ZOyXtF2nYf08lsS5TCRiiBwIztI6bjOzdWtjXJUN28DlzqCwnfyujDiWEGVMIBKpToC5eo7arOo5n4DFPDbro7CD/L2AEUheLI1ZUTr6FFZ+bUYebEb7JX4qqXkaN+xvkMwNXcpE5sOVWAiazAijZnb5YsEVtHQ7C6ZObsRJ4JSBgsyWc5UaIhHoPXjjTccTeka9hfcevQdCY8LHhI8JHwXCu71cq5Plr9TtwWrh4Va2ZiaMSDYyg6cAAexyutgoNDNNB9qlBq2b1hQXD4lCqKsDZXCtCL/AM5RMWj3Ui63uYCs5lPLz2BSneLmflytNx18BBgDaKTZI2MwN5QAAAABJRU5ErkJggg=="},EyfK:function(n,e){n.exports="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAkwAAAB4CAYAAAAAEK1RAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjE2MERDRTgzRUZEQjExRThCOTkxQ0FFMUE3NkQyMzI3IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjE2MERDRTg0RUZEQjExRThCOTkxQ0FFMUE3NkQyMzI3Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MTYwRENFODFFRkRCMTFFOEI5OTFDQUUxQTc2RDIzMjciIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MTYwRENFODJFRkRCMTFFOEI5OTFDQUUxQTc2RDIzMjciLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7Ki7LNAAAUYUlEQVR42uzd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"},H9j6:function(n,e){n.exports="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAeCAYAAAA/xX6fAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjEyQ0UwQ0QzRUZEQjExRTg4N0JDQzkxNDY3RjkxOUI1IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjEyQ0UwQ0Q0RUZEQjExRTg4N0JDQzkxNDY3RjkxOUI1Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MTJDRTBDRDFFRkRCMTFFODg3QkNDOTE0NjdGOTE5QjUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MTJDRTBDRDJFRkRCMTFFODg3QkNDOTE0NjdGOTE5QjUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6gR2RiAAACvElEQVR42rSWa2iNcRzHz5a5Rlraq2G0uYWm7A1vDCuTy+SSywu5HbcpJZpSSu6SFbFzGvJCnEhpL4QpkvBiaxtzzyY2yyUlp0lmPj99Tz2dHuc8T53nX59+e57n7Pk8v//1lxWJREIubRvMgSXQHUrRwuFwyE/L/s/9YzDX5XkOFEO5Pqg4Go329SPs43KvP/SDOxCH0bAANsAEt5cgbSOch6tk/DyVMMulS2fDbaiCn1DteNYON6ADemEEzIJCx2/OQSXibq9dOkWxSrJWGyoYBqNgCxyAg7CJFxcRh8I6eANr4SNZl3rN8CWM0d9PYDG89jppEK1RltY287wmXYZXHIJJ8Ap+QI2XSYHAxnKqhuMMH7AslTAX9ijD8eqmy9YTMM3rTETaQBinyxjSfDehZfYVBur6hbpmBQyCyX6mP9J3WjrWriULi7TIO+F3KEMN6U3JSshyplO4T9Gkv0KZbVsVqxNCW+jL4TM8zLDMsuwiPLIJSJYFJixxjGFQ7azi9GzHmqsPUNigODbbsS19ClD4XTHPhIN10ROgMDHzc0zY5Th6gmoDFOMmfKuLwgCFuYofTNiki0UBCssUn5rwGXyD+QEKKxXvJXaa44obM21isZfpLI2xCcQTwiOKJwPILqa4w1nT2LRdD7VWl2hP9ZOFbR5DoJEs/iQ9PmorgPsdyUWUbT9LdcIfgt0+nI9VZvQgryPeggdIWuBwqgO4XJPI6pkTPoRW0V3XEquA09CM/FK6IqpXB+1d2A4tXk56srDysEKyNsejAi91qW1xper7ndY1+oBardl21av/dhCVDxNhpWPsm1QwX/AiTLRdcBH2wzyY4Xj2BWxy5CX9j52nq2GVhPf9CK01a0MYDgtVJFs2IzUcnap9rJSop1sbNWv3qqtb/QoT7T2cEunq0nwNS53bi/4KMAAZdMAprXHLMQAAAABJRU5ErkJggg=="},MyYq:function(n,e,t){(n.exports=t("FZ+f")(!0)).push([n.i,"\nimg,video{\n  max-width: 100%;\n}\n.copyToast {\n  z-index: 9999;\n}\n","",{version:3,sources:["/Users/wang/Documents/changchang/projects/wechat/src/components/buy/src/components/buy/activityInvite.vue"],names:[],mappings:";AA8aA;EACA,gBAAA;CACA;AACA;EACA,cAAA;CACA",file:"activityInvite.vue",sourcesContent:["<template>\n  <div class=\"group-index\" ref=\"index\" v-if=\"groupDetail\" style=\"background-color: #fda813;\">\n    <div>\n      <img class=\"tips\" :src=\"tipsUrl\"/>\n      <div class=\"img-cvs\" id=\"capture\" ref=\"imageWrapper\" v-if=\"groupDetail.share_desc.refImg && groupDetail.share_desc.refImg.length > 0\">\n        <img :src=\"groupDetail.share_desc.refImg[0].url\">\n        <div id=\"qrcode\" class=\"qrcode\">\n        </div>\n      </div>\n      <img :src=\"dataURL\" class=\"cvs-img\" id=\"cvs-img\"/>\n      <div class=\"inviteBtn\" id=\"inviteBtn\">\n        <div class=\"i-btn flex-start\" @click=\"show=true\">\n          <img class=\"i-env\" :src=\"whiteEnvelopeUrl\"/>\n          <span class=\"i-env-title\">邀请语:</span>\n          <div class=\"elips\"><span class=\"marquee\">{{comments[commentIndex]}}</span></div>\n        </div>\n      </div>\n      <mt-popup v-model=\"show\" :closeOnClickModal=\"false\">\n        <div class=\"pop-fill\">\n          <div class=\"flex-bt\">\n            <div class=\"flex-start no-margin\">\n              <img class=\"p-envelope\" :src=\"envelopeUrl\"/>\n              <span class=\"p-tips\">贴心的邀请语提高成功率</span>\n            </div>\n            <img class=\"p-switch no-margin\" :src=\"switchUrl\" @click=\"onSwitch\"/>\n          </div>\n          <div class=\"p-comments\">\n            <p>{{comments[commentIndex]}}</p>\n          </div>\n          <div class=\"copyBtn\" v-clipboard:copy=\"comments[commentIndex]\" v-clipboard:success=\"onCopy\">复制邀请语</div>\n          <div class=\"close\">\n            <img :src=\"closePopUrl\" class=\"close-pop\" @click=\"show=false\"/>\n          </div>\n        </div>\n      </mt-popup>\n    </div>\n  </div>\n</template>\n\n<script>\n  import 'swiper/dist/css/swiper.css'\n  import { swiper, swiperSlide } from 'vue-awesome-swiper'\n  import  QRCode from 'qrcodejs2'\n  import { Indicator } from 'mint-ui';\n  import {getwechatParam,getGoodsDetailApi,getGroupDetailApi,getStatusWechatApi,getUserDetailApi} from \"../../service/api\";\n  import refBg from '../../assets/refBg.png'\n  import moreUrl from '../../assets/moreIcon.png'\n  import refIcon from '../../assets/refIcon.png'\n  import weChatIcon from '../../assets/wechatIcon.png'\n  import weChatQrUrl from '../../assets/weChatCode.png'\n  import closeUrl from '../../assets/closemy.png'\n  import redBtnUrl from '../../assets/activity/red-bg.png'\n  import envelopeUrl from '../../assets/activity/envelope.png'\n  import whiteEnvelopeUrl from '../../assets/activity/white-envelope.png'\n  import closePopUrl from '../../assets/activity/close.png'\n  import switchUrl from '../../assets/activity/switch.png'\n  import tipsUrl from '../../assets/activity/tips.png'\n  import html2canvas from 'html2canvas'\n  import { Toast } from 'mint-ui';\n  export default {\n    name: \"index\",\n    components: {\n      swiper,\n      swiperSlide,\n    },\n    data(){\n      return {\n        refBg:refBg,\n        join:false,\n        popType:false,\n        popFill:false,\n        popupVisible:false,\n        refVisible:false,\n        tabType:true,\n        popcontentW:`您已经购买过课程,无需重复<br>购买,您可以添加微信公众号了解更多`,\n        popcontentT:`为了更好地为您进行课程服务,<br>请扫码添加老师二维码`,\n        qrCode:weChatQrUrl,\n        weChatIcon:weChatIcon,\n        closeUrl:closeUrl,\n        moreUrl:moreUrl,\n        tipsUrl:tipsUrl,\n        refIcon:refIcon,\n        swiperOption: {\n          pagination: {\n            el: '.swiper-pagination'\n          }\n        },\n        QRCodeB:false,\n        dataURL:null,\n        user_id:null,\n        invite_code_f:true,\n        invite_code:'',\n        shopId:'',\n        groupId:null,\n        groupDetail:false,\n        groupData:null,\n        redBtnUrl: redBtnUrl,\n        envelopeUrl: envelopeUrl,\n        whiteEnvelopeUrl: whiteEnvelopeUrl,\n        closePopUrl: closePopUrl,\n        switchUrl: switchUrl,\n        show: false,\n        comments: [\n          '英语这样启蒙效果太棒啦,唱唱这个90天启蒙课程做真不错,推荐给你们!坚持打卡全额返学费,报课即送价值498元教具礼盒。数量有限,抢完即止!',\n          '发现一款对宝宝英语启蒙特别有用的产品,每天10分钟宝宝已经爱上英语、爱唱英语。现在他们这个90天课程在做活动,坚持打卡全额返学费。我体验过了,真的很好!快带着宝宝一起唱玩英语吧~',\n          '第一次接触线上启蒙英语,发现唱唱课程实在太棒啦,既省事宝宝学起来还方便,每天快乐中学习。现在他们这个90天课程在做活动,限时免费学,不花1分钱,学习90天,还送实物教具,机不可失,速来领取~'\n        ],\n        commentIndex: 0,\n        shareTitle: '钜惠来袭!唱唱启蒙英语90天课程免费学!',\n        shareDesc: '报课即送价值498元教具礼盒,坚持打卡全额返学费,让0基础宝宝10分钟开口说英语,速来~'\n      }\n    },\n    mounted(){\n      this.getDetail();\n    },\n    methods:{\n      onSwitch(){\n         if (this.commentIndex === 0) {\n           this.commentIndex = 1;\n         } else if (this.commentIndex == 1) {\n           this.commentIndex = 2;\n         } else if (this.commentIndex == 2) {\n           this.commentIndex = 0;\n         }\n      },\n      onCopy(e){\n        console.log('You just copied: ' + e.text);\n        Toast({\n          message: '复制成功',\n          position: 'middle',\n          className: 'copyToast',\n          duration: 2000\n        });\n      },\n      refshow(){\n        Indicator.open();\n        if(document.body.scrollTop < 10){\n          document.body.scrollTop = 20;\n          document.documentElement.scrollTop = 20;\n        }\n        if(localStorage.getItem('cc_token') && localStorage.getItem('cc_token') !== ''){\n          setTimeout(()=>{\n            Indicator.close();\n            if(!this.invite_code){\n              this.invite_code = 'CC-USER'\n            }\n            getUserDetailApi().then(res=>{\n              this.user_id=res.user_id;\n              let invite_code = this.invite_code.split('-');\n              if(invite_code.length > 2 && invite_code[1] === 'TEACHER'){\n                invite_code[1] = 'USER'\n              }\n              let code = `${invite_code[0]}-${invite_code[1]}`;\n              let URL = `${process.env.BUY_URL}shopId=${this.shopId}&invite_code=${code}-${this.user_id}`;\n              if(this.groupId && this.groupId !== 'null'){\n                URL += `&groupId=${this.groupId}`\n              }\n              this.onNewShare(URL);\n              console.log(URL);\n              this.qrcode(URL);\n              this.refVisible = true;\n              this.$nextTick(()=>{\n                if(!this.dataURL){\n                  setTimeout(()=>{\n                    let {\n                      height,\n                      width,\n                      top\n                    } = document.getElementById('capture').getClientRects()[0]\n                    document.getElementById('capture').style.width = width + 'px';\n                    let o = this.getOffsetRect(this.$refs.imageWrapper);\n                    let {\n                      height1,\n                      width1\n                    } = document.getElementById('capture').getClientRects()[0];\n                    console.log('document.getElementById', document.getElementById('capture').getClientRects()[0]);\n                    document.getElementById('inviteBtn').style.top = height + top + 20 + 'px';\n                    document.getElementById('inviteBtn').style.opacity = 1;\n                    html2canvas(document.getElementById('capture'),{\n                      async: true,\n                      timeout: 500,\n                      scrollX:1,\n                      scale: 3,\n                      width: width1,\n                      height: height1,\n                      letterRendering: true,\n                    }).then((canvas) => {\n                      let dataURL = canvas.toDataURL(\"image/jpg\");\n                      this.dataURL = dataURL;\n                    }).catch(res=>{alert(res);console.log()});\n                  },500)\n                }else{\n\n                }\n              })\n            });\n          },500)\n\n        }else{\n          let query = {retUrl:this.$route.fullPath,is_new_user_url:'1'};\n          this.$router.push({name:'author',query:query})\n        }\n      },\n      getOffsetRect(ele){\n        var box=ele.getBoundingClientRect();\n        var body=document.body,\n          docElem=document.documentElement;\n        //获取页面的scrollTop,scrollLeft(兼容性写法)\n        var scrollTop=window.pageYOffset||docElem.scrollTop||body.scrollTop,\n          scrollLeft=window.pageXOffset||docElem.scrollLeft||body.scrollLeft;\n        var clientTop=docElem.clientTop||body.clientTop,\n          clientLeft=docElem.clientLeft||body.clientLeft;\n        var top=box.top+scrollTop-clientTop,\n          left=box.left+scrollLeft-clientLeft;\n        return {\n          //Math.round 兼容火狐浏览器bug\n          top:Math.round(top),\n          left:Math.round(left)\n        }\n      },\n      qrcode(data){\n        if(this.QRCodeB){\n          this.QRCodeB.makeCode(data)\n        }else{\n          this.QRCodeB = new QRCode('qrcode', {\n            width: 80,\n            height: 80, // 高度\n            text: data, // 二维码内容\n            image: ''\n          });\n        }\n\n      },\n      // 分享\n      enableShare: function(option) {\n        let that = this;\n        getwechatParam({\n          api_list:   'onMenuShareAppMessage,onMenuShareTimeline',\n          url:window.location.href.split('#')[0]\n        }).then(wechatRes => {\n          console.log('enableShare', wechatRes)\n          wx.config({\n            debug: false,\n            appId: wechatRes.appId,\n            timestamp: parseInt(wechatRes.timestamp),\n            nonceStr: wechatRes.nonceStr,\n            signature: wechatRes.signature,\n            jsApiList: wechatRes.jsApiList\n          });\n          wx.ready(function() {\n              console.log('this.shareTitle', that.shareTitle)\n            wx.onMenuShareTimeline({\n              title: that.shareTitle, // 分享标题\n              desc: that.shareDesc,// 分享描述\n              link: option.shareUrl, // 分享链接\n              imgUrl: option.shareIcon || 'https://cdn.singsingenglish.com/singsing/recommend/logo-refer.png', // 分享图标\n              success: function() {\n                console.log('分享成功');\n                window._hmt.push(['_trackEvent', '分享', \"商品页好友分享\",`id${that.shopId}`,that.invite_code]);//百度统计\n              },\n              cancel: function() {\n                // alert(\"失败\")\n                console.log('分享失败')\n              }\n            });\n            wx.onMenuShareAppMessage({\n              title: that.shareTitle, // 分享标题\n              desc: that.shareDesc,// 分享描述\n              link: option.shareUrl, // 分享链接\n              imgUrl: option.shareIcon || 'https://cdn.singsingenglish.com/singsing/recommend/logo-refer.png', // 分享图标\n              success: function() {\n                window._hmt.push(['_trackEvent', '分享', \"商品页朋友圈分享\",`id${that.shopId}`,that.invite_code]);//百度统计\n              },\n              cancel: function() {\n              }\n            });\n          })\n        })\n      },\n      onShare: function(type) {\n        let URL = `${process.env.BUY_URL}?shopId=${this.shopId}&groupId=${this.groupId}&invite_code=${this.invite_code}`;\n        if(type === 1 ){\n          URL = `${process.env.BUY_URL}?shopId=${this.shopId}&invite_code=${this.invite_code}`\n        }\n        this.enableShare({\n          product_title: this.groupDetail.share_desc.title,\n          desc: this.groupDetail.share_desc.content,\n          shareIcon:this.groupDetail.share_desc.img[0].url,\n          shareUrl:URL\n        })\n      },\n      onNewShare(url){\n        this.enableShare({\n          product_title: this.groupDetail.share_desc.title,\n          desc: this.groupDetail.share_desc.content,\n          shareIcon:this.groupDetail.share_desc.img[0].url,\n          shareUrl:url\n        })\n      },\n      toDataURLBase64 (src, callback) {\n        let xhttp = new XMLHttpRequest();\n        xhttp.onload = function () {\n          let fileReader = new FileReader();\n          fileReader.onloadend = function () {\n            callback(fileReader.result)\n          };\n          fileReader.readAsDataURL(xhttp.response)\n        };\n        xhttp.responseType = 'blob';\n        xhttp.open('GET', src, true);\n        xhttp.send()\n      },\n      // 初始化\n      getDetail(){\n        if(window.location.href.indexOf('invite_code')> -1){\n          this.invite_code = this.$route.query.invite_code;\n          let l = this.invite_code.split('-').length\n          if(l < 3){\n            this.invite_code_f = false\n          }\n        }\n        if(window.location.href.indexOf('shopId')>-1){\n          this.shopId = this.$route.query.shopId;\n          getGoodsDetailApi(this.shopId).then(res=>{\n            res.desc = JSON.parse(res.desc);\n            res.goods_desc = JSON.parse(res.goods_desc);\n            res.share_desc = JSON.parse(res.share_desc);\n            //商品下架跳转绑定商品\n            if(res.status === 2 && res.bind_goods_id){\n              this.$router.push({name:'buyDetail',query:{shopId:res.bind_goods_id}});\n              this.getDetail();\n              return\n            }\n            this.groupDetail = res;\n            for (let i = 0;i<this.groupDetail.header_url.length;i++){\n              this.groupDetail.header_url[i]=this.groupDetail.header_url[i].replace('http://','https://')\n            }\n            this.groupDetail.desc.detail = this.groupDetail.desc.detail.replace(/http:\\/\\//g,'https://');\n            this.groupDetail.desc.qa = this.groupDetail.desc.qa.replace(/http:\\/\\//g,'https://');\n            if(this.groupDetail.share_desc.refImg && this.groupDetail.share_desc.refImg.length === 1){\n              this.groupDetail.share_desc.refImg[0].url = this.groupDetail.share_desc.refImg[0].url.replace('http://','https://');\n              let _this = this;\n              this.toDataURLBase64(this.groupDetail.share_desc.refImg[0].url, function (avatarUrl) {\n                _this.groupDetail.share_desc.refImg[0].url = avatarUrl;\n              });\n            }\n            if(this.groupDetail.goods_type === 2){\n              if(localStorage.getItem('cc_token')){\n                getStatusWechatApi({goods_id:this.shopId}).then(res=>{\n                  if(res.out_trade_no){\n                    this.$router.push({name:'success',query:{out_trade_no:res.out_trade_no}});\n                  }\n                });\n              }\n              if(window.location.href.indexOf('groupId')>-1){\n                this.groupId = this.$route.query.groupId;\n                getGroupDetailApi(this.groupId).then(res=>{\n                  this.groupData = res\n                });\n                this.onShare(0)\n              }else{\n                this.onShare(1)\n              }\n            } else {\n              this.refshow()\n            }\n          })\n        }\n\n      },\n      downloadImage(name) {\n        var image = new Image()\n        // 解决跨域 Canvas 污染问题\n        image.setAttribute('crossOrigin', 'anonymous')\n        image.onload = function () {\n          var canvas = document.createElement('canvas')\n          canvas.width = image.width\n          canvas.height = image.height\n\n          var context = canvas.getContext('2d')\n          context.drawImage(image, 0, 0, image.width, image.height)\n          var url = canvas.toDataURL('image/png')\n\n          // 生成一个a元素\n          var a = document.createElement('a')\n          // 创建一个单击事件\n          var event = new MouseEvent('click')\n\n          // 将a的download属性设置为我们想要下载的图片名称,若name不存在则使用‘下载图片名称’作为默认名称\n          a.download = name || '下载图片名称'\n          // 将生成的URL设置为a.href属性\n          a.href = url\n\n          // 触发a的单击事件\n          a.dispatchEvent(event)\n        }\n\n        image.src = this.dataURL\n      },\n      onClickDownload(){\n//        this.saveBase64AsFile(this.dataURL, 'test-download')\n        let imgData = this.dataURL;\n        imgData = imgData.replace(this.fixType('jpg'),'image/octet-stream');\n        var filename = 'test' + '.' + 'jpg';\n        this.saveFile(imgData,filename);\n      },\n      saveFile(data, filename){\n        let save_link = document.createElementNS('http://www.w3.org/1999/xhtml', 'a');\n        save_link.href = data;\n        save_link.download = filename;\n\n        let event = document.createEvent('MouseEvents');\n        event.initMouseEvent('click', true, false, window, 0, 0, 0, 0, 0, false, false, false, false, 0, null);\n        save_link.dispatchEvent(event);\n      },\n      fixType(type){\n        type = type.toLowerCase().replace(/jpg/i, 'jpeg');\n        var r = type.match(/png|jpeg|bmp|gif/)[0];\n        return 'image/' + r;\n      },\n      saveBase64AsFile(base64, fileName) {\n        let link = document.createElement(\"a\");\n        link.setAttribute(\"href\", this.friendsUrl);\n        link.setAttribute(\"download\", fileName);\n        link.click();\n      }\n    }\n  }\n<\/script>\n<style>\n  img,video{\n    max-width: 100%;\n  }\n  .copyToast {\n    z-index: 9999;\n  }\n</style>\n<style scoped lang=\"less\">\n  @import \"../../util/public\";\n  @keyframes marquee {\n    0% {\n      transform: translateX(0);\n    }\n    100% {\n      transform: translateX(-1300px);\n    }\n  }\n  .marquee {\n    display: block;\n    width: 100%;\n    top: 12 * @toVw;\n    left: 0;\n    text-align: center;\n    position: absolute;\n    -webkit-animation: marquee 30s linear infinite;\n    animation: marquee 30s linear infinite;\n  }\n  .elips {\n    position: relative;\n    width: 170* @toVw;\n    height: 100%;\n    overflow: hidden;\n    white-space: nowrap;\n    /*text-overflow: ellipsis;*/\n    margin: 0;\n    z-index: 1;\n  }\n  .tips {\n    width: 230 * @toVw;\n    margin-left: 163 / 2 * @toVw;\n    margin-top: 10 * @toVw;\n  }\n  .img-cvs{\n    position: absolute;\n    width: 525 / 2 * @toVw;\n    top: 90 * @toVh;\n    left: 113 / 2 * @toVw;\n    border-radius: 10px;\n    img {\n      border-radius: 10px;\n    }\n  .qrcode{\n    position: absolute;\n    top: 700 / 2 * @toVw;\n    left: 15 * @toVw;\n    width: 60 * @toVw;\n  }\n  }\n  .cvs-img{\n    position: absolute;\n    width: 525 / 2 * @toVw;\n    top: 90 * @toVh;\n    left: 113 / 2 * @toVw;\n    border-radius: 10px;\n    z-index: 10;\n  }\n  .inviteBtn {\n    position: absolute;\n    width: 100%;\n    opacity: 0;\n    text-align: center;\n\n    .i-btn {\n      position: relative;\n      width: 642 / 2 * @toVw;\n      height: 92 / 2 * @toVw;\n      text-align: left;\n      font-size: 14 * @toVw;\n      color: #fff;\n      background: url('../../assets/activity/red-bg.png') no-repeat center;\n      background-size: cover;\n      box-sizing: border-box;\n      padding: 2px 58/2*@toVw;\n      overflow: hidden;\n      .i-env {\n        width: 36 / 2 * @toVw;;\n        height: auto;\n        margin-right: 5px;\n        margin-left: 0;\n        z-index: 2;\n      }\n      .i-env-title {\n        font-size: 16 * @toVw;\n        margin:0;\n        z-index: 2;\n      }\n    }\n  }\n  .flex-start {\n    display: flex;\n    flex-flow: row nowrap;\n    justify-content: flex-start;\n    align-items: center;\n  }\n  .g-btns {\n    display: flex;\n    flex-flow: row nowrap;\n    justify-content: space-around;\n    align-items: center;\n    width: 642 / 2 * @toVw;\n    margin-top: 30 / 2 * @toVw;\n    font-size: 14 * @toVw;\n    color: #fff;\n    img {\n      width: 96 / 2 * @toVw;\n      height: 96 / 2 * @toVw;\n    }\n  }\n  .copyBtn {\n    background: url('../../assets/activity/yellow-bg.png') no-repeat center;\n    background-size: cover;\n    box-sizing: border-box;\n    width: 567 / 2 * @toVw;\n    height: 92 / 2 * @toVw;\n    text-align: center;\n    line-height: 92 / 2 * @toVw;\n    color: #fff;\n    font-size: 20 * @toVw;\n  }\n  .flex-bt {\n    display: flex;\n    flex-flow: row nowrap;\n    justify-content: space-between;\n    align-items: center;\n  }\n  .p-tips {\n    color: #999;\n    font-size: 15 * @toVw;\n  }\n  .p-envelope {\n    width: 22 * @toVw;\n    height: 22 * @toVw;\n    margin-right: 12 * @toVw;\n  }\n  .p-switch {\n    width: 15 * @toVw;\n    height: 15 * @toVw;\n  }\n  .p-comments {\n    margin: 15px 0;\n    height: 150 * @toVw;\n    overflow-y: scroll;\n    p {\n      line-height: 2;\n    }\n  }\n  .no-margin {\n    margin: 0;\n  }\n  .ref-content{\n    width: 299 * @toVw;\n    height: 564 * @toVw;\n    background-size: 100% 100%;\n    position: relative;\n  .tips{\n    font-size: 12px;\n    position: absolute;\n    color: #666;\n    right: 10 * @toVw;\n    top: 250 * @toVw;\n    width: 1em;\n  }\n  }\n  .group-index{\n    height: 100%;\n    padding-bottom: toVw(150);\n    background: #f0f0f0;\n    font-family: PingFangSC-Regular;\n  .ref-icon{\n    position: fixed;\n    height: 100/375 * 90vw ;\n    top: 70vw;\n    z-index: 6;\n    right: 10 * 100 /375vw;\n    border-radius: 100px;\n  }\n  .banner{\n    background: white;\n  img{\n    width: 100%;\n  }\n  }\n  .head{\n    background: white;\n    margin-bottom: 10px;\n    padding: 20/7.5vw;\n  .title{\n    font-size: 20px;\n    color: #333333;\n    margin-bottom: 15/7.5vw;\n  }\n  .detail{\n    font-size: 12px;\n    line-height: 1.6em;\n    color: #333333;\n    display: block;\n    margin-bottom: 15/7.5vw;\n  }\n  .price{\n  .price-content{\n    font-family: PingFang-SC-Bold;\n    font-size: 20px;\n    color: #F83534;\n  }\n  }\n  }\n  .head-icon{\n    padding: 20/7.5vw;\n    background: white;\n    margin-bottom: 2px;\n  .icon{\n    display: inline-block;\n    width: 60/7.5vw;\n    margin: 0 10/7.5vw;\n    border-radius: 1000px;\n    vertical-align: middle;\n  }\n  .more{\n    width: 50/7.5vw;\n    vertical-align: middle;\n  }\n  .has{\n    font-size: 12px;\n    line-height: 60/7.5vw;\n    color: #999999;\n    float: right;\n  }\n  }\n  .welfare{\n    background: white;\n    padding:10/7.5vw ;\n    font-size: 12px;\n    text-align: center;\n    color: #999999;\n    margin-bottom: 20px;\n  }\n  .main-detail{\n    padding: 20/7.5vw;\n    background: white;\n  .tab-content{\n    border-radius: 9px ;\n    border: 1px solid #F63539;\n  &:after{\n     content: '';\n     display: block;\n     clear: both;\n   }\n  .tab-btn{\n    width: 50%;\n    float: left;\n    height: 80/7.5vw;\n    line-height: 80/7.5vw;\n    text-align: center;\n    color: #F63539;\n    border-radius:9px ;\n  &.active{\n     background: #F63539;\n     color: white;\n   }\n  }\n  }\n  .qa-block{\n    padding: 20/7.5vw 0 toVw(150) 0;\n  img,video{\n    max-width: 100%;\n  }\n  .qa-content{\n    margin: toVw(10) 0;\n  .qa-q{\n    font-size: 16px;\n    color: #666666;\n  }\n  .qa-a{\n    font-size: 16px;\n    color: #333333;\n  }\n  }\n  }\n  .detail{\n    padding: 20/7.5vw 0 150/7.5vw 0;\n  .detail-content{\n  img,video{\n    max-width: 100%;\n  }\n  }\n\n  }\n  }\n  footer{\n    position: absolute;\n    position: fixed;\n    bottom: 0;\n    width: 100%;\n    height: 120/7.5vw;\n    display: -webkit-box;      // OLD - iOS 6-, Safari 3.1-6 //\n  display: -moz-box;         // OLD - Firefox 19- (buggy but mostly works) //\n  display: -ms-flexbox;      // TWEENER - IE 10 //\n  display: -webkit-flex;     // NEW - Chrome //\n  display: flex;             // NEW, Spec - Opera 12.1, Firefox 20+ //\n  background: white;\n    padding: 10/7.5vw;\n    border-top: 1px solid #d8d8d8;\n    justify-content:space-around;\n  .btn{\n    border: 1px solid #cccccc;\n    border-radius: 8px;\n    width:0;\n    flex-grow:2;\n    text-align: center;\n    padding: 15/7.5vw 0;\n    margin: 0 10/7.5vw;\n    line-height: 1.4em;\n    font-size: 16px;\n    color: #666666;\n  span{\n    display: block;\n    font-size: 20px;\n    font-family: PingFang-SC-Bold;\n  }\n  img{\n    width: 50/7.5vw;\n  }\n  &.big{\n     padding: 5/7.5vw 0;\n     flex-grow:5;\n  &.price{\n     background:  #F83534;\n     border-color: #F83534;\n     color: white;\n   }\n  }\n  }\n  }\n  .pop-block{\n    padding:40/7.5vw 10/7.5vw;\n    width: 600/7.5vw;\n    text-align: center;\n    font-size: 14px;\n    color: #666666;\n    position: relative;\n  img{\n    width: 250/7.5vw;\n  }\n  .close{\n    width: 50/7.5vw;\n    position: absolute;\n    top: 20/7.5vw;\n    right: 20/7.5vw;\n  }\n  }\n  .mint-popup{\n    border-radius: 10px;\n  }\n  .pop-fill{\n    width: 705 / 2 * @toVw;\n    padding:30/7.5vw 30/7.5vw;\n    box-sizing: border-box;\n    font-size: 16px;\n    color: #333333;\n    .close {\n      position: absolute;\n      width: 100%;\n      bottom: -60 * @toVw;\n      left: 0;\n      text-align: center;\n    }\n    .close-pop {\n      width: 75 / 2 * @toVw;\n      height: 75 / 2 * @toVw;\n    }\n  .btn-block{\n    margin-top: 30/7.5vw;\n  &:after{\n     content:'';\n     display: block;\n     clear: both;\n   }\n  .btn{\n    float: right;\n    background: #F83534;\n    font-size: 14px;\n    padding: 5/7.5vw 10/7.5vw;\n    border-radius: 8px;\n    color: #FFFFFF;\n  }\n  }\n  }\n\n  }\n\n</style>\n"],sourceRoot:""}])},aRHX:function(n,e,t){"use strict";Object.defineProperty(e,"__esModule",{value:!0});t("v2ns");var i=t("7QTg"),o=t("MJLE"),A=t.n(o),a=t("Au9i"),r=t("CCn6"),l=t("E26C"),s=t.n(l),d=t("kXdI"),c=t.n(d),p=t("1UEi"),g=t.n(p),h=t("XaoW"),w=t.n(h),m=t("zpE/"),u=t.n(m),v=t("0ZjB"),b=t.n(v),f=t("t2jw"),C=t.n(f),x=t("BRsW"),E=t.n(x),D=t("wtGu"),B=t.n(D),I=t("rEFa"),y=t.n(I),k=t("H9j6"),U=t.n(k),R=t("sUbC"),V=t.n(R),N=t("2Pnh"),S=t.n(N),z={name:"index",components:{swiper:i.swiper,swiperSlide:i.swiperSlide},data:function(){return{refBg:s.a,join:!1,popType:!1,popFill:!1,popupVisible:!1,refVisible:!1,tabType:!0,popcontentW:"您已经购买过课程,无需重复<br>购买,您可以添加微信公众号了解更多",popcontentT:"为了更好地为您进行课程服务,<br>请扫码添加老师二维码",qrCode:u.a,weChatIcon:w.a,closeUrl:b.a,moreUrl:c.a,tipsUrl:V.a,refIcon:g.a,swiperOption:{pagination:{el:".swiper-pagination"}},QRCodeB:!1,dataURL:null,user_id:null,invite_code_f:!0,invite_code:"",shopId:"",groupId:null,groupDetail:!1,groupData:null,redBtnUrl:C.a,envelopeUrl:E.a,whiteEnvelopeUrl:B.a,closePopUrl:y.a,switchUrl:U.a,show:!1,comments:["英语这样启蒙效果太棒啦,唱唱这个90天启蒙课程做真不错,推荐给你们!坚持打卡全额返学费,报课即送价值498元教具礼盒。数量有限,抢完即止!","发现一款对宝宝英语启蒙特别有用的产品,每天10分钟宝宝已经爱上英语、爱唱英语。现在他们这个90天课程在做活动,坚持打卡全额返学费。我体验过了,真的很好!快带着宝宝一起唱玩英语吧~","第一次接触线上启蒙英语,发现唱唱课程实在太棒啦,既省事宝宝学起来还方便,每天快乐中学习。现在他们这个90天课程在做活动,限时免费学,不花1分钱,学习90天,还送实物教具,机不可失,速来领取~"],commentIndex:0,shareTitle:"钜惠来袭!唱唱启蒙英语90天课程免费学!",shareDesc:"报课即送价值498元教具礼盒,坚持打卡全额返学费,让0基础宝宝10分钟开口说英语,速来~"}},mounted:function(){this.getDetail()},methods:{onSwitch:function(){0===this.commentIndex?this.commentIndex=1:1==this.commentIndex?this.commentIndex=2:2==this.commentIndex&&(this.commentIndex=0)},onCopy:function(n){console.log("You just copied: "+n.text),Object(a.Toast)({message:"复制成功",position:"middle",className:"copyToast",duration:2e3})},refshow:function(){var n=this;if(a.Indicator.open(),document.body.scrollTop<10&&(document.body.scrollTop=20,document.documentElement.scrollTop=20),localStorage.getItem("cc_token")&&""!==localStorage.getItem("cc_token"))setTimeout(function(){a.Indicator.close(),n.invite_code||(n.invite_code="CC-USER"),Object(r.q)().then(function(e){n.user_id=e.user_id;var t=n.invite_code.split("-");t.length>2&&"TEACHER"===t[1]&&(t[1]="USER");var i=t[0]+"-"+t[1],o="https://wechat-test.changchangenglish.com/#/buyDetail?shopId="+n.shopId+"&invite_code="+i+"-"+n.user_id;n.groupId&&"null"!==n.groupId&&(o+="&groupId="+n.groupId),n.onNewShare(o),console.log(o),n.qrcode(o),n.refVisible=!0,n.$nextTick(function(){n.dataURL||setTimeout(function(){var e=document.getElementById("capture").getClientRects()[0],t=e.height,i=e.width,o=e.top;document.getElementById("capture").style.width=i+"px";n.getOffsetRect(n.$refs.imageWrapper);var A=document.getElementById("capture").getClientRects()[0],a=A.height1,r=A.width1;console.log("document.getElementById",document.getElementById("capture").getClientRects()[0]),document.getElementById("inviteBtn").style.top=t+o+20+"px",document.getElementById("inviteBtn").style.opacity=1,S()(document.getElementById("capture"),{async:!0,timeout:500,scrollX:1,scale:3,width:r,height:a,letterRendering:!0}).then(function(e){var t=e.toDataURL("image/jpg");n.dataURL=t}).catch(function(n){alert(n),console.log()})},500)})})},500);else{var e={retUrl:this.$route.fullPath,is_new_user_url:"1"};this.$router.push({name:"author",query:e})}},getOffsetRect:function(n){var e=n.getBoundingClientRect(),t=document.body,i=document.documentElement,o=window.pageYOffset||i.scrollTop||t.scrollTop,A=window.pageXOffset||i.scrollLeft||t.scrollLeft,a=i.clientTop||t.clientTop,r=i.clientLeft||t.clientLeft,l=e.top+o-a,s=e.left+A-r;return{top:Math.round(l),left:Math.round(s)}},qrcode:function(n){this.QRCodeB?this.QRCodeB.makeCode(n):this.QRCodeB=new A.a("qrcode",{width:80,height:80,text:n,image:""})},enableShare:function(n){var e=this;Object(r.t)({api_list:"onMenuShareAppMessage,onMenuShareTimeline",url:window.location.href.split("#")[0]}).then(function(t){console.log("enableShare",t),wx.config({debug:!1,appId:t.appId,timestamp:parseInt(t.timestamp),nonceStr:t.nonceStr,signature:t.signature,jsApiList:t.jsApiList}),wx.ready(function(){console.log("this.shareTitle",e.shareTitle),wx.onMenuShareTimeline({title:e.shareTitle,desc:e.shareDesc,link:n.shareUrl,imgUrl:n.shareIcon||"https://cdn.singsingenglish.com/singsing/recommend/logo-refer.png",success:function(){console.log("分享成功"),window._hmt.push(["_trackEvent","分享","商品页好友分享","id"+e.shopId,e.invite_code])},cancel:function(){console.log("分享失败")}}),wx.onMenuShareAppMessage({title:e.shareTitle,desc:e.shareDesc,link:n.shareUrl,imgUrl:n.shareIcon||"https://cdn.singsingenglish.com/singsing/recommend/logo-refer.png",success:function(){window._hmt.push(["_trackEvent","分享","商品页朋友圈分享","id"+e.shopId,e.invite_code])},cancel:function(){}})})})},onShare:function(n){var e="https://wechat-test.changchangenglish.com/#/buyDetail??shopId="+this.shopId+"&groupId="+this.groupId+"&invite_code="+this.invite_code;1===n&&(e="https://wechat-test.changchangenglish.com/#/buyDetail??shopId="+this.shopId+"&invite_code="+this.invite_code),this.enableShare({product_title:this.groupDetail.share_desc.title,desc:this.groupDetail.share_desc.content,shareIcon:this.groupDetail.share_desc.img[0].url,shareUrl:e})},onNewShare:function(n){this.enableShare({product_title:this.groupDetail.share_desc.title,desc:this.groupDetail.share_desc.content,shareIcon:this.groupDetail.share_desc.img[0].url,shareUrl:n})},toDataURLBase64:function(n,e){var t=new XMLHttpRequest;t.onload=function(){var n=new FileReader;n.onloadend=function(){e(n.result)},n.readAsDataURL(t.response)},t.responseType="blob",t.open("GET",n,!0),t.send()},getDetail:function(){var n=this;window.location.href.indexOf("invite_code")>-1&&(this.invite_code=this.$route.query.invite_code,this.invite_code.split("-").length<3&&(this.invite_code_f=!1));window.location.href.indexOf("shopId")>-1&&(this.shopId=this.$route.query.shopId,Object(r.d)(this.shopId).then(function(e){if(e.desc=JSON.parse(e.desc),e.goods_desc=JSON.parse(e.goods_desc),e.share_desc=JSON.parse(e.share_desc),2===e.status&&e.bind_goods_id)return n.$router.push({name:"buyDetail",query:{shopId:e.bind_goods_id}}),void n.getDetail();n.groupDetail=e;for(var t=0;t<n.groupDetail.header_url.length;t++)n.groupDetail.header_url[t]=n.groupDetail.header_url[t].replace("http://","https://");if(n.groupDetail.desc.detail=n.groupDetail.desc.detail.replace(/http:\/\//g,"https://"),n.groupDetail.desc.qa=n.groupDetail.desc.qa.replace(/http:\/\//g,"https://"),n.groupDetail.share_desc.refImg&&1===n.groupDetail.share_desc.refImg.length){n.groupDetail.share_desc.refImg[0].url=n.groupDetail.share_desc.refImg[0].url.replace("http://","https://");var i=n;n.toDataURLBase64(n.groupDetail.share_desc.refImg[0].url,function(n){i.groupDetail.share_desc.refImg[0].url=n})}2===n.groupDetail.goods_type?(localStorage.getItem("cc_token")&&Object(r.n)({goods_id:n.shopId}).then(function(e){e.out_trade_no&&n.$router.push({name:"success",query:{out_trade_no:e.out_trade_no}})}),window.location.href.indexOf("groupId")>-1?(n.groupId=n.$route.query.groupId,Object(r.f)(n.groupId).then(function(e){n.groupData=e}),n.onShare(0)):n.onShare(1)):n.refshow()}))},downloadImage:function(n){var e=new Image;e.setAttribute("crossOrigin","anonymous"),e.onload=function(){var t=document.createElement("canvas");t.width=e.width,t.height=e.height,t.getContext("2d").drawImage(e,0,0,e.width,e.height);var i=t.toDataURL("image/png"),o=document.createElement("a"),A=new MouseEvent("click");o.download=n||"下载图片名称",o.href=i,o.dispatchEvent(A)},e.src=this.dataURL},onClickDownload:function(){var n=this.dataURL;n=n.replace(this.fixType("jpg"),"image/octet-stream");this.saveFile(n,"test.jpg")},saveFile:function(n,e){var t=document.createElementNS("http://www.w3.org/1999/xhtml","a");t.href=n,t.download=e;var i=document.createEvent("MouseEvents");i.initMouseEvent("click",!0,!1,window,0,0,0,0,0,!1,!1,!1,!1,0,null),t.dispatchEvent(i)},fixType:function(n){return"image/"+(n=n.toLowerCase().replace(/jpg/i,"jpeg")).match(/png|jpeg|bmp|gif/)[0]},saveBase64AsFile:function(n,e){var t=document.createElement("a");t.setAttribute("href",this.friendsUrl),t.setAttribute("download",e),t.click()}}},Z=function(){var n=this,e=n.$createElement,t=n._self._c||e;return n.groupDetail?t("div",{ref:"index",staticClass:"group-index",staticStyle:{"background-color":"#fda813"}},[t("div",[t("img",{staticClass:"tips",attrs:{src:n.tipsUrl}}),n._v(" "),n.groupDetail.share_desc.refImg&&n.groupDetail.share_desc.refImg.length>0?t("div",{ref:"imageWrapper",staticClass:"img-cvs",attrs:{id:"capture"}},[t("img",{attrs:{src:n.groupDetail.share_desc.refImg[0].url}}),n._v(" "),t("div",{staticClass:"qrcode",attrs:{id:"qrcode"}})]):n._e(),n._v(" "),t("img",{staticClass:"cvs-img",attrs:{src:n.dataURL,id:"cvs-img"}}),n._v(" "),t("div",{staticClass:"inviteBtn",attrs:{id:"inviteBtn"}},[t("div",{staticClass:"i-btn flex-start",on:{click:function(e){n.show=!0}}},[t("img",{staticClass:"i-env",attrs:{src:n.whiteEnvelopeUrl}}),n._v(" "),t("span",{staticClass:"i-env-title"},[n._v("邀请语:")]),n._v(" "),t("div",{staticClass:"elips"},[t("span",{staticClass:"marquee"},[n._v(n._s(n.comments[n.commentIndex]))])])])]),n._v(" "),t("mt-popup",{attrs:{closeOnClickModal:!1},model:{value:n.show,callback:function(e){n.show=e},expression:"show"}},[t("div",{staticClass:"pop-fill"},[t("div",{staticClass:"flex-bt"},[t("div",{staticClass:"flex-start no-margin"},[t("img",{staticClass:"p-envelope",attrs:{src:n.envelopeUrl}}),n._v(" "),t("span",{staticClass:"p-tips"},[n._v("贴心的邀请语提高成功率")])]),n._v(" "),t("img",{staticClass:"p-switch no-margin",attrs:{src:n.switchUrl},on:{click:n.onSwitch}})]),n._v(" "),t("div",{staticClass:"p-comments"},[t("p",[n._v(n._s(n.comments[n.commentIndex]))])]),n._v(" "),t("div",{directives:[{name:"clipboard",rawName:"v-clipboard:copy",value:n.comments[n.commentIndex],expression:"comments[commentIndex]",arg:"copy"},{name:"clipboard",rawName:"v-clipboard:success",value:n.onCopy,expression:"onCopy",arg:"success"}],staticClass:"copyBtn"},[n._v("复制邀请语")]),n._v(" "),t("div",{staticClass:"close"},[t("img",{staticClass:"close-pop",attrs:{src:n.closePopUrl},on:{click:function(e){n.show=!1}}})])])])],1)]):n._e()};Z._withStripped=!0;var T={render:Z,staticRenderFns:[]},M=T;var F=!1;var j=t("VU/8")(z,M,!1,function(n){F||(t("9SAN"),t("0Kes"))},"data-v-3a31699e",null);j.options.__file="src/components/buy/activityInvite.vue";e.default=j.exports},kxFB:function(n,e){n.exports=function(n){return"string"!=typeof n?n:(/^['"].*['"]$/.test(n)&&(n=n.slice(1,-1)),/["'() \t\n]/.test(n)?'"'+n.replace(/"/g,'\\"').replace(/\n/g,"\\n")+'"':n)}},rEFa:function(n,e){n.exports="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEsAAABLCAYAAAA4TnrqAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjE5MUEyNDIzRUZEQjExRTg4OUI5RThGRUFFMkUzMkQ2IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjE5MUEyNDI0RUZEQjExRTg4OUI5RThGRUFFMkUzMkQ2Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MTkxQTI0MjFFRkRCMTFFODg5QjlFOEZFQUUyRTMyRDYiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MTkxQTI0MjJFRkRCMTFFODg5QjlFOEZFQUUyRTMyRDYiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7e86tzAAAHM0lEQVR42uyc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"},sUbC:function(n,e,t){n.exports=t.p+"static/img/tips.3695a2d.png"},sx92:function(n,e,t){var i=t("kxFB");(n.exports=t("FZ+f")(!0)).push([n.i,"\n.fl-r[data-v-3a31699e] {\n  float: right;\n}\n.main-block[data-v-3a31699e] {\n  margin: 5px;\n  background: white;\n  padding: 5px;\n}\n.clear-both[data-v-3a31699e]:after {\n  content: '';\n  display: block;\n  clear: both;\n}\n[data-v-3a31699e]::-webkit-scrollbar-track-piece {\n  border-radius: 10px;\n}\n[data-v-3a31699e]::-webkit-scrollbar {\n  width: 5px;\n  height: 5px;\n}\n[data-v-3a31699e]::-webkit-scrollbar-thumb {\n  background-color: #999;\n  border-radius: 10px;\n  height: 10px;\n  min-height: 10px;\n}\n@-webkit-keyframes marquee-data-v-3a31699e {\n0% {\n    -webkit-transform: translateX(0);\n            transform: translateX(0);\n}\n100% {\n    -webkit-transform: translateX(-1300px);\n            transform: translateX(-1300px);\n}\n}\n@keyframes marquee-data-v-3a31699e {\n0% {\n    -webkit-transform: translateX(0);\n            transform: translateX(0);\n}\n100% {\n    -webkit-transform: translateX(-1300px);\n            transform: translateX(-1300px);\n}\n}\n.marquee[data-v-3a31699e] {\n  display: block;\n  width: 100%;\n  top: 3.2vw;\n  left: 0;\n  text-align: center;\n  position: absolute;\n  -webkit-animation: marquee-data-v-3a31699e 30s linear infinite;\n  animation: marquee-data-v-3a31699e 30s linear infinite;\n}\n.elips[data-v-3a31699e] {\n  position: relative;\n  width: 45.33333333vw;\n  height: 100%;\n  overflow: hidden;\n  white-space: nowrap;\n  /*text-overflow: ellipsis;*/\n  margin: 0;\n  z-index: 1;\n}\n.tips[data-v-3a31699e] {\n  width: 61.33333333vw;\n  margin-left: 21.73333333vw;\n  margin-top: 2.66666667vw;\n}\n.img-cvs[data-v-3a31699e] {\n  position: absolute;\n  width: 70vw;\n  top: 13.49325337vh;\n  left: 15.06666667vw;\n  border-radius: 10px;\n}\n.img-cvs img[data-v-3a31699e] {\n  border-radius: 10px;\n}\n.img-cvs .qrcode[data-v-3a31699e] {\n  position: absolute;\n  top: 93.33333333vw;\n  left: 4vw;\n  width: 16vw;\n}\n.cvs-img[data-v-3a31699e] {\n  position: absolute;\n  width: 70vw;\n  top: 13.49325337vh;\n  left: 15.06666667vw;\n  border-radius: 10px;\n  z-index: 10;\n}\n.inviteBtn[data-v-3a31699e] {\n  position: absolute;\n  width: 100%;\n  opacity: 0;\n  text-align: center;\n}\n.inviteBtn .i-btn[data-v-3a31699e] {\n  position: relative;\n  width: 85.6vw;\n  height: 12.26666667vw;\n  text-align: left;\n  font-size: 3.73333333vw;\n  color: #fff;\n  background: url("+i(t("t2jw"))+") no-repeat center;\n  background-size: cover;\n  -webkit-box-sizing: border-box;\n          box-sizing: border-box;\n  padding: 2px 7.73333333vw;\n  overflow: hidden;\n}\n.inviteBtn .i-btn .i-env[data-v-3a31699e] {\n  width: 4.8vw;\n  height: auto;\n  margin-right: 5px;\n  margin-left: 0;\n  z-index: 2;\n}\n.inviteBtn .i-btn .i-env-title[data-v-3a31699e] {\n  font-size: 4.26666667vw;\n  margin: 0;\n  z-index: 2;\n}\n.flex-start[data-v-3a31699e] {\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-orient: horizontal;\n  -webkit-box-direction: normal;\n      -ms-flex-flow: row nowrap;\n          flex-flow: row nowrap;\n  -webkit-box-pack: start;\n      -ms-flex-pack: start;\n          justify-content: flex-start;\n  -webkit-box-align: center;\n      -ms-flex-align: center;\n          align-items: center;\n}\n.g-btns[data-v-3a31699e] {\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-orient: horizontal;\n  -webkit-box-direction: normal;\n      -ms-flex-flow: row nowrap;\n          flex-flow: row nowrap;\n  -ms-flex-pack: distribute;\n      justify-content: space-around;\n  -webkit-box-align: center;\n      -ms-flex-align: center;\n          align-items: center;\n  width: 85.6vw;\n  margin-top: 4vw;\n  font-size: 3.73333333vw;\n  color: #fff;\n}\n.g-btns img[data-v-3a31699e] {\n  width: 12.8vw;\n  height: 12.8vw;\n}\n.copyBtn[data-v-3a31699e] {\n  background: url("+i(t("EyfK"))+") no-repeat center;\n  background-size: cover;\n  -webkit-box-sizing: border-box;\n          box-sizing: border-box;\n  width: 75.6vw;\n  height: 12.26666667vw;\n  text-align: center;\n  line-height: 12.26666667vw;\n  color: #fff;\n  font-size: 5.33333333vw;\n}\n.flex-bt[data-v-3a31699e] {\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-orient: horizontal;\n  -webkit-box-direction: normal;\n      -ms-flex-flow: row nowrap;\n          flex-flow: row nowrap;\n  -webkit-box-pack: justify;\n      -ms-flex-pack: justify;\n          justify-content: space-between;\n  -webkit-box-align: center;\n      -ms-flex-align: center;\n          align-items: center;\n}\n.p-tips[data-v-3a31699e] {\n  color: #999;\n  font-size: 4vw;\n}\n.p-envelope[data-v-3a31699e] {\n  width: 5.86666667vw;\n  height: 5.86666667vw;\n  margin-right: 3.2vw;\n}\n.p-switch[data-v-3a31699e] {\n  width: 4vw;\n  height: 4vw;\n}\n.p-comments[data-v-3a31699e] {\n  margin: 15px 0;\n  height: 40vw;\n  overflow-y: scroll;\n}\n.p-comments p[data-v-3a31699e] {\n  line-height: 2;\n}\n.no-margin[data-v-3a31699e] {\n  margin: 0;\n}\n.ref-content[data-v-3a31699e] {\n  width: 79.73333333vw;\n  height: 150.4vw;\n  background-size: 100% 100%;\n  position: relative;\n}\n.ref-content .tips[data-v-3a31699e] {\n  font-size: 12px;\n  position: absolute;\n  color: #666;\n  right: 2.66666667vw;\n  top: 66.66666667vw;\n  width: 1em;\n}\n.group-index[data-v-3a31699e] {\n  height: 100%;\n  padding-bottom: toVw(150);\n  background: #f0f0f0;\n  font-family: PingFangSC-Regular;\n}\n.group-index .ref-icon[data-v-3a31699e] {\n  position: fixed;\n  height: 24vw;\n  top: 70vw;\n  z-index: 6;\n  right: 2.66666667vw;\n  border-radius: 100px;\n}\n.group-index .banner[data-v-3a31699e] {\n  background: white;\n}\n.group-index .banner img[data-v-3a31699e] {\n  width: 100%;\n}\n.group-index .head[data-v-3a31699e] {\n  background: white;\n  margin-bottom: 10px;\n  padding: 2.66666667vw;\n}\n.group-index .head .title[data-v-3a31699e] {\n  font-size: 20px;\n  color: #333333;\n  margin-bottom: 2vw;\n}\n.group-index .head .detail[data-v-3a31699e] {\n  font-size: 12px;\n  line-height: 1.6em;\n  color: #333333;\n  display: block;\n  margin-bottom: 2vw;\n}\n.group-index .head .price .price-content[data-v-3a31699e] {\n  font-family: PingFang-SC-Bold;\n  font-size: 20px;\n  color: #F83534;\n}\n.group-index .head-icon[data-v-3a31699e] {\n  padding: 2.66666667vw;\n  background: white;\n  margin-bottom: 2px;\n}\n.group-index .head-icon .icon[data-v-3a31699e] {\n  display: inline-block;\n  width: 8vw;\n  margin: 0 1.33333333vw;\n  border-radius: 1000px;\n  vertical-align: middle;\n}\n.group-index .head-icon .more[data-v-3a31699e] {\n  width: 6.66666667vw;\n  vertical-align: middle;\n}\n.group-index .head-icon .has[data-v-3a31699e] {\n  font-size: 12px;\n  line-height: 8vw;\n  color: #999999;\n  float: right;\n}\n.group-index .welfare[data-v-3a31699e] {\n  background: white;\n  padding: 1.33333333vw;\n  font-size: 12px;\n  text-align: center;\n  color: #999999;\n  margin-bottom: 20px;\n}\n.group-index .main-detail[data-v-3a31699e] {\n  padding: 2.66666667vw;\n  background: white;\n}\n.group-index .main-detail .tab-content[data-v-3a31699e] {\n  border-radius: 9px ;\n  border: 1px solid #F63539;\n}\n.group-index .main-detail .tab-content[data-v-3a31699e]:after {\n  content: '';\n  display: block;\n  clear: both;\n}\n.group-index .main-detail .tab-content .tab-btn[data-v-3a31699e] {\n  width: 50%;\n  float: left;\n  height: 10.66666667vw;\n  line-height: 10.66666667vw;\n  text-align: center;\n  color: #F63539;\n  border-radius: 9px ;\n}\n.group-index .main-detail .tab-content .tab-btn.active[data-v-3a31699e] {\n  background: #F63539;\n  color: white;\n}\n.group-index .main-detail .qa-block[data-v-3a31699e] {\n  padding: 2.66666667vw 0 toVw(150) 0;\n}\n.group-index .main-detail .qa-block img[data-v-3a31699e],\n.group-index .main-detail .qa-block video[data-v-3a31699e] {\n  max-width: 100%;\n}\n.group-index .main-detail .qa-block .qa-content[data-v-3a31699e] {\n  margin: toVw(10) 0;\n}\n.group-index .main-detail .qa-block .qa-content .qa-q[data-v-3a31699e] {\n  font-size: 16px;\n  color: #666666;\n}\n.group-index .main-detail .qa-block .qa-content .qa-a[data-v-3a31699e] {\n  font-size: 16px;\n  color: #333333;\n}\n.group-index .main-detail .detail[data-v-3a31699e] {\n  padding: 2.66666667vw 0 20vw 0;\n}\n.group-index .main-detail .detail .detail-content img[data-v-3a31699e],\n.group-index .main-detail .detail .detail-content video[data-v-3a31699e] {\n  max-width: 100%;\n}\n.group-index footer[data-v-3a31699e] {\n  position: absolute;\n  position: fixed;\n  bottom: 0;\n  width: 100%;\n  height: 16vw;\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  background: white;\n  padding: 1.33333333vw;\n  border-top: 1px solid #d8d8d8;\n  -ms-flex-pack: distribute;\n      justify-content: space-around;\n}\n.group-index footer .btn[data-v-3a31699e] {\n  border: 1px solid #cccccc;\n  border-radius: 8px;\n  width: 0;\n  -webkit-box-flex: 2;\n      -ms-flex-positive: 2;\n          flex-grow: 2;\n  text-align: center;\n  padding: 2vw 0;\n  margin: 0 1.33333333vw;\n  line-height: 1.4em;\n  font-size: 16px;\n  color: #666666;\n}\n.group-index footer .btn span[data-v-3a31699e] {\n  display: block;\n  font-size: 20px;\n  font-family: PingFang-SC-Bold;\n}\n.group-index footer .btn img[data-v-3a31699e] {\n  width: 6.66666667vw;\n}\n.group-index footer .btn.big[data-v-3a31699e] {\n  padding: 0.66666667vw 0;\n  -webkit-box-flex: 5;\n      -ms-flex-positive: 5;\n          flex-grow: 5;\n}\n.group-index footer .btn.big.price[data-v-3a31699e] {\n  background: #F83534;\n  border-color: #F83534;\n  color: white;\n}\n.group-index .pop-block[data-v-3a31699e] {\n  padding: 5.33333333vw 1.33333333vw;\n  width: 80vw;\n  text-align: center;\n  font-size: 14px;\n  color: #666666;\n  position: relative;\n}\n.group-index .pop-block img[data-v-3a31699e] {\n  width: 33.33333333vw;\n}\n.group-index .pop-block .close[data-v-3a31699e] {\n  width: 6.66666667vw;\n  position: absolute;\n  top: 2.66666667vw;\n  right: 2.66666667vw;\n}\n.group-index .mint-popup[data-v-3a31699e] {\n  border-radius: 10px;\n}\n.group-index .pop-fill[data-v-3a31699e] {\n  width: 94vw;\n  padding: 4vw 4vw;\n  -webkit-box-sizing: border-box;\n          box-sizing: border-box;\n  font-size: 16px;\n  color: #333333;\n}\n.group-index .pop-fill .close[data-v-3a31699e] {\n  position: absolute;\n  width: 100%;\n  bottom: -16vw;\n  left: 0;\n  text-align: center;\n}\n.group-index .pop-fill .close-pop[data-v-3a31699e] {\n  width: 10vw;\n  height: 10vw;\n}\n.group-index .pop-fill .btn-block[data-v-3a31699e] {\n  margin-top: 4vw;\n}\n.group-index .pop-fill .btn-block[data-v-3a31699e]:after {\n  content: '';\n  display: block;\n  clear: both;\n}\n.group-index .pop-fill .btn-block .btn[data-v-3a31699e] {\n  float: right;\n  background: #F83534;\n  font-size: 14px;\n  padding: 0.66666667vw 1.33333333vw;\n  border-radius: 8px;\n  color: #FFFFFF;\n}\n","",{version:3,sources:["/Users/wang/Documents/changchang/projects/wechat/src/util/public.less","/Users/wang/Documents/changchang/projects/wechat/src/components/buy/activityInvite.vue","/Users/wang/Documents/changchang/projects/wechat/src/components/buy/activityInvite.vue"],names:[],mappings:"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",file:"activityInvite.vue",sourcesContent:["//颜色参数\n@toVw:100/375vw;\n@toVh:100/667vh;\n@bg-b: #333;\n@bg-b-s:#444;\n@black-line:#191919;\n@gray-line:#666;\n@light-line:#ddd;\n@main-font-color:#fff;\n@secondary-font-color:#999;\n@gold-color-light:#FFD04B;\n@gold-color: #a18430;\n\n//公共类\n.fl-r{\n  float: right;\n}\n.main-block{\n  margin: 5px;\n  background: white;\n  padding: 5px;\n}\nhtml{\n\n}\n.clear-both{\n  &:after{\n    content: '';\n    display: block;\n    clear: both;\n  }\n}\n//滚动条样式\n::-webkit-scrollbar-track-piece { //滚动条凹槽的颜色,还可以设置边框属性\n  border-radius: 10px;\n}\n::-webkit-scrollbar {//滚动条的宽度\n  width:5px;\n  height:5px;\n}\n::-webkit-scrollbar-thumb {//滚动条的设置\n  background-color:@secondary-font-color;\n  border-radius: 10px;\n  height: 10px;\n  min-height:10px;\n}\n",".fl-r {\n  float: right;\n}\n.main-block {\n  margin: 5px;\n  background: white;\n  padding: 5px;\n}\n.clear-both:after {\n  content: '';\n  display: block;\n  clear: both;\n}\n::-webkit-scrollbar-track-piece {\n  border-radius: 10px;\n}\n::-webkit-scrollbar {\n  width: 5px;\n  height: 5px;\n}\n::-webkit-scrollbar-thumb {\n  background-color: #999;\n  border-radius: 10px;\n  height: 10px;\n  min-height: 10px;\n}\n@keyframes marquee {\n  0% {\n    transform: translateX(0);\n  }\n  100% {\n    transform: translateX(-1300px);\n  }\n}\n.marquee {\n  display: block;\n  width: 100%;\n  top: 3.2vw;\n  left: 0;\n  text-align: center;\n  position: absolute;\n  -webkit-animation: marquee 30s linear infinite;\n  animation: marquee 30s linear infinite;\n}\n.elips {\n  position: relative;\n  width: 45.33333333vw;\n  height: 100%;\n  overflow: hidden;\n  white-space: nowrap;\n  /*text-overflow: ellipsis;*/\n  margin: 0;\n  z-index: 1;\n}\n.tips {\n  width: 61.33333333vw;\n  margin-left: 21.73333333vw;\n  margin-top: 2.66666667vw;\n}\n.img-cvs {\n  position: absolute;\n  width: 70vw;\n  top: 13.49325337vh;\n  left: 15.06666667vw;\n  border-radius: 10px;\n}\n.img-cvs img {\n  border-radius: 10px;\n}\n.img-cvs .qrcode {\n  position: absolute;\n  top: 93.33333333vw;\n  left: 4vw;\n  width: 16vw;\n}\n.cvs-img {\n  position: absolute;\n  width: 70vw;\n  top: 13.49325337vh;\n  left: 15.06666667vw;\n  border-radius: 10px;\n  z-index: 10;\n}\n.inviteBtn {\n  position: absolute;\n  width: 100%;\n  opacity: 0;\n  text-align: center;\n}\n.inviteBtn .i-btn {\n  position: relative;\n  width: 85.6vw;\n  height: 12.26666667vw;\n  text-align: left;\n  font-size: 3.73333333vw;\n  color: #fff;\n  background: url('../../assets/activity/red-bg.png') no-repeat center;\n  background-size: cover;\n  box-sizing: border-box;\n  padding: 2px 7.73333333vw;\n  overflow: hidden;\n}\n.inviteBtn .i-btn .i-env {\n  width: 4.8vw;\n  height: auto;\n  margin-right: 5px;\n  margin-left: 0;\n  z-index: 2;\n}\n.inviteBtn .i-btn .i-env-title {\n  font-size: 4.26666667vw;\n  margin: 0;\n  z-index: 2;\n}\n.flex-start {\n  display: flex;\n  flex-flow: row nowrap;\n  justify-content: flex-start;\n  align-items: center;\n}\n.g-btns {\n  display: flex;\n  flex-flow: row nowrap;\n  justify-content: space-around;\n  align-items: center;\n  width: 85.6vw;\n  margin-top: 4vw;\n  font-size: 3.73333333vw;\n  color: #fff;\n}\n.g-btns img {\n  width: 12.8vw;\n  height: 12.8vw;\n}\n.copyBtn {\n  background: url('../../assets/activity/yellow-bg.png') no-repeat center;\n  background-size: cover;\n  box-sizing: border-box;\n  width: 75.6vw;\n  height: 12.26666667vw;\n  text-align: center;\n  line-height: 12.26666667vw;\n  color: #fff;\n  font-size: 5.33333333vw;\n}\n.flex-bt {\n  display: flex;\n  flex-flow: row nowrap;\n  justify-content: space-between;\n  align-items: center;\n}\n.p-tips {\n  color: #999;\n  font-size: 4vw;\n}\n.p-envelope {\n  width: 5.86666667vw;\n  height: 5.86666667vw;\n  margin-right: 3.2vw;\n}\n.p-switch {\n  width: 4vw;\n  height: 4vw;\n}\n.p-comments {\n  margin: 15px 0;\n  height: 40vw;\n  overflow-y: scroll;\n}\n.p-comments p {\n  line-height: 2;\n}\n.no-margin {\n  margin: 0;\n}\n.ref-content {\n  width: 79.73333333vw;\n  height: 150.4vw;\n  background-size: 100% 100%;\n  position: relative;\n}\n.ref-content .tips {\n  font-size: 12px;\n  position: absolute;\n  color: #666;\n  right: 2.66666667vw;\n  top: 66.66666667vw;\n  width: 1em;\n}\n.group-index {\n  height: 100%;\n  padding-bottom: toVw(150);\n  background: #f0f0f0;\n  font-family: PingFangSC-Regular;\n}\n.group-index .ref-icon {\n  position: fixed;\n  height: 24vw;\n  top: 70vw;\n  z-index: 6;\n  right: 2.66666667vw;\n  border-radius: 100px;\n}\n.group-index .banner {\n  background: white;\n}\n.group-index .banner img {\n  width: 100%;\n}\n.group-index .head {\n  background: white;\n  margin-bottom: 10px;\n  padding: 2.66666667vw;\n}\n.group-index .head .title {\n  font-size: 20px;\n  color: #333333;\n  margin-bottom: 2vw;\n}\n.group-index .head .detail {\n  font-size: 12px;\n  line-height: 1.6em;\n  color: #333333;\n  display: block;\n  margin-bottom: 2vw;\n}\n.group-index .head .price .price-content {\n  font-family: PingFang-SC-Bold;\n  font-size: 20px;\n  color: #F83534;\n}\n.group-index .head-icon {\n  padding: 2.66666667vw;\n  background: white;\n  margin-bottom: 2px;\n}\n.group-index .head-icon .icon {\n  display: inline-block;\n  width: 8vw;\n  margin: 0 1.33333333vw;\n  border-radius: 1000px;\n  vertical-align: middle;\n}\n.group-index .head-icon .more {\n  width: 6.66666667vw;\n  vertical-align: middle;\n}\n.group-index .head-icon .has {\n  font-size: 12px;\n  line-height: 8vw;\n  color: #999999;\n  float: right;\n}\n.group-index .welfare {\n  background: white;\n  padding: 1.33333333vw;\n  font-size: 12px;\n  text-align: center;\n  color: #999999;\n  margin-bottom: 20px;\n}\n.group-index .main-detail {\n  padding: 2.66666667vw;\n  background: white;\n}\n.group-index .main-detail .tab-content {\n  border-radius: 9px ;\n  border: 1px solid #F63539;\n}\n.group-index .main-detail .tab-content:after {\n  content: '';\n  display: block;\n  clear: both;\n}\n.group-index .main-detail .tab-content .tab-btn {\n  width: 50%;\n  float: left;\n  height: 10.66666667vw;\n  line-height: 10.66666667vw;\n  text-align: center;\n  color: #F63539;\n  border-radius: 9px ;\n}\n.group-index .main-detail .tab-content .tab-btn.active {\n  background: #F63539;\n  color: white;\n}\n.group-index .main-detail .qa-block {\n  padding: 2.66666667vw 0 toVw(150) 0;\n}\n.group-index .main-detail .qa-block img,\n.group-index .main-detail .qa-block video {\n  max-width: 100%;\n}\n.group-index .main-detail .qa-block .qa-content {\n  margin: toVw(10) 0;\n}\n.group-index .main-detail .qa-block .qa-content .qa-q {\n  font-size: 16px;\n  color: #666666;\n}\n.group-index .main-detail .qa-block .qa-content .qa-a {\n  font-size: 16px;\n  color: #333333;\n}\n.group-index .main-detail .detail {\n  padding: 2.66666667vw 0 20vw 0;\n}\n.group-index .main-detail .detail .detail-content img,\n.group-index .main-detail .detail .detail-content video {\n  max-width: 100%;\n}\n.group-index footer {\n  position: absolute;\n  position: fixed;\n  bottom: 0;\n  width: 100%;\n  height: 16vw;\n  display: -webkit-box;\n  display: -moz-box;\n  display: -ms-flexbox;\n  display: -webkit-flex;\n  display: flex;\n  background: white;\n  padding: 1.33333333vw;\n  border-top: 1px solid #d8d8d8;\n  justify-content: space-around;\n}\n.group-index footer .btn {\n  border: 1px solid #cccccc;\n  border-radius: 8px;\n  width: 0;\n  flex-grow: 2;\n  text-align: center;\n  padding: 2vw 0;\n  margin: 0 1.33333333vw;\n  line-height: 1.4em;\n  font-size: 16px;\n  color: #666666;\n}\n.group-index footer .btn span {\n  display: block;\n  font-size: 20px;\n  font-family: PingFang-SC-Bold;\n}\n.group-index footer .btn img {\n  width: 6.66666667vw;\n}\n.group-index footer .btn.big {\n  padding: 0.66666667vw 0;\n  flex-grow: 5;\n}\n.group-index footer .btn.big.price {\n  background: #F83534;\n  border-color: #F83534;\n  color: white;\n}\n.group-index .pop-block {\n  padding: 5.33333333vw 1.33333333vw;\n  width: 80vw;\n  text-align: center;\n  font-size: 14px;\n  color: #666666;\n  position: relative;\n}\n.group-index .pop-block img {\n  width: 33.33333333vw;\n}\n.group-index .pop-block .close {\n  width: 6.66666667vw;\n  position: absolute;\n  top: 2.66666667vw;\n  right: 2.66666667vw;\n}\n.group-index .mint-popup {\n  border-radius: 10px;\n}\n.group-index .pop-fill {\n  width: 94vw;\n  padding: 4vw 4vw;\n  box-sizing: border-box;\n  font-size: 16px;\n  color: #333333;\n}\n.group-index .pop-fill .close {\n  position: absolute;\n  width: 100%;\n  bottom: -16vw;\n  left: 0;\n  text-align: center;\n}\n.group-index .pop-fill .close-pop {\n  width: 10vw;\n  height: 10vw;\n}\n.group-index .pop-fill .btn-block {\n  margin-top: 4vw;\n}\n.group-index .pop-fill .btn-block:after {\n  content: '';\n  display: block;\n  clear: both;\n}\n.group-index .pop-fill .btn-block .btn {\n  float: right;\n  background: #F83534;\n  font-size: 14px;\n  padding: 0.66666667vw 1.33333333vw;\n  border-radius: 8px;\n  color: #FFFFFF;\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\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\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\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\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\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n@import \"../../util/public\";\n@keyframes marquee {\n  0% {\n    transform: translateX(0);\n  }\n  100% {\n    transform: translateX(-1300px);\n  }\n}\n.marquee {\n  display: block;\n  width: 100%;\n  top: 12 * @toVw;\n  left: 0;\n  text-align: center;\n  position: absolute;\n  -webkit-animation: marquee 30s linear infinite;\n  animation: marquee 30s linear infinite;\n}\n.elips {\n  position: relative;\n  width: 170* @toVw;\n  height: 100%;\n  overflow: hidden;\n  white-space: nowrap;\n  /*text-overflow: ellipsis;*/\n  margin: 0;\n  z-index: 1;\n}\n.tips {\n  width: 230 * @toVw;\n  margin-left: 163 / 2 * @toVw;\n  margin-top: 10 * @toVw;\n}\n.img-cvs{\n  position: absolute;\n  width: 525 / 2 * @toVw;\n  top: 90 * @toVh;\n  left: 113 / 2 * @toVw;\n  border-radius: 10px;\n  img {\n    border-radius: 10px;\n  }\n.qrcode{\n  position: absolute;\n  top: 700 / 2 * @toVw;\n  left: 15 * @toVw;\n  width: 60 * @toVw;\n}\n}\n.cvs-img{\n  position: absolute;\n  width: 525 / 2 * @toVw;\n  top: 90 * @toVh;\n  left: 113 / 2 * @toVw;\n  border-radius: 10px;\n  z-index: 10;\n}\n.inviteBtn {\n  position: absolute;\n  width: 100%;\n  opacity: 0;\n  text-align: center;\n\n  .i-btn {\n    position: relative;\n    width: 642 / 2 * @toVw;\n    height: 92 / 2 * @toVw;\n    text-align: left;\n    font-size: 14 * @toVw;\n    color: #fff;\n    background: url('../../assets/activity/red-bg.png') no-repeat center;\n    background-size: cover;\n    box-sizing: border-box;\n    padding: 2px 58/2*@toVw;\n    overflow: hidden;\n    .i-env {\n      width: 36 / 2 * @toVw;;\n      height: auto;\n      margin-right: 5px;\n      margin-left: 0;\n      z-index: 2;\n    }\n    .i-env-title {\n      font-size: 16 * @toVw;\n      margin:0;\n      z-index: 2;\n    }\n  }\n}\n.flex-start {\n  display: flex;\n  flex-flow: row nowrap;\n  justify-content: flex-start;\n  align-items: center;\n}\n.g-btns {\n  display: flex;\n  flex-flow: row nowrap;\n  justify-content: space-around;\n  align-items: center;\n  width: 642 / 2 * @toVw;\n  margin-top: 30 / 2 * @toVw;\n  font-size: 14 * @toVw;\n  color: #fff;\n  img {\n    width: 96 / 2 * @toVw;\n    height: 96 / 2 * @toVw;\n  }\n}\n.copyBtn {\n  background: url('../../assets/activity/yellow-bg.png') no-repeat center;\n  background-size: cover;\n  box-sizing: border-box;\n  width: 567 / 2 * @toVw;\n  height: 92 / 2 * @toVw;\n  text-align: center;\n  line-height: 92 / 2 * @toVw;\n  color: #fff;\n  font-size: 20 * @toVw;\n}\n.flex-bt {\n  display: flex;\n  flex-flow: row nowrap;\n  justify-content: space-between;\n  align-items: center;\n}\n.p-tips {\n  color: #999;\n  font-size: 15 * @toVw;\n}\n.p-envelope {\n  width: 22 * @toVw;\n  height: 22 * @toVw;\n  margin-right: 12 * @toVw;\n}\n.p-switch {\n  width: 15 * @toVw;\n  height: 15 * @toVw;\n}\n.p-comments {\n  margin: 15px 0;\n  height: 150 * @toVw;\n  overflow-y: scroll;\n  p {\n    line-height: 2;\n  }\n}\n.no-margin {\n  margin: 0;\n}\n.ref-content{\n  width: 299 * @toVw;\n  height: 564 * @toVw;\n  background-size: 100% 100%;\n  position: relative;\n.tips{\n  font-size: 12px;\n  position: absolute;\n  color: #666;\n  right: 10 * @toVw;\n  top: 250 * @toVw;\n  width: 1em;\n}\n}\n.group-index{\n  height: 100%;\n  padding-bottom: toVw(150);\n  background: #f0f0f0;\n  font-family: PingFangSC-Regular;\n.ref-icon{\n  position: fixed;\n  height: 100/375 * 90vw ;\n  top: 70vw;\n  z-index: 6;\n  right: 10 * 100 /375vw;\n  border-radius: 100px;\n}\n.banner{\n  background: white;\nimg{\n  width: 100%;\n}\n}\n.head{\n  background: white;\n  margin-bottom: 10px;\n  padding: 20/7.5vw;\n.title{\n  font-size: 20px;\n  color: #333333;\n  margin-bottom: 15/7.5vw;\n}\n.detail{\n  font-size: 12px;\n  line-height: 1.6em;\n  color: #333333;\n  display: block;\n  margin-bottom: 15/7.5vw;\n}\n.price{\n.price-content{\n  font-family: PingFang-SC-Bold;\n  font-size: 20px;\n  color: #F83534;\n}\n}\n}\n.head-icon{\n  padding: 20/7.5vw;\n  background: white;\n  margin-bottom: 2px;\n.icon{\n  display: inline-block;\n  width: 60/7.5vw;\n  margin: 0 10/7.5vw;\n  border-radius: 1000px;\n  vertical-align: middle;\n}\n.more{\n  width: 50/7.5vw;\n  vertical-align: middle;\n}\n.has{\n  font-size: 12px;\n  line-height: 60/7.5vw;\n  color: #999999;\n  float: right;\n}\n}\n.welfare{\n  background: white;\n  padding:10/7.5vw ;\n  font-size: 12px;\n  text-align: center;\n  color: #999999;\n  margin-bottom: 20px;\n}\n.main-detail{\n  padding: 20/7.5vw;\n  background: white;\n.tab-content{\n  border-radius: 9px ;\n  border: 1px solid #F63539;\n&:after{\n   content: '';\n   display: block;\n   clear: both;\n }\n.tab-btn{\n  width: 50%;\n  float: left;\n  height: 80/7.5vw;\n  line-height: 80/7.5vw;\n  text-align: center;\n  color: #F63539;\n  border-radius:9px ;\n&.active{\n   background: #F63539;\n   color: white;\n }\n}\n}\n.qa-block{\n  padding: 20/7.5vw 0 toVw(150) 0;\nimg,video{\n  max-width: 100%;\n}\n.qa-content{\n  margin: toVw(10) 0;\n.qa-q{\n  font-size: 16px;\n  color: #666666;\n}\n.qa-a{\n  font-size: 16px;\n  color: #333333;\n}\n}\n}\n.detail{\n  padding: 20/7.5vw 0 150/7.5vw 0;\n.detail-content{\nimg,video{\n  max-width: 100%;\n}\n}\n\n}\n}\nfooter{\n  position: absolute;\n  position: fixed;\n  bottom: 0;\n  width: 100%;\n  height: 120/7.5vw;\n  display: -webkit-box;      // OLD - iOS 6-, Safari 3.1-6 //\ndisplay: -moz-box;         // OLD - Firefox 19- (buggy but mostly works) //\ndisplay: -ms-flexbox;      // TWEENER - IE 10 //\ndisplay: -webkit-flex;     // NEW - Chrome //\ndisplay: flex;             // NEW, Spec - Opera 12.1, Firefox 20+ //\nbackground: white;\n  padding: 10/7.5vw;\n  border-top: 1px solid #d8d8d8;\n  justify-content:space-around;\n.btn{\n  border: 1px solid #cccccc;\n  border-radius: 8px;\n  width:0;\n  flex-grow:2;\n  text-align: center;\n  padding: 15/7.5vw 0;\n  margin: 0 10/7.5vw;\n  line-height: 1.4em;\n  font-size: 16px;\n  color: #666666;\nspan{\n  display: block;\n  font-size: 20px;\n  font-family: PingFang-SC-Bold;\n}\nimg{\n  width: 50/7.5vw;\n}\n&.big{\n   padding: 5/7.5vw 0;\n   flex-grow:5;\n&.price{\n   background:  #F83534;\n   border-color: #F83534;\n   color: white;\n }\n}\n}\n}\n.pop-block{\n  padding:40/7.5vw 10/7.5vw;\n  width: 600/7.5vw;\n  text-align: center;\n  font-size: 14px;\n  color: #666666;\n  position: relative;\nimg{\n  width: 250/7.5vw;\n}\n.close{\n  width: 50/7.5vw;\n  position: absolute;\n  top: 20/7.5vw;\n  right: 20/7.5vw;\n}\n}\n.mint-popup{\n  border-radius: 10px;\n}\n.pop-fill{\n  width: 705 / 2 * @toVw;\n  padding:30/7.5vw 30/7.5vw;\n  box-sizing: border-box;\n  font-size: 16px;\n  color: #333333;\n  .close {\n    position: absolute;\n    width: 100%;\n    bottom: -60 * @toVw;\n    left: 0;\n    text-align: center;\n  }\n  .close-pop {\n    width: 75 / 2 * @toVw;\n    height: 75 / 2 * @toVw;\n  }\n.btn-block{\n  margin-top: 30/7.5vw;\n&:after{\n   content:'';\n   display: block;\n   clear: both;\n }\n.btn{\n  float: right;\n  background: #F83534;\n  font-size: 14px;\n  padding: 5/7.5vw 10/7.5vw;\n  border-radius: 8px;\n  color: #FFFFFF;\n}\n}\n}\n\n}\n\n"],sourceRoot:""}])},t2jw:function(n,e){n.exports="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAqYAAACCCAYAAACU2QqWAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjhFMkY2NUEzRUZEQTExRThCNDg0RTY5QzMyMzE2NDdCIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjhFMkY2NUE0RUZEQTExRThCNDg0RTY5QzMyMzE2NDdCIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6OEUyRjY1QTFFRkRBMTFFOEI0ODRFNjlDMzIzMTY0N0IiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6OEUyRjY1QTJFRkRBMTFFOEI0ODRFNjlDMzIzMTY0N0IiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4O2ZWpAAAZdElEQVR42uzd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"},wtGu:function(n,e){n.exports="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkQ1NjdDM0ZERjFFQjExRTg4NzYwRkU1NjEyRUVGQzY3IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkQ1NjdDM0ZFRjFFQjExRTg4NzYwRkU1NjEyRUVGQzY3Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RDU2N0MzRkJGMUVCMTFFODg3NjBGRTU2MTJFRUZDNjciIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RDU2N0MzRkNGMUVCMTFFODg3NjBGRTU2MTJFRUZDNjciLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7DWpzyAAACJElEQVR42uyYv0vDUBDHk6qoIKhQsFDo6BDEwcXZqYvgUgRXZx1dXVz9A0QQnKQggqA4CS4KOojopIJSiqK2KrVWbWvM89Leg2t4qS+/aoYefEl793L3yeW916QqY0yxsW3QlBKMlUG9ooBqAzQLWgN9g47RF/EBpAqKg4ZBRVC/LNA5aNSMB9QhXlSVBToFjWFbywEBMVHX7W6Djsc+h4USeAG6RRWMibrUYJ0BXH2X4EIjsrX8BsqCOrwkiCghMycdGgFpLmoYOId25KY7rDKBTljdosT3zryZRnKZ9iOqbdehvKCDc6BJvGLmoEPdoEfQrcwqs9uHrnA3HQQVWrkPWVu2ha3kpgSkKqlxBxrnMT5gnwwwyHwZIEluMOZGOihBcnF/kdR9BU2YwTPBJFtFX4z4Mj4CMfTx74f0llDLo29ZAOSnKNASQjcAXYP2CFgp4Dlk4B2pYJ0vUJIC5fCzhuRMsA/5DcTtAH09FOjZcsIKOenBR5AFAnJvic00A+L6ICtv0SNMgcDMC+IpGSBT0yRRzgVImpyfaTJOGojrkiROS4zXyKQ1Oxz/Y7xjIAWT6oJ9xKojAr8hmdsVENcuKXhB/EniLzrM6QlINFHpb6CbBeALEN9pOUzWQ54akMrqzx8voOg/P72mQJuhe6ZuA7WB/ALSQ8Dyyd86zGX/BIqFAKq2D5Xx3ekNVMI/C1ppBh6HzAbx97LqP4CIbP1XgAEA9/NYR/B+eDcAAAAASUVORK5CYII="}});
+//# sourceMappingURL=2.fbde2d7fdb1fb90a3a90.js.map
\ No newline at end of file
diff --git a/dev/static/js/2.fbde2d7fdb1fb90a3a90.js.map b/dev/static/js/2.fbde2d7fdb1fb90a3a90.js.map
new file mode 100644
index 00000000..73e78dce
--- /dev/null
+++ b/dev/static/js/2.fbde2d7fdb1fb90a3a90.js.map
@@ -0,0 +1 @@
+{"version":3,"sources":["webpack:///./src/components/buy/activityInvite.vue?fc3a","webpack:///./src/components/buy/activityInvite.vue?36bb","webpack:///./src/assets/activity/envelope.png","webpack:///./src/assets/activity/yellow-bg.png","webpack:///./src/assets/activity/switch.png","webpack:///./src/components/buy/activityInvite.vue?db1f","webpack:///src/components/buy/activityInvite.vue","webpack:///./src/components/buy/activityInvite.vue?24c2","webpack:///./src/components/buy/activityInvite.vue","webpack:///./node_modules/css-loader/lib/url/escape.js","webpack:///./src/assets/activity/close.png","webpack:///./src/assets/activity/tips.png","webpack:///./src/components/buy/activityInvite.vue?78b7","webpack:///./src/assets/activity/red-bg.png","webpack:///./src/assets/activity/white-envelope.png"],"names":["content","__webpack_require__","module","i","locals","exports","push","version","sources","names","mappings","file","sourcesContent","sourceRoot","activityInvite","name","components","swiper","vue_awesome_swiper","swiperSlide","data","refBg","refBg_default","a","join","popType","popFill","popupVisible","refVisible","tabType","popcontentW","popcontentT","qrCode","weChatCode_default","weChatIcon","wechatIcon_default","closeUrl","closemy_default","moreUrl","moreIcon_default","tipsUrl","tips_default","refIcon","refIcon_default","swiperOption","pagination","el","QRCodeB","dataURL","user_id","invite_code_f","invite_code","shopId","groupId","groupDetail","groupData","redBtnUrl","red_bg_default","envelopeUrl","envelope_default","whiteEnvelopeUrl","white_envelope_default","closePopUrl","close_default","switchUrl","switch_default","show","comments","commentIndex","shareTitle","shareDesc","mounted","this","getDetail","methods","onSwitch","onCopy","e","console","log","text","Object","mint_ui_common","message","position","className","duration","refshow","_this2","open","document","body","scrollTop","documentElement","localStorage","getItem","setTimeout","close","api","then","res","split","length","code","URL","onNewShare","qrcode","$nextTick","_document$getElementB","getElementById","getClientRects","height","width","top","style","getOffsetRect","$refs","imageWrapper","_document$getElementB2","height1","width1","opacity","npm_default","async","timeout","scrollX","scale","letterRendering","canvas","toDataURL","catch","alert","query","retUrl","$route","fullPath","is_new_user_url","$router","ele","box","getBoundingClientRect","docElem","window","pageYOffset","scrollLeft","pageXOffset","clientTop","clientLeft","left","Math","round","makeCode","qrcode_default","image","enableShare","option","that","api_list","url","location","href","wechatRes","wx","config","debug","appId","timestamp","parseInt","nonceStr","signature","jsApiList","ready","onMenuShareTimeline","title","desc","link","shareUrl","imgUrl","shareIcon","success","_hmt","cancel","onMenuShareAppMessage","onShare","type","product_title","share_desc","img","toDataURLBase64","src","callback","xhttp","XMLHttpRequest","onload","fileReader","FileReader","onloadend","result","readAsDataURL","response","responseType","send","_this3","indexOf","JSON","parse","goods_desc","status","bind_goods_id","header_url","replace","detail","qa","refImg","_this","avatarUrl","goods_type","goods_id","out_trade_no","downloadImage","Image","setAttribute","createElement","getContext","drawImage","event","MouseEvent","download","dispatchEvent","onClickDownload","imgData","fixType","saveFile","filename","save_link","createElementNS","createEvent","initMouseEvent","toLowerCase","match","saveBase64AsFile","base64","fileName","friendsUrl","click","render","_vm","_h","$createElement","_c","_self","ref","staticClass","staticStyle","background-color","attrs","_v","id","_e","on","$event","_s","closeOnClickModal","model","value","$$v","expression","directives","rawName","arg","_withStripped","esExports","staticRenderFns","buy_activityInvite","disposed","Component","normalizeComponent","ssrContext","options","__file","__webpack_exports__","test","slice","p","escape"],"mappings":"yCAGA,IAAAA,EAAcC,EAAQ,QACtB,iBAAAD,QAA4CE,EAAAC,EAASH,EAAA,MACrDA,EAAAI,SAAAF,EAAAG,QAAAL,EAAAI,QAEaH,EAAQ,OAARA,CAAwE,WAAAD,GAAA,8BCJrF,IAAAA,EAAcC,EAAQ,QACtB,iBAAAD,QAA4CE,EAAAC,EAASH,EAAA,MACrDA,EAAAI,SAAAF,EAAAG,QAAAL,EAAAI,QAEaH,EAAQ,OAARA,CAAwE,WAAAD,GAAA,0BCPrFE,EAAAG,QAAA,qoFCAAH,EAAAG,QAAA,yhQCAAH,EAAAG,QAAA,wpECAAH,EAAAG,QAA2BJ,EAAQ,OAARA,EAA0D,IAKrFK,MAAcJ,EAAAC,EAAS,2EAAyE,IAAUI,QAAA,EAAAC,SAAA,6GAAAC,SAAAC,SAAA,6CAAiMC,KAAA,qBAAAC,gBAAA,mqwBAAqswBC,WAAA,kbCsDh/wBC,GACAC,KAAA,QACAC,YACAC,OAAAC,EAAA,OACAC,YAAAD,EAAA,aAEAE,KANA,WAOA,OACAC,MAAAC,EAAAC,EACAC,MAAA,EACAC,SAAA,EACAC,SAAA,EACAC,cAAA,EACAC,YAAA,EACAC,SAAA,EACAC,YAAA,qCACAC,YAAA,+BACAC,OAAAC,EAAAV,EACAW,WAAAC,EAAAZ,EACAa,SAAAC,EAAAd,EACAe,QAAAC,EAAAhB,EACAiB,QAAAC,EAAAlB,EACAmB,QAAAC,EAAApB,EACAqB,cACAC,YACAC,GAAA,uBAGAC,SAAA,EACAC,QAAA,KACAC,QAAA,KACAC,eAAA,EACAC,YAAA,GACAC,OAAA,GACAC,QAAA,KACAC,aAAA,EACAC,UAAA,KACAC,UAAAC,EAAAlC,EACAmC,YAAAC,EAAApC,EACAqC,iBAAAC,EAAAtC,EACAuC,YAAAC,EAAAxC,EACAyC,UAAAC,EAAA1C,EACA2C,MAAA,EACAC,UACA,wEACA,4FACA,mGAEAC,aAAA,EACAC,WAAA,uBACAC,UAAA,iDAGAC,QArDA,WAsDAC,KAAAC,aAEAC,SACAC,SADA,WAEA,IAAAH,KAAAJ,aACAI,KAAAJ,aAAA,EACA,GAAAI,KAAAJ,aACAI,KAAAJ,aAAA,EACA,GAAAI,KAAAJ,eACAI,KAAAJ,aAAA,IAGAQ,OAVA,SAUAC,GACAC,QAAAC,IAAA,oBAAAF,EAAAG,MACMC,OAAAC,EAAA,MAAAD,EACNE,QAAA,OACAC,SAAA,SACAC,UAAA,YACAC,SAAA,OAGAC,QAnBA,WAmBA,IAAAC,EAAAhB,KAMA,GALMU,EAAA,UAANO,OACAC,SAAAC,KAAAC,UAAA,KACAF,SAAAC,KAAAC,UAAA,GACAF,SAAAG,gBAAAD,UAAA,IAEAE,aAAAC,QAAA,kBAAAD,aAAAC,QAAA,YACAC,WAAA,WACUd,EAAA,UAAVe,QACAT,EAAArC,cACAqC,EAAArC,YAAA,WAEU8B,OAAAiB,EAAA,EAAAjB,GAAVkB,KAAA,SAAAC,GACAZ,EAAAvC,QAAAmD,EAAAnD,QACA,IAAAE,EAAAqC,EAAArC,YAAAkD,MAAA,KACAlD,EAAAmD,OAAA,eAAAnD,EAAA,KACAA,EAAA,WAEA,IAAAoD,EAAApD,EAAA,OAAAA,EAAA,GACAqD,EAAA,gEAAAhB,EAAApC,OAAA,gBAAAmD,EAAA,IAAAf,EAAAvC,QACAuC,EAAAnC,SAAA,SAAAmC,EAAAnC,UACAmD,GAAA,YAAAhB,EAAAnC,SAEAmC,EAAAiB,WAAAD,GACA1B,QAAAC,IAAAyB,GACAhB,EAAAkB,OAAAF,GACAhB,EAAA5D,YAAA,EACA4D,EAAAmB,UAAA,WACAnB,EAAAxC,SACAgD,WAAA,eAAAY,EAKAlB,SAAAmB,eAAA,WAAAC,iBAAA,GAHAC,EAFAH,EAEAG,OACAC,EAHAJ,EAGAI,MACAC,EAJAL,EAIAK,IAEAvB,SAAAmB,eAAA,WAAAK,MAAAF,QAAA,KACAxB,EAAA2B,cAAA3B,EAAA4B,MAAAC,cAAA,IAPAC,EAWA5B,SAAAmB,eAAA,WAAAC,iBAAA,GAFAS,EATAD,EASAC,QACAC,EAVAF,EAUAE,OAEA1C,QAAAC,IAAA,0BAAAW,SAAAmB,eAAA,WAAAC,iBAAA,IACApB,SAAAmB,eAAA,aAAAK,MAAAD,IAAAF,EAAAE,EAAA,QACAvB,SAAAmB,eAAA,aAAAK,MAAAO,QAAA,EACkBC,IAAlBhC,SAAAmB,eAAA,YACAc,OAAA,EACAC,QAAA,IACAC,QAAA,EACAC,MAAA,EACAd,MAAAQ,EACAT,OAAAQ,EACAQ,iBAAA,IACA5B,KAAA,SAAA6B,GACA,IAAAhF,EAAAgF,EAAAC,UAAA,aACAzC,EAAAxC,YACAkF,MAAA,SAAA9B,GAAA+B,MAAA/B,GAAAtB,QAAAC,SACA,UAMA,SAEA,CACA,IAAAqD,GAAAC,OAAA7D,KAAA8D,OAAAC,SAAAC,gBAAA,KACAhE,KAAAiE,QAAAnI,MAAAS,KAAA,SAAAqH,YAGAjB,cAxFA,SAwFAuB,GACA,IAAAC,EAAAD,EAAAE,wBACAjD,EAAAD,SAAAC,KACAkD,EAAAnD,SAAAG,gBAEAD,EAAAkD,OAAAC,aAAAF,EAAAjD,WAAAD,EAAAC,UACAoD,EAAAF,OAAAG,aAAAJ,EAAAG,YAAArD,EAAAqD,WACAE,EAAAL,EAAAK,WAAAvD,EAAAuD,UACAC,EAAAN,EAAAM,YAAAxD,EAAAwD,WACAlC,EAAA0B,EAAA1B,IAAArB,EAAAsD,EACAE,EAAAT,EAAAS,KAAAJ,EAAAG,EACA,OAEAlC,IAAAoC,KAAAC,MAAArC,GACAmC,KAAAC,KAAAC,MAAAF,KAGA1C,OAzGA,SAyGAtF,GACAoD,KAAAzB,QACAyB,KAAAzB,QAAAwG,SAAAnI,GAEAoD,KAAAzB,QAAA,IAAAyG,EAAAjI,EAAA,UACAyF,MAAA,GACAD,OAAA,GACA/B,KAAA5D,EACAqI,MAAA,MAMAC,YAAA,SAAAC,GACA,IAAAC,EAAApF,KACMS,OAAAiB,EAAA,EAAAjB,EACN4E,SAAA,4CACAC,IAAAhB,OAAAiB,SAAAC,KAAA3D,MAAA,UACAF,KAAA,SAAA8D,GACAnF,QAAAC,IAAA,cAAAkF,GACAC,GAAAC,QACAC,OAAA,EACAC,MAAAJ,EAAAI,MACAC,UAAAC,SAAAN,EAAAK,WACAE,SAAAP,EAAAO,SACAC,UAAAR,EAAAQ,UACAC,UAAAT,EAAAS,YAEAR,GAAAS,MAAA,WACA7F,QAAAC,IAAA,kBAAA6E,EAAAvF,YACA6F,GAAAU,qBACAC,MAAAjB,EAAAvF,WACAyG,KAAAlB,EAAAtF,UACAyG,KAAApB,EAAAqB,SACAC,OAAAtB,EAAAuB,WAAA,oEACAC,QAAA,WACArG,QAAAC,IAAA,QACA+D,OAAAsC,KAAA9K,MAAA,kCAAAsJ,EAAAxG,OAAAwG,EAAAzG,eAEAkI,OAAA,WAEAvG,QAAAC,IAAA,WAGAmF,GAAAoB,uBACAT,MAAAjB,EAAAvF,WACAyG,KAAAlB,EAAAtF,UACAyG,KAAApB,EAAAqB,SACAC,OAAAtB,EAAAuB,WAAA,oEACAC,QAAA,WACArC,OAAAsC,KAAA9K,MAAA,mCAAAsJ,EAAAxG,OAAAwG,EAAAzG,eAEAkI,OAAA,oBAMAE,QAAA,SAAAC,GACA,IAAAhF,EAAA,iEAAAhC,KAAApB,OAAA,YAAAoB,KAAAnB,QAAA,gBAAAmB,KAAArB,YACA,IAAAqI,IACAhF,EAAA,iEAAAhC,KAAApB,OAAA,gBAAAoB,KAAArB,aAEAqB,KAAAkF,aACA+B,cAAAjH,KAAAlB,YAAAoI,WAAAb,MACAC,KAAAtG,KAAAlB,YAAAoI,WAAA1L,QACAkL,UAAA1G,KAAAlB,YAAAoI,WAAAC,IAAA,GAAA7B,IACAkB,SAAAxE,KAGAC,WAhLA,SAgLAqD,GACAtF,KAAAkF,aACA+B,cAAAjH,KAAAlB,YAAAoI,WAAAb,MACAC,KAAAtG,KAAAlB,YAAAoI,WAAA1L,QACAkL,UAAA1G,KAAAlB,YAAAoI,WAAAC,IAAA,GAAA7B,IACAkB,SAAAlB,KAGA8B,gBAxLA,SAwLAC,EAAAC,GACA,IAAAC,EAAA,IAAAC,eACAD,EAAAE,OAAA,WACA,IAAAC,EAAA,IAAAC,WACAD,EAAAE,UAAA,WACAN,EAAAI,EAAAG,SAEAH,EAAAI,cAAAP,EAAAQ,WAEAR,EAAAS,aAAA,OACAT,EAAAtG,KAAA,MAAAoG,GAAA,GACAE,EAAAU,QAGAhI,UAtMA,WAsMA,IAAAiI,EAAAlI,KACAsE,OAAAiB,SAAAC,KAAA2C,QAAA,oBACAnI,KAAArB,YAAAqB,KAAA8D,OAAAF,MAAAjF,YACAqB,KAAArB,YAAAkD,MAAA,KAAAC,OACA,IACA9B,KAAAtB,eAAA,IAGA4F,OAAAiB,SAAAC,KAAA2C,QAAA,eACAnI,KAAApB,OAAAoB,KAAA8D,OAAAF,MAAAhF,OACQ6B,OAAAiB,EAAA,EAAAjB,CAART,KAAApB,QAAA+C,KAAA,SAAAC,GAKA,GAJAA,EAAA0E,KAAA8B,KAAAC,MAAAzG,EAAA0E,MACA1E,EAAA0G,WAAAF,KAAAC,MAAAzG,EAAA0G,YACA1G,EAAAsF,WAAAkB,KAAAC,MAAAzG,EAAAsF,YAEA,IAAAtF,EAAA2G,QAAA3G,EAAA4G,cAGA,OAFAN,EAAAjE,QAAAnI,MAAAS,KAAA,YAAAqH,OAAAhF,OAAAgD,EAAA4G,sBACAN,EAAAjI,YAGAiI,EAAApJ,YAAA8C,EACA,QAAAjG,EAAA,EAAAA,EAAAuM,EAAApJ,YAAA2J,WAAA3G,OAAAnG,IACAuM,EAAApJ,YAAA2J,WAAA9M,GAAAuM,EAAApJ,YAAA2J,WAAA9M,GAAA+M,QAAA,sBAIA,GAFAR,EAAApJ,YAAAwH,KAAAqC,OAAAT,EAAApJ,YAAAwH,KAAAqC,OAAAD,QAAA,yBACAR,EAAApJ,YAAAwH,KAAAsC,GAAAV,EAAApJ,YAAAwH,KAAAsC,GAAAF,QAAA,yBACAR,EAAApJ,YAAAoI,WAAA2B,QAAA,IAAAX,EAAApJ,YAAAoI,WAAA2B,OAAA/G,OAAA,CACAoG,EAAApJ,YAAAoI,WAAA2B,OAAA,GAAAvD,IAAA4C,EAAApJ,YAAAoI,WAAA2B,OAAA,GAAAvD,IAAAoD,QAAA,sBACA,IAAAI,EAAAZ,EACAA,EAAAd,gBAAAc,EAAApJ,YAAAoI,WAAA2B,OAAA,GAAAvD,IAAA,SAAAyD,GACAD,EAAAhK,YAAAoI,WAAA2B,OAAA,GAAAvD,IAAAyD,IAGA,IAAAb,EAAApJ,YAAAkK,YACA1H,aAAAC,QAAA,aACcd,OAAAiB,EAAA,EAAAjB,EAAdwI,SAAAf,EAAAtJ,SAAA+C,KAAA,SAAAC,GACAA,EAAAsH,cACAhB,EAAAjE,QAAAnI,MAAAS,KAAA,UAAAqH,OAAAsF,aAAAtH,EAAAsH,kBAIA5E,OAAAiB,SAAAC,KAAA2C,QAAA,eACAD,EAAArJ,QAAAqJ,EAAApE,OAAAF,MAAA/E,QACc4B,OAAAiB,EAAA,EAAAjB,CAAdyH,EAAArJ,SAAA8C,KAAA,SAAAC,GACAsG,EAAAnJ,UAAA6C,IAEAsG,EAAAnB,QAAA,IAEAmB,EAAAnB,QAAA,IAGAmB,EAAAnH,cAMAoI,cA/PA,SA+PA5M,GACA,IAAA0I,EAAA,IAAAmE,MAEAnE,EAAAoE,aAAA,2BACApE,EAAAwC,OAAA,WACA,IAAAjE,EAAAtC,SAAAoI,cAAA,UACA9F,EAAAhB,MAAAyC,EAAAzC,MACAgB,EAAAjB,OAAA0C,EAAA1C,OAEAiB,EAAA+F,WAAA,MACAC,UAAAvE,EAAA,IAAAA,EAAAzC,MAAAyC,EAAA1C,QACA,IAAA+C,EAAA9B,EAAAC,UAAA,aAGA1G,EAAAmE,SAAAoI,cAAA,KAEAG,EAAA,IAAAC,WAAA,SAGA3M,EAAA4M,SAAApN,GAAA,SAEAQ,EAAAyI,KAAAF,EAGAvI,EAAA6M,cAAAH,IAGAxE,EAAAoC,IAAArH,KAAAxB,SAEAqL,gBA5RA,WA8RA,IAAAC,EAAA9J,KAAAxB,QACAsL,IAAApB,QAAA1I,KAAA+J,QAAA,6BAEA/J,KAAAgK,SAAAF,EADA,aAGAE,SAnSA,SAmSApN,EAAAqN,GACA,IAAAC,EAAAhJ,SAAAiJ,gBAAA,oCACAD,EAAA1E,KAAA5I,EACAsN,EAAAP,SAAAM,EAEA,IAAAR,EAAAvI,SAAAkJ,YAAA,eACAX,EAAAY,eAAA,cAAA/F,OAAA,8BACA4F,EAAAN,cAAAH,IAEAM,QA5SA,SA4SA/C,GAGA,gBAFAA,IAAAsD,cAAA5B,QAAA,gBACA6B,MAAA,wBAGAC,iBAjTA,SAiTAC,EAAAC,GACA,IAAAnE,EAAArF,SAAAoI,cAAA,KACA/C,EAAA8C,aAAA,OAAArJ,KAAA2K,YACApE,EAAA8C,aAAA,WAAAqB,GACAnE,EAAAqE,WCxaAC,EAAA,WACA,IAAAC,EAAA9K,KACA+K,EAAAD,EAAAE,eACAC,EAAAH,EAAAI,MAAAD,IAAAF,EACA,OAAAD,EAAAhM,YACAmM,EACA,OAEAE,IAAA,QACAC,YAAA,cACAC,aAAwBC,mBAAA,aAGxBL,EACA,OAEAA,EAAA,OAAyBG,YAAA,OAAAG,OAA8BlE,IAAAyD,EAAA9M,WACvD8M,EAAAU,GAAA,KACAV,EAAAhM,YAAAoI,WAAA2B,QACAiC,EAAAhM,YAAAoI,WAAA2B,OAAA/G,OAAA,EACAmJ,EACA,OAEAE,IAAA,eACAC,YAAA,UACAG,OAA8BE,GAAA,aAG9BR,EAAA,OACAM,OAAgClE,IAAAyD,EAAAhM,YAAAoI,WAAA2B,OAAA,GAAAvD,OAEhCwF,EAAAU,GAAA,KACAP,EAAA,OACAG,YAAA,SACAG,OAAgCE,GAAA,cAIhCX,EAAAY,KACAZ,EAAAU,GAAA,KACAP,EAAA,OACAG,YAAA,UACAG,OAAwBlE,IAAAyD,EAAAtM,QAAAiN,GAAA,aAExBX,EAAAU,GAAA,KACAP,EACA,OACiBG,YAAA,YAAAG,OAAmCE,GAAA,eAEpDR,EACA,OAEAG,YAAA,mBACAO,IACAf,MAAA,SAAAgB,GACAd,EAAApL,MAAA,MAKAuL,EAAA,OACAG,YAAA,QACAG,OAAgClE,IAAAyD,EAAA1L,oBAEhC0L,EAAAU,GAAA,KACAP,EAAA,QAAkCG,YAAA,gBAClCN,EAAAU,GAAA,UAEAV,EAAAU,GAAA,KACAP,EAAA,OAAiCG,YAAA,UACjCH,EAAA,QAAoCG,YAAA,YACpCN,EAAAU,GAAAV,EAAAe,GAAAf,EAAAnL,SAAAmL,EAAAlL,wBAOAkL,EAAAU,GAAA,KACAP,EACA,YAEAM,OAA0BO,mBAAA,GAC1BC,OACAC,MAAAlB,EAAApL,KACA4H,SAAA,SAAA2E,GACAnB,EAAApL,KAAAuM,GAEAC,WAAA,UAIAjB,EAAA,OAA6BG,YAAA,aAC7BH,EAAA,OAA+BG,YAAA,YAC/BH,EAAA,OAAiCG,YAAA,yBACjCH,EAAA,OACAG,YAAA,aACAG,OAAkClE,IAAAyD,EAAA5L,eAElC4L,EAAAU,GAAA,KACAP,EAAA,QAAoCG,YAAA,WACpCN,EAAAU,GAAA,mBAGAV,EAAAU,GAAA,KACAP,EAAA,OACAG,YAAA,qBACAG,OAAgClE,IAAAyD,EAAAtL,WAChCmM,IAA6Bf,MAAAE,EAAA3K,cAG7B2K,EAAAU,GAAA,KACAP,EAAA,OAA+BG,YAAA,eAC/BH,EAAA,KAAAH,EAAAU,GAAAV,EAAAe,GAAAf,EAAAnL,SAAAmL,EAAAlL,oBAEAkL,EAAAU,GAAA,KACAP,EACA,OAEAkB,aAEA5P,KAAA,YACA6P,QAAA,mBACAJ,MAAAlB,EAAAnL,SAAAmL,EAAAlL,cACAsM,WAAA,yBACAG,IAAA,SAGA9P,KAAA,YACA6P,QAAA,sBACAJ,MAAAlB,EAAA1K,OACA8L,WAAA,SACAG,IAAA,YAGAjB,YAAA,YAEAN,EAAAU,GAAA,WAEAV,EAAAU,GAAA,KACAP,EAAA,OAA+BG,YAAA,UAC/BH,EAAA,OACAG,YAAA,YACAG,OAAgClE,IAAAyD,EAAAxL,aAChCqM,IACAf,MAAA,SAAAgB,GACAd,EAAApL,MAAA,aASA,KAIAoL,EAAAY,MAGAb,EAAAyB,eAAA,EACA,IAAAC,GAAiB1B,SAAA2B,oBACFC,EAAA,ECpKf,IAAAC,GAAA,EAMA,IAcAC,EAdyBlR,EAAQ,OAcjCmR,CACEtQ,EACAmQ,GATF,EAZA,SAAAI,GACAH,IACEjR,EAAQ,QACRA,EAAQ,UAaV,kBAEA,MASAkR,EAAAG,QAAAC,OAAA,wCAkBeC,EAAA,QAAAL,EAAiB,4BC9ChCjR,EAAAG,QAAA,SAAAyJ,GACA,uBAAAA,EACAA,GAGA,eAAA2H,KAAA3H,KACAA,IAAA4H,MAAA,OAIA,cAAAD,KAAA3H,GACA,IAAAA,EAAAoD,QAAA,YAAAA,QAAA,iBAGApD,wBCdA5J,EAAAG,QAAA,2oHCAAH,EAAAG,QAAiBJ,EAAA0R,EAAuB,oDCAxC,IAAAC,EAAa3R,EAAQ,SACrBC,EAAAG,QAA2BJ,EAAQ,OAARA,EAA0D,IAKrFK,MAAcJ,EAAAC,EAAS,0yEAAsxEyR,EAA+B3R,EAAQ,SAAkC,46CAA25C2R,EAA+B3R,EAAQ,SAAqC,o5NAAq5N,IAAUM,QAAA,EAAAC,SAAA,2PAAAC,SAAAC,SAAA,wjIAAy1IC,KAAA,qBAAAC,gBAAA,8uBAA+xB,ghQAAghQ,4wPAAywPC,WAAA,0BCN7o/BX,EAAAG,QAAA,6tTCAAH,EAAAG,QAAA","file":"static/js/2.fbde2d7fdb1fb90a3a90.js","sourcesContent":["// style-loader: Adds some css to the DOM by adding a <style> tag\n\n// load the styles\nvar content = require(\"!!../../../node_modules/css-loader/index.js?{\\\"sourceMap\\\":true}!../../../node_modules/vue-loader/lib/style-compiler/index.js?{\\\"vue\\\":true,\\\"id\\\":\\\"data-v-3a31699e\\\",\\\"scoped\\\":true,\\\"hasInlineConfig\\\":false}!../../../node_modules/less-loader/dist/cjs.js?{\\\"sourceMap\\\":true}!../../../node_modules/vue-loader/lib/selector.js?type=styles&index=1!./activityInvite.vue\");\nif(typeof content === 'string') content = [[module.id, content, '']];\nif(content.locals) module.exports = content.locals;\n// add the styles to the DOM\nvar update = require(\"!../../../node_modules/vue-style-loader/lib/addStylesClient.js\")(\"595ec0df\", content, false, {});\n// Hot Module Replacement\nif(module.hot) {\n // When the styles change, update the <style> tags\n if(!content.locals) {\n   module.hot.accept(\"!!../../../node_modules/css-loader/index.js?{\\\"sourceMap\\\":true}!../../../node_modules/vue-loader/lib/style-compiler/index.js?{\\\"vue\\\":true,\\\"id\\\":\\\"data-v-3a31699e\\\",\\\"scoped\\\":true,\\\"hasInlineConfig\\\":false}!../../../node_modules/less-loader/dist/cjs.js?{\\\"sourceMap\\\":true}!../../../node_modules/vue-loader/lib/selector.js?type=styles&index=1!./activityInvite.vue\", function() {\n     var newContent = require(\"!!../../../node_modules/css-loader/index.js?{\\\"sourceMap\\\":true}!../../../node_modules/vue-loader/lib/style-compiler/index.js?{\\\"vue\\\":true,\\\"id\\\":\\\"data-v-3a31699e\\\",\\\"scoped\\\":true,\\\"hasInlineConfig\\\":false}!../../../node_modules/less-loader/dist/cjs.js?{\\\"sourceMap\\\":true}!../../../node_modules/vue-loader/lib/selector.js?type=styles&index=1!./activityInvite.vue\");\n     if(typeof newContent === 'string') newContent = [[module.id, newContent, '']];\n     update(newContent);\n   });\n }\n // When the module is disposed, remove the <style> tags\n module.hot.dispose(function() { update(); });\n}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/vue-style-loader!./node_modules/css-loader?{\"sourceMap\":true}!./node_modules/vue-loader/lib/style-compiler?{\"vue\":true,\"id\":\"data-v-3a31699e\",\"scoped\":true,\"hasInlineConfig\":false}!./node_modules/less-loader/dist/cjs.js?{\"sourceMap\":true}!./node_modules/vue-loader/lib/selector.js?type=styles&index=1!./src/components/buy/activityInvite.vue\n// module id = 0Kes\n// module chunks = 2","// style-loader: Adds some css to the DOM by adding a <style> tag\n\n// load the styles\nvar content = require(\"!!../../../node_modules/css-loader/index.js?{\\\"sourceMap\\\":true}!../../../node_modules/vue-loader/lib/style-compiler/index.js?{\\\"vue\\\":true,\\\"id\\\":\\\"data-v-3a31699e\\\",\\\"scoped\\\":false,\\\"hasInlineConfig\\\":false}!../../../node_modules/vue-loader/lib/selector.js?type=styles&index=0!./activityInvite.vue\");\nif(typeof content === 'string') content = [[module.id, content, '']];\nif(content.locals) module.exports = content.locals;\n// add the styles to the DOM\nvar update = require(\"!../../../node_modules/vue-style-loader/lib/addStylesClient.js\")(\"f5b05580\", content, false, {});\n// Hot Module Replacement\nif(module.hot) {\n // When the styles change, update the <style> tags\n if(!content.locals) {\n   module.hot.accept(\"!!../../../node_modules/css-loader/index.js?{\\\"sourceMap\\\":true}!../../../node_modules/vue-loader/lib/style-compiler/index.js?{\\\"vue\\\":true,\\\"id\\\":\\\"data-v-3a31699e\\\",\\\"scoped\\\":false,\\\"hasInlineConfig\\\":false}!../../../node_modules/vue-loader/lib/selector.js?type=styles&index=0!./activityInvite.vue\", function() {\n     var newContent = require(\"!!../../../node_modules/css-loader/index.js?{\\\"sourceMap\\\":true}!../../../node_modules/vue-loader/lib/style-compiler/index.js?{\\\"vue\\\":true,\\\"id\\\":\\\"data-v-3a31699e\\\",\\\"scoped\\\":false,\\\"hasInlineConfig\\\":false}!../../../node_modules/vue-loader/lib/selector.js?type=styles&index=0!./activityInvite.vue\");\n     if(typeof newContent === 'string') newContent = [[module.id, newContent, '']];\n     update(newContent);\n   });\n }\n // When the module is disposed, remove the <style> tags\n module.hot.dispose(function() { update(); });\n}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/vue-style-loader!./node_modules/css-loader?{\"sourceMap\":true}!./node_modules/vue-loader/lib/style-compiler?{\"vue\":true,\"id\":\"data-v-3a31699e\",\"scoped\":false,\"hasInlineConfig\":false}!./node_modules/vue-loader/lib/selector.js?type=styles&index=0!./src/components/buy/activityInvite.vue\n// module id = 9SAN\n// module chunks = 2","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC4AAAAuCAYAAABXuSs3AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjBFMEI1NEEzRUZEQjExRThCQkVEODAxNTczRDU0QTZCIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjBFMEI1NEE0RUZEQjExRThCQkVEODAxNTczRDU0QTZCIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MEUwQjU0QTFFRkRCMTFFOEJCRUQ4MDE1NzNENTRBNkIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MEUwQjU0QTJFRkRCMTFFOEJCRUQ4MDE1NzNENTRBNkIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4XfPsCAAAEMElEQVR42uyYWUgVURjHXXOrXFCLjBLNMiKyKAMNKoqyV0NTeogkS6weQsKQsgUqKgqS0tII8sFWekhILGiDIGiFKEIzjcrIsiy39N68/T/5jwzhbcY7C1fwwI+5y2HmP9/5zrcc3/5NaT46RiBYC/zAHx9rRhBoCax6+EDP5AAdc5aA+6AL+AKXRcLFKE5Hfvo7XNfgBdq0JmuJruU8K0XLGADjwQJQrzXZV8NVnvJGH0ExcOh4WSPCE0EpDbQDVq/01FVm8noZ1FihFuKGPsNNknEpARPAFCOu4uR1qo89I4SWlwDQZ0T4gOJSBsQcBa+BbLpmFfK9AVY+qXZdXl1a+ynABivOArP/83+3Jze1Q/hLMI5u4Pjn2fL9ubcK3613c4406I/K4anF40GGSbG70i7h8fRbU1YLUWUD3CXdDuGSRcPAL4MlgFJC9Fhh8U4QNUxSkiixionCZcBNe2Htu270eBzH81QZ0zWM+JsW7LkeroQQAzdKxIs16YkqsWAf+ArKgD9FO20KFpJNQ/ncIvAC4utApjvhUk5Wgw9gL4im2C43K/MYfCftHvIDfIGoKtV9pbDqZZ3SS10Svc5jXgvIUAsPp5Ac/iZiJSusB29VS6eMZWAGiCRRHhLBFV6kunc09408bw84zH0mYzq4CPHViiULQRKXRyLFEVAOOtyUsvfkBnyoS1WIjXT4c1UbVb/1U7T8FwT/LoHQc/hcwWAgL7sOv20LYK+niJY6+ADYCJaCVjBxmIcWWlGPU4cSDAYg8BCu2+kyHex9pb6Zp/ZdCUvS52XTFRpV5WWfTZuzmxaX5+WDBCVPgQJmWfk/Qh1V5oPNDIMd3N1hnPjJJuHfQDCfm0AdlxiWY5g/Bg3pN0zTcJ01dIUqqmwFt+nXlgy4hRjtM8V183MWXCmXHb9TvZ/cJaA2+vExcIO950qGy/2qzWuGYIkWV8EcRjlJQqchtthIWSstViobWAetIZv3Ebt/IyOW4e4VQ6Ivw3KSlmi99bgkguP0s1tcRnGlO+CMh+6zHDwDu+jP4rdFEJwKWs1uJMR9VnO3dzJxbWGSyh6BlWu4j+LobtfAZAiusLoDusJweRb8ZOyXtF2nYf08lsS5TCRiiBwIztI6bjOzdWtjXJUN28DlzqCwnfyujDiWEGVMIBKpToC5eo7arOo5n4DFPDbro7CD/L2AEUheLI1ZUTr6FFZ+bUYebEb7JX4qqXkaN+xvkMwNXcpE5sOVWAiazAijZnb5YsEVtHQ7C6ZObsRJ4JSBgsyWc5UaIhHoPXjjTccTeka9hfcevQdCY8LHhI8JHwXCu71cq5Plr9TtwWrh4Va2ZiaMSDYyg6cAAexyutgoNDNNB9qlBq2b1hQXD4lCqKsDZXCtCL/AM5RMWj3Ui63uYCs5lPLz2BSneLmflytNx18BBgDaKTZI2MwN5QAAAABJRU5ErkJggg==\"\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/assets/activity/envelope.png\n// module id = BRsW\n// module chunks = 2","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAkwAAAB4CAYAAAAAEK1RAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjE2MERDRTgzRUZEQjExRThCOTkxQ0FFMUE3NkQyMzI3IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjE2MERDRTg0RUZEQjExRThCOTkxQ0FFMUE3NkQyMzI3Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MTYwRENFODFFRkRCMTFFOEI5OTFDQUUxQTc2RDIzMjciIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MTYwRENFODJFRkRCMTFFOEI5OTFDQUUxQTc2RDIzMjciLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7Ki7LNAAAUYUlEQVR42uzd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\"\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/assets/activity/yellow-bg.png\n// module id = EyfK\n// module chunks = 2","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAeCAYAAAA/xX6fAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjEyQ0UwQ0QzRUZEQjExRTg4N0JDQzkxNDY3RjkxOUI1IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjEyQ0UwQ0Q0RUZEQjExRTg4N0JDQzkxNDY3RjkxOUI1Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MTJDRTBDRDFFRkRCMTFFODg3QkNDOTE0NjdGOTE5QjUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MTJDRTBDRDJFRkRCMTFFODg3QkNDOTE0NjdGOTE5QjUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6gR2RiAAACvElEQVR42rSWa2iNcRzHz5a5Rlraq2G0uYWm7A1vDCuTy+SSywu5HbcpJZpSSu6SFbFzGvJCnEhpL4QpkvBiaxtzzyY2yyUlp0lmPj99Tz2dHuc8T53nX59+e57n7Pk8v//1lxWJREIubRvMgSXQHUrRwuFwyE/L/s/9YzDX5XkOFEO5Pqg4Go329SPs43KvP/SDOxCH0bAANsAEt5cgbSOch6tk/DyVMMulS2fDbaiCn1DteNYON6ADemEEzIJCx2/OQSXibq9dOkWxSrJWGyoYBqNgCxyAg7CJFxcRh8I6eANr4SNZl3rN8CWM0d9PYDG89jppEK1RltY287wmXYZXHIJJ8Ap+QI2XSYHAxnKqhuMMH7AslTAX9ijD8eqmy9YTMM3rTETaQBinyxjSfDehZfYVBur6hbpmBQyCyX6mP9J3WjrWriULi7TIO+F3KEMN6U3JSshyplO4T9Gkv0KZbVsVqxNCW+jL4TM8zLDMsuwiPLIJSJYFJixxjGFQ7azi9GzHmqsPUNigODbbsS19ClD4XTHPhIN10ROgMDHzc0zY5Th6gmoDFOMmfKuLwgCFuYofTNiki0UBCssUn5rwGXyD+QEKKxXvJXaa44obM21isZfpLI2xCcQTwiOKJwPILqa4w1nT2LRdD7VWl2hP9ZOFbR5DoJEs/iQ9PmorgPsdyUWUbT9LdcIfgt0+nI9VZvQgryPeggdIWuBwqgO4XJPI6pkTPoRW0V3XEquA09CM/FK6IqpXB+1d2A4tXk56srDysEKyNsejAi91qW1xper7ndY1+oBardl21av/dhCVDxNhpWPsm1QwX/AiTLRdcBH2wzyY4Xj2BWxy5CX9j52nq2GVhPf9CK01a0MYDgtVJFs2IzUcnap9rJSop1sbNWv3qqtb/QoT7T2cEunq0nwNS53bi/4KMAAZdMAprXHLMQAAAABJRU5ErkJggg==\"\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/assets/activity/switch.png\n// module id = H9j6\n// module chunks = 2","exports = module.exports = require(\"../../../node_modules/css-loader/lib/css-base.js\")(true);\n// imports\n\n\n// module\nexports.push([module.id, \"\\nimg,video{\\n  max-width: 100%;\\n}\\n.copyToast {\\n  z-index: 9999;\\n}\\n\", \"\", {\"version\":3,\"sources\":[\"/Users/wang/Documents/changchang/projects/wechat/src/components/buy/src/components/buy/activityInvite.vue\"],\"names\":[],\"mappings\":\";AA8aA;EACA,gBAAA;CACA;AACA;EACA,cAAA;CACA\",\"file\":\"activityInvite.vue\",\"sourcesContent\":[\"<template>\\n  <div class=\\\"group-index\\\" ref=\\\"index\\\" v-if=\\\"groupDetail\\\" style=\\\"background-color: #fda813;\\\">\\n    <div>\\n      <img class=\\\"tips\\\" :src=\\\"tipsUrl\\\"/>\\n      <div class=\\\"img-cvs\\\" id=\\\"capture\\\" ref=\\\"imageWrapper\\\" v-if=\\\"groupDetail.share_desc.refImg && groupDetail.share_desc.refImg.length > 0\\\">\\n        <img :src=\\\"groupDetail.share_desc.refImg[0].url\\\">\\n        <div id=\\\"qrcode\\\" class=\\\"qrcode\\\">\\n        </div>\\n      </div>\\n      <img :src=\\\"dataURL\\\" class=\\\"cvs-img\\\" id=\\\"cvs-img\\\"/>\\n      <div class=\\\"inviteBtn\\\" id=\\\"inviteBtn\\\">\\n        <div class=\\\"i-btn flex-start\\\" @click=\\\"show=true\\\">\\n          <img class=\\\"i-env\\\" :src=\\\"whiteEnvelopeUrl\\\"/>\\n          <span class=\\\"i-env-title\\\">邀请语:</span>\\n          <div class=\\\"elips\\\"><span class=\\\"marquee\\\">{{comments[commentIndex]}}</span></div>\\n        </div>\\n      </div>\\n      <mt-popup v-model=\\\"show\\\" :closeOnClickModal=\\\"false\\\">\\n        <div class=\\\"pop-fill\\\">\\n          <div class=\\\"flex-bt\\\">\\n            <div class=\\\"flex-start no-margin\\\">\\n              <img class=\\\"p-envelope\\\" :src=\\\"envelopeUrl\\\"/>\\n              <span class=\\\"p-tips\\\">贴心的邀请语提高成功率</span>\\n            </div>\\n            <img class=\\\"p-switch no-margin\\\" :src=\\\"switchUrl\\\" @click=\\\"onSwitch\\\"/>\\n          </div>\\n          <div class=\\\"p-comments\\\">\\n            <p>{{comments[commentIndex]}}</p>\\n          </div>\\n          <div class=\\\"copyBtn\\\" v-clipboard:copy=\\\"comments[commentIndex]\\\" v-clipboard:success=\\\"onCopy\\\">复制邀请语</div>\\n          <div class=\\\"close\\\">\\n            <img :src=\\\"closePopUrl\\\" class=\\\"close-pop\\\" @click=\\\"show=false\\\"/>\\n          </div>\\n        </div>\\n      </mt-popup>\\n    </div>\\n  </div>\\n</template>\\n\\n<script>\\n  import 'swiper/dist/css/swiper.css'\\n  import { swiper, swiperSlide } from 'vue-awesome-swiper'\\n  import  QRCode from 'qrcodejs2'\\n  import { Indicator } from 'mint-ui';\\n  import {getwechatParam,getGoodsDetailApi,getGroupDetailApi,getStatusWechatApi,getUserDetailApi} from \\\"../../service/api\\\";\\n  import refBg from '../../assets/refBg.png'\\n  import moreUrl from '../../assets/moreIcon.png'\\n  import refIcon from '../../assets/refIcon.png'\\n  import weChatIcon from '../../assets/wechatIcon.png'\\n  import weChatQrUrl from '../../assets/weChatCode.png'\\n  import closeUrl from '../../assets/closemy.png'\\n  import redBtnUrl from '../../assets/activity/red-bg.png'\\n  import envelopeUrl from '../../assets/activity/envelope.png'\\n  import whiteEnvelopeUrl from '../../assets/activity/white-envelope.png'\\n  import closePopUrl from '../../assets/activity/close.png'\\n  import switchUrl from '../../assets/activity/switch.png'\\n  import tipsUrl from '../../assets/activity/tips.png'\\n  import html2canvas from 'html2canvas'\\n  import { Toast } from 'mint-ui';\\n  export default {\\n    name: \\\"index\\\",\\n    components: {\\n      swiper,\\n      swiperSlide,\\n    },\\n    data(){\\n      return {\\n        refBg:refBg,\\n        join:false,\\n        popType:false,\\n        popFill:false,\\n        popupVisible:false,\\n        refVisible:false,\\n        tabType:true,\\n        popcontentW:`您已经购买过课程,无需重复<br>购买,您可以添加微信公众号了解更多`,\\n        popcontentT:`为了更好地为您进行课程服务,<br>请扫码添加老师二维码`,\\n        qrCode:weChatQrUrl,\\n        weChatIcon:weChatIcon,\\n        closeUrl:closeUrl,\\n        moreUrl:moreUrl,\\n        tipsUrl:tipsUrl,\\n        refIcon:refIcon,\\n        swiperOption: {\\n          pagination: {\\n            el: '.swiper-pagination'\\n          }\\n        },\\n        QRCodeB:false,\\n        dataURL:null,\\n        user_id:null,\\n        invite_code_f:true,\\n        invite_code:'',\\n        shopId:'',\\n        groupId:null,\\n        groupDetail:false,\\n        groupData:null,\\n        redBtnUrl: redBtnUrl,\\n        envelopeUrl: envelopeUrl,\\n        whiteEnvelopeUrl: whiteEnvelopeUrl,\\n        closePopUrl: closePopUrl,\\n        switchUrl: switchUrl,\\n        show: false,\\n        comments: [\\n          '英语这样启蒙效果太棒啦,唱唱这个90天启蒙课程做真不错,推荐给你们!坚持打卡全额返学费,报课即送价值498元教具礼盒。数量有限,抢完即止!',\\n          '发现一款对宝宝英语启蒙特别有用的产品,每天10分钟宝宝已经爱上英语、爱唱英语。现在他们这个90天课程在做活动,坚持打卡全额返学费。我体验过了,真的很好!快带着宝宝一起唱玩英语吧~',\\n          '第一次接触线上启蒙英语,发现唱唱课程实在太棒啦,既省事宝宝学起来还方便,每天快乐中学习。现在他们这个90天课程在做活动,限时免费学,不花1分钱,学习90天,还送实物教具,机不可失,速来领取~'\\n        ],\\n        commentIndex: 0,\\n        shareTitle: '钜惠来袭!唱唱启蒙英语90天课程免费学!',\\n        shareDesc: '报课即送价值498元教具礼盒,坚持打卡全额返学费,让0基础宝宝10分钟开口说英语,速来~'\\n      }\\n    },\\n    mounted(){\\n      this.getDetail();\\n    },\\n    methods:{\\n      onSwitch(){\\n         if (this.commentIndex === 0) {\\n           this.commentIndex = 1;\\n         } else if (this.commentIndex == 1) {\\n           this.commentIndex = 2;\\n         } else if (this.commentIndex == 2) {\\n           this.commentIndex = 0;\\n         }\\n      },\\n      onCopy(e){\\n        console.log('You just copied: ' + e.text);\\n        Toast({\\n          message: '复制成功',\\n          position: 'middle',\\n          className: 'copyToast',\\n          duration: 2000\\n        });\\n      },\\n      refshow(){\\n        Indicator.open();\\n        if(document.body.scrollTop < 10){\\n          document.body.scrollTop = 20;\\n          document.documentElement.scrollTop = 20;\\n        }\\n        if(localStorage.getItem('cc_token') && localStorage.getItem('cc_token') !== ''){\\n          setTimeout(()=>{\\n            Indicator.close();\\n            if(!this.invite_code){\\n              this.invite_code = 'CC-USER'\\n            }\\n            getUserDetailApi().then(res=>{\\n              this.user_id=res.user_id;\\n              let invite_code = this.invite_code.split('-');\\n              if(invite_code.length > 2 && invite_code[1] === 'TEACHER'){\\n                invite_code[1] = 'USER'\\n              }\\n              let code = `${invite_code[0]}-${invite_code[1]}`;\\n              let URL = `${process.env.BUY_URL}shopId=${this.shopId}&invite_code=${code}-${this.user_id}`;\\n              if(this.groupId && this.groupId !== 'null'){\\n                URL += `&groupId=${this.groupId}`\\n              }\\n              this.onNewShare(URL);\\n              console.log(URL);\\n              this.qrcode(URL);\\n              this.refVisible = true;\\n              this.$nextTick(()=>{\\n                if(!this.dataURL){\\n                  setTimeout(()=>{\\n                    let {\\n                      height,\\n                      width,\\n                      top\\n                    } = document.getElementById('capture').getClientRects()[0]\\n                    document.getElementById('capture').style.width = width + 'px';\\n                    let o = this.getOffsetRect(this.$refs.imageWrapper);\\n                    let {\\n                      height1,\\n                      width1\\n                    } = document.getElementById('capture').getClientRects()[0];\\n                    console.log('document.getElementById', document.getElementById('capture').getClientRects()[0]);\\n                    document.getElementById('inviteBtn').style.top = height + top + 20 + 'px';\\n                    document.getElementById('inviteBtn').style.opacity = 1;\\n                    html2canvas(document.getElementById('capture'),{\\n                      async: true,\\n                      timeout: 500,\\n                      scrollX:1,\\n                      scale: 3,\\n                      width: width1,\\n                      height: height1,\\n                      letterRendering: true,\\n                    }).then((canvas) => {\\n                      let dataURL = canvas.toDataURL(\\\"image/jpg\\\");\\n                      this.dataURL = dataURL;\\n                    }).catch(res=>{alert(res);console.log()});\\n                  },500)\\n                }else{\\n\\n                }\\n              })\\n            });\\n          },500)\\n\\n        }else{\\n          let query = {retUrl:this.$route.fullPath,is_new_user_url:'1'};\\n          this.$router.push({name:'author',query:query})\\n        }\\n      },\\n      getOffsetRect(ele){\\n        var box=ele.getBoundingClientRect();\\n        var body=document.body,\\n          docElem=document.documentElement;\\n        //获取页面的scrollTop,scrollLeft(兼容性写法)\\n        var scrollTop=window.pageYOffset||docElem.scrollTop||body.scrollTop,\\n          scrollLeft=window.pageXOffset||docElem.scrollLeft||body.scrollLeft;\\n        var clientTop=docElem.clientTop||body.clientTop,\\n          clientLeft=docElem.clientLeft||body.clientLeft;\\n        var top=box.top+scrollTop-clientTop,\\n          left=box.left+scrollLeft-clientLeft;\\n        return {\\n          //Math.round 兼容火狐浏览器bug\\n          top:Math.round(top),\\n          left:Math.round(left)\\n        }\\n      },\\n      qrcode(data){\\n        if(this.QRCodeB){\\n          this.QRCodeB.makeCode(data)\\n        }else{\\n          this.QRCodeB = new QRCode('qrcode', {\\n            width: 80,\\n            height: 80, // 高度\\n            text: data, // 二维码内容\\n            image: ''\\n          });\\n        }\\n\\n      },\\n      // 分享\\n      enableShare: function(option) {\\n        let that = this;\\n        getwechatParam({\\n          api_list:   'onMenuShareAppMessage,onMenuShareTimeline',\\n          url:window.location.href.split('#')[0]\\n        }).then(wechatRes => {\\n          console.log('enableShare', wechatRes)\\n          wx.config({\\n            debug: false,\\n            appId: wechatRes.appId,\\n            timestamp: parseInt(wechatRes.timestamp),\\n            nonceStr: wechatRes.nonceStr,\\n            signature: wechatRes.signature,\\n            jsApiList: wechatRes.jsApiList\\n          });\\n          wx.ready(function() {\\n              console.log('this.shareTitle', that.shareTitle)\\n            wx.onMenuShareTimeline({\\n              title: that.shareTitle, // 分享标题\\n              desc: that.shareDesc,// 分享描述\\n              link: option.shareUrl, // 分享链接\\n              imgUrl: option.shareIcon || 'https://cdn.singsingenglish.com/singsing/recommend/logo-refer.png', // 分享图标\\n              success: function() {\\n                console.log('分享成功');\\n                window._hmt.push(['_trackEvent', '分享', \\\"商品页好友分享\\\",`id${that.shopId}`,that.invite_code]);//百度统计\\n              },\\n              cancel: function() {\\n                // alert(\\\"失败\\\")\\n                console.log('分享失败')\\n              }\\n            });\\n            wx.onMenuShareAppMessage({\\n              title: that.shareTitle, // 分享标题\\n              desc: that.shareDesc,// 分享描述\\n              link: option.shareUrl, // 分享链接\\n              imgUrl: option.shareIcon || 'https://cdn.singsingenglish.com/singsing/recommend/logo-refer.png', // 分享图标\\n              success: function() {\\n                window._hmt.push(['_trackEvent', '分享', \\\"商品页朋友圈分享\\\",`id${that.shopId}`,that.invite_code]);//百度统计\\n              },\\n              cancel: function() {\\n              }\\n            });\\n          })\\n        })\\n      },\\n      onShare: function(type) {\\n        let URL = `${process.env.BUY_URL}?shopId=${this.shopId}&groupId=${this.groupId}&invite_code=${this.invite_code}`;\\n        if(type === 1 ){\\n          URL = `${process.env.BUY_URL}?shopId=${this.shopId}&invite_code=${this.invite_code}`\\n        }\\n        this.enableShare({\\n          product_title: this.groupDetail.share_desc.title,\\n          desc: this.groupDetail.share_desc.content,\\n          shareIcon:this.groupDetail.share_desc.img[0].url,\\n          shareUrl:URL\\n        })\\n      },\\n      onNewShare(url){\\n        this.enableShare({\\n          product_title: this.groupDetail.share_desc.title,\\n          desc: this.groupDetail.share_desc.content,\\n          shareIcon:this.groupDetail.share_desc.img[0].url,\\n          shareUrl:url\\n        })\\n      },\\n      toDataURLBase64 (src, callback) {\\n        let xhttp = new XMLHttpRequest();\\n        xhttp.onload = function () {\\n          let fileReader = new FileReader();\\n          fileReader.onloadend = function () {\\n            callback(fileReader.result)\\n          };\\n          fileReader.readAsDataURL(xhttp.response)\\n        };\\n        xhttp.responseType = 'blob';\\n        xhttp.open('GET', src, true);\\n        xhttp.send()\\n      },\\n      // 初始化\\n      getDetail(){\\n        if(window.location.href.indexOf('invite_code')> -1){\\n          this.invite_code = this.$route.query.invite_code;\\n          let l = this.invite_code.split('-').length\\n          if(l < 3){\\n            this.invite_code_f = false\\n          }\\n        }\\n        if(window.location.href.indexOf('shopId')>-1){\\n          this.shopId = this.$route.query.shopId;\\n          getGoodsDetailApi(this.shopId).then(res=>{\\n            res.desc = JSON.parse(res.desc);\\n            res.goods_desc = JSON.parse(res.goods_desc);\\n            res.share_desc = JSON.parse(res.share_desc);\\n            //商品下架跳转绑定商品\\n            if(res.status === 2 && res.bind_goods_id){\\n              this.$router.push({name:'buyDetail',query:{shopId:res.bind_goods_id}});\\n              this.getDetail();\\n              return\\n            }\\n            this.groupDetail = res;\\n            for (let i = 0;i<this.groupDetail.header_url.length;i++){\\n              this.groupDetail.header_url[i]=this.groupDetail.header_url[i].replace('http://','https://')\\n            }\\n            this.groupDetail.desc.detail = this.groupDetail.desc.detail.replace(/http:\\\\/\\\\//g,'https://');\\n            this.groupDetail.desc.qa = this.groupDetail.desc.qa.replace(/http:\\\\/\\\\//g,'https://');\\n            if(this.groupDetail.share_desc.refImg && this.groupDetail.share_desc.refImg.length === 1){\\n              this.groupDetail.share_desc.refImg[0].url = this.groupDetail.share_desc.refImg[0].url.replace('http://','https://');\\n              let _this = this;\\n              this.toDataURLBase64(this.groupDetail.share_desc.refImg[0].url, function (avatarUrl) {\\n                _this.groupDetail.share_desc.refImg[0].url = avatarUrl;\\n              });\\n            }\\n            if(this.groupDetail.goods_type === 2){\\n              if(localStorage.getItem('cc_token')){\\n                getStatusWechatApi({goods_id:this.shopId}).then(res=>{\\n                  if(res.out_trade_no){\\n                    this.$router.push({name:'success',query:{out_trade_no:res.out_trade_no}});\\n                  }\\n                });\\n              }\\n              if(window.location.href.indexOf('groupId')>-1){\\n                this.groupId = this.$route.query.groupId;\\n                getGroupDetailApi(this.groupId).then(res=>{\\n                  this.groupData = res\\n                });\\n                this.onShare(0)\\n              }else{\\n                this.onShare(1)\\n              }\\n            } else {\\n              this.refshow()\\n            }\\n          })\\n        }\\n\\n      },\\n      downloadImage(name) {\\n        var image = new Image()\\n        // 解决跨域 Canvas 污染问题\\n        image.setAttribute('crossOrigin', 'anonymous')\\n        image.onload = function () {\\n          var canvas = document.createElement('canvas')\\n          canvas.width = image.width\\n          canvas.height = image.height\\n\\n          var context = canvas.getContext('2d')\\n          context.drawImage(image, 0, 0, image.width, image.height)\\n          var url = canvas.toDataURL('image/png')\\n\\n          // 生成一个a元素\\n          var a = document.createElement('a')\\n          // 创建一个单击事件\\n          var event = new MouseEvent('click')\\n\\n          // 将a的download属性设置为我们想要下载的图片名称,若name不存在则使用‘下载图片名称’作为默认名称\\n          a.download = name || '下载图片名称'\\n          // 将生成的URL设置为a.href属性\\n          a.href = url\\n\\n          // 触发a的单击事件\\n          a.dispatchEvent(event)\\n        }\\n\\n        image.src = this.dataURL\\n      },\\n      onClickDownload(){\\n//        this.saveBase64AsFile(this.dataURL, 'test-download')\\n        let imgData = this.dataURL;\\n        imgData = imgData.replace(this.fixType('jpg'),'image/octet-stream');\\n        var filename = 'test' + '.' + 'jpg';\\n        this.saveFile(imgData,filename);\\n      },\\n      saveFile(data, filename){\\n        let save_link = document.createElementNS('http://www.w3.org/1999/xhtml', 'a');\\n        save_link.href = data;\\n        save_link.download = filename;\\n\\n        let event = document.createEvent('MouseEvents');\\n        event.initMouseEvent('click', true, false, window, 0, 0, 0, 0, 0, false, false, false, false, 0, null);\\n        save_link.dispatchEvent(event);\\n      },\\n      fixType(type){\\n        type = type.toLowerCase().replace(/jpg/i, 'jpeg');\\n        var r = type.match(/png|jpeg|bmp|gif/)[0];\\n        return 'image/' + r;\\n      },\\n      saveBase64AsFile(base64, fileName) {\\n        let link = document.createElement(\\\"a\\\");\\n        link.setAttribute(\\\"href\\\", this.friendsUrl);\\n        link.setAttribute(\\\"download\\\", fileName);\\n        link.click();\\n      }\\n    }\\n  }\\n</script>\\n<style>\\n  img,video{\\n    max-width: 100%;\\n  }\\n  .copyToast {\\n    z-index: 9999;\\n  }\\n</style>\\n<style scoped lang=\\\"less\\\">\\n  @import \\\"../../util/public\\\";\\n  @keyframes marquee {\\n    0% {\\n      transform: translateX(0);\\n    }\\n    100% {\\n      transform: translateX(-1300px);\\n    }\\n  }\\n  .marquee {\\n    display: block;\\n    width: 100%;\\n    top: 12 * @toVw;\\n    left: 0;\\n    text-align: center;\\n    position: absolute;\\n    -webkit-animation: marquee 30s linear infinite;\\n    animation: marquee 30s linear infinite;\\n  }\\n  .elips {\\n    position: relative;\\n    width: 170* @toVw;\\n    height: 100%;\\n    overflow: hidden;\\n    white-space: nowrap;\\n    /*text-overflow: ellipsis;*/\\n    margin: 0;\\n    z-index: 1;\\n  }\\n  .tips {\\n    width: 230 * @toVw;\\n    margin-left: 163 / 2 * @toVw;\\n    margin-top: 10 * @toVw;\\n  }\\n  .img-cvs{\\n    position: absolute;\\n    width: 525 / 2 * @toVw;\\n    top: 90 * @toVh;\\n    left: 113 / 2 * @toVw;\\n    border-radius: 10px;\\n    img {\\n      border-radius: 10px;\\n    }\\n  .qrcode{\\n    position: absolute;\\n    top: 700 / 2 * @toVw;\\n    left: 15 * @toVw;\\n    width: 60 * @toVw;\\n  }\\n  }\\n  .cvs-img{\\n    position: absolute;\\n    width: 525 / 2 * @toVw;\\n    top: 90 * @toVh;\\n    left: 113 / 2 * @toVw;\\n    border-radius: 10px;\\n    z-index: 10;\\n  }\\n  .inviteBtn {\\n    position: absolute;\\n    width: 100%;\\n    opacity: 0;\\n    text-align: center;\\n\\n    .i-btn {\\n      position: relative;\\n      width: 642 / 2 * @toVw;\\n      height: 92 / 2 * @toVw;\\n      text-align: left;\\n      font-size: 14 * @toVw;\\n      color: #fff;\\n      background: url('../../assets/activity/red-bg.png') no-repeat center;\\n      background-size: cover;\\n      box-sizing: border-box;\\n      padding: 2px 58/2*@toVw;\\n      overflow: hidden;\\n      .i-env {\\n        width: 36 / 2 * @toVw;;\\n        height: auto;\\n        margin-right: 5px;\\n        margin-left: 0;\\n        z-index: 2;\\n      }\\n      .i-env-title {\\n        font-size: 16 * @toVw;\\n        margin:0;\\n        z-index: 2;\\n      }\\n    }\\n  }\\n  .flex-start {\\n    display: flex;\\n    flex-flow: row nowrap;\\n    justify-content: flex-start;\\n    align-items: center;\\n  }\\n  .g-btns {\\n    display: flex;\\n    flex-flow: row nowrap;\\n    justify-content: space-around;\\n    align-items: center;\\n    width: 642 / 2 * @toVw;\\n    margin-top: 30 / 2 * @toVw;\\n    font-size: 14 * @toVw;\\n    color: #fff;\\n    img {\\n      width: 96 / 2 * @toVw;\\n      height: 96 / 2 * @toVw;\\n    }\\n  }\\n  .copyBtn {\\n    background: url('../../assets/activity/yellow-bg.png') no-repeat center;\\n    background-size: cover;\\n    box-sizing: border-box;\\n    width: 567 / 2 * @toVw;\\n    height: 92 / 2 * @toVw;\\n    text-align: center;\\n    line-height: 92 / 2 * @toVw;\\n    color: #fff;\\n    font-size: 20 * @toVw;\\n  }\\n  .flex-bt {\\n    display: flex;\\n    flex-flow: row nowrap;\\n    justify-content: space-between;\\n    align-items: center;\\n  }\\n  .p-tips {\\n    color: #999;\\n    font-size: 15 * @toVw;\\n  }\\n  .p-envelope {\\n    width: 22 * @toVw;\\n    height: 22 * @toVw;\\n    margin-right: 12 * @toVw;\\n  }\\n  .p-switch {\\n    width: 15 * @toVw;\\n    height: 15 * @toVw;\\n  }\\n  .p-comments {\\n    margin: 15px 0;\\n    height: 150 * @toVw;\\n    overflow-y: scroll;\\n    p {\\n      line-height: 2;\\n    }\\n  }\\n  .no-margin {\\n    margin: 0;\\n  }\\n  .ref-content{\\n    width: 299 * @toVw;\\n    height: 564 * @toVw;\\n    background-size: 100% 100%;\\n    position: relative;\\n  .tips{\\n    font-size: 12px;\\n    position: absolute;\\n    color: #666;\\n    right: 10 * @toVw;\\n    top: 250 * @toVw;\\n    width: 1em;\\n  }\\n  }\\n  .group-index{\\n    height: 100%;\\n    padding-bottom: toVw(150);\\n    background: #f0f0f0;\\n    font-family: PingFangSC-Regular;\\n  .ref-icon{\\n    position: fixed;\\n    height: 100/375 * 90vw ;\\n    top: 70vw;\\n    z-index: 6;\\n    right: 10 * 100 /375vw;\\n    border-radius: 100px;\\n  }\\n  .banner{\\n    background: white;\\n  img{\\n    width: 100%;\\n  }\\n  }\\n  .head{\\n    background: white;\\n    margin-bottom: 10px;\\n    padding: 20/7.5vw;\\n  .title{\\n    font-size: 20px;\\n    color: #333333;\\n    margin-bottom: 15/7.5vw;\\n  }\\n  .detail{\\n    font-size: 12px;\\n    line-height: 1.6em;\\n    color: #333333;\\n    display: block;\\n    margin-bottom: 15/7.5vw;\\n  }\\n  .price{\\n  .price-content{\\n    font-family: PingFang-SC-Bold;\\n    font-size: 20px;\\n    color: #F83534;\\n  }\\n  }\\n  }\\n  .head-icon{\\n    padding: 20/7.5vw;\\n    background: white;\\n    margin-bottom: 2px;\\n  .icon{\\n    display: inline-block;\\n    width: 60/7.5vw;\\n    margin: 0 10/7.5vw;\\n    border-radius: 1000px;\\n    vertical-align: middle;\\n  }\\n  .more{\\n    width: 50/7.5vw;\\n    vertical-align: middle;\\n  }\\n  .has{\\n    font-size: 12px;\\n    line-height: 60/7.5vw;\\n    color: #999999;\\n    float: right;\\n  }\\n  }\\n  .welfare{\\n    background: white;\\n    padding:10/7.5vw ;\\n    font-size: 12px;\\n    text-align: center;\\n    color: #999999;\\n    margin-bottom: 20px;\\n  }\\n  .main-detail{\\n    padding: 20/7.5vw;\\n    background: white;\\n  .tab-content{\\n    border-radius: 9px ;\\n    border: 1px solid #F63539;\\n  &:after{\\n     content: '';\\n     display: block;\\n     clear: both;\\n   }\\n  .tab-btn{\\n    width: 50%;\\n    float: left;\\n    height: 80/7.5vw;\\n    line-height: 80/7.5vw;\\n    text-align: center;\\n    color: #F63539;\\n    border-radius:9px ;\\n  &.active{\\n     background: #F63539;\\n     color: white;\\n   }\\n  }\\n  }\\n  .qa-block{\\n    padding: 20/7.5vw 0 toVw(150) 0;\\n  img,video{\\n    max-width: 100%;\\n  }\\n  .qa-content{\\n    margin: toVw(10) 0;\\n  .qa-q{\\n    font-size: 16px;\\n    color: #666666;\\n  }\\n  .qa-a{\\n    font-size: 16px;\\n    color: #333333;\\n  }\\n  }\\n  }\\n  .detail{\\n    padding: 20/7.5vw 0 150/7.5vw 0;\\n  .detail-content{\\n  img,video{\\n    max-width: 100%;\\n  }\\n  }\\n\\n  }\\n  }\\n  footer{\\n    position: absolute;\\n    position: fixed;\\n    bottom: 0;\\n    width: 100%;\\n    height: 120/7.5vw;\\n    display: -webkit-box;      // OLD - iOS 6-, Safari 3.1-6 //\\n  display: -moz-box;         // OLD - Firefox 19- (buggy but mostly works) //\\n  display: -ms-flexbox;      // TWEENER - IE 10 //\\n  display: -webkit-flex;     // NEW - Chrome //\\n  display: flex;             // NEW, Spec - Opera 12.1, Firefox 20+ //\\n  background: white;\\n    padding: 10/7.5vw;\\n    border-top: 1px solid #d8d8d8;\\n    justify-content:space-around;\\n  .btn{\\n    border: 1px solid #cccccc;\\n    border-radius: 8px;\\n    width:0;\\n    flex-grow:2;\\n    text-align: center;\\n    padding: 15/7.5vw 0;\\n    margin: 0 10/7.5vw;\\n    line-height: 1.4em;\\n    font-size: 16px;\\n    color: #666666;\\n  span{\\n    display: block;\\n    font-size: 20px;\\n    font-family: PingFang-SC-Bold;\\n  }\\n  img{\\n    width: 50/7.5vw;\\n  }\\n  &.big{\\n     padding: 5/7.5vw 0;\\n     flex-grow:5;\\n  &.price{\\n     background:  #F83534;\\n     border-color: #F83534;\\n     color: white;\\n   }\\n  }\\n  }\\n  }\\n  .pop-block{\\n    padding:40/7.5vw 10/7.5vw;\\n    width: 600/7.5vw;\\n    text-align: center;\\n    font-size: 14px;\\n    color: #666666;\\n    position: relative;\\n  img{\\n    width: 250/7.5vw;\\n  }\\n  .close{\\n    width: 50/7.5vw;\\n    position: absolute;\\n    top: 20/7.5vw;\\n    right: 20/7.5vw;\\n  }\\n  }\\n  .mint-popup{\\n    border-radius: 10px;\\n  }\\n  .pop-fill{\\n    width: 705 / 2 * @toVw;\\n    padding:30/7.5vw 30/7.5vw;\\n    box-sizing: border-box;\\n    font-size: 16px;\\n    color: #333333;\\n    .close {\\n      position: absolute;\\n      width: 100%;\\n      bottom: -60 * @toVw;\\n      left: 0;\\n      text-align: center;\\n    }\\n    .close-pop {\\n      width: 75 / 2 * @toVw;\\n      height: 75 / 2 * @toVw;\\n    }\\n  .btn-block{\\n    margin-top: 30/7.5vw;\\n  &:after{\\n     content:'';\\n     display: block;\\n     clear: both;\\n   }\\n  .btn{\\n    float: right;\\n    background: #F83534;\\n    font-size: 14px;\\n    padding: 5/7.5vw 10/7.5vw;\\n    border-radius: 8px;\\n    color: #FFFFFF;\\n  }\\n  }\\n  }\\n\\n  }\\n\\n</style>\\n\"],\"sourceRoot\":\"\"}]);\n\n// exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/css-loader?{\"sourceMap\":true}!./node_modules/vue-loader/lib/style-compiler?{\"vue\":true,\"id\":\"data-v-3a31699e\",\"scoped\":false,\"hasInlineConfig\":false}!./node_modules/vue-loader/lib/selector.js?type=styles&index=0!./src/components/buy/activityInvite.vue\n// module id = MyYq\n// module chunks = 2","<template>\n  <div class=\"group-index\" ref=\"index\" v-if=\"groupDetail\" style=\"background-color: #fda813;\">\n    <div>\n      <img class=\"tips\" :src=\"tipsUrl\"/>\n      <div class=\"img-cvs\" id=\"capture\" ref=\"imageWrapper\" v-if=\"groupDetail.share_desc.refImg && groupDetail.share_desc.refImg.length > 0\">\n        <img :src=\"groupDetail.share_desc.refImg[0].url\">\n        <div id=\"qrcode\" class=\"qrcode\">\n        </div>\n      </div>\n      <img :src=\"dataURL\" class=\"cvs-img\" id=\"cvs-img\"/>\n      <div class=\"inviteBtn\" id=\"inviteBtn\">\n        <div class=\"i-btn flex-start\" @click=\"show=true\">\n          <img class=\"i-env\" :src=\"whiteEnvelopeUrl\"/>\n          <span class=\"i-env-title\">邀请语:</span>\n          <div class=\"elips\"><span class=\"marquee\">{{comments[commentIndex]}}</span></div>\n        </div>\n      </div>\n      <mt-popup v-model=\"show\" :closeOnClickModal=\"false\">\n        <div class=\"pop-fill\">\n          <div class=\"flex-bt\">\n            <div class=\"flex-start no-margin\">\n              <img class=\"p-envelope\" :src=\"envelopeUrl\"/>\n              <span class=\"p-tips\">贴心的邀请语提高成功率</span>\n            </div>\n            <img class=\"p-switch no-margin\" :src=\"switchUrl\" @click=\"onSwitch\"/>\n          </div>\n          <div class=\"p-comments\">\n            <p>{{comments[commentIndex]}}</p>\n          </div>\n          <div class=\"copyBtn\" v-clipboard:copy=\"comments[commentIndex]\" v-clipboard:success=\"onCopy\">复制邀请语</div>\n          <div class=\"close\">\n            <img :src=\"closePopUrl\" class=\"close-pop\" @click=\"show=false\"/>\n          </div>\n        </div>\n      </mt-popup>\n    </div>\n  </div>\n</template>\n\n<script>\n  import 'swiper/dist/css/swiper.css'\n  import { swiper, swiperSlide } from 'vue-awesome-swiper'\n  import  QRCode from 'qrcodejs2'\n  import { Indicator } from 'mint-ui';\n  import {getwechatParam,getGoodsDetailApi,getGroupDetailApi,getStatusWechatApi,getUserDetailApi} from \"../../service/api\";\n  import refBg from '../../assets/refBg.png'\n  import moreUrl from '../../assets/moreIcon.png'\n  import refIcon from '../../assets/refIcon.png'\n  import weChatIcon from '../../assets/wechatIcon.png'\n  import weChatQrUrl from '../../assets/weChatCode.png'\n  import closeUrl from '../../assets/closemy.png'\n  import redBtnUrl from '../../assets/activity/red-bg.png'\n  import envelopeUrl from '../../assets/activity/envelope.png'\n  import whiteEnvelopeUrl from '../../assets/activity/white-envelope.png'\n  import closePopUrl from '../../assets/activity/close.png'\n  import switchUrl from '../../assets/activity/switch.png'\n  import tipsUrl from '../../assets/activity/tips.png'\n  import html2canvas from 'html2canvas'\n  import { Toast } from 'mint-ui';\n  export default {\n    name: \"index\",\n    components: {\n      swiper,\n      swiperSlide,\n    },\n    data(){\n      return {\n        refBg:refBg,\n        join:false,\n        popType:false,\n        popFill:false,\n        popupVisible:false,\n        refVisible:false,\n        tabType:true,\n        popcontentW:`您已经购买过课程,无需重复<br>购买,您可以添加微信公众号了解更多`,\n        popcontentT:`为了更好地为您进行课程服务,<br>请扫码添加老师二维码`,\n        qrCode:weChatQrUrl,\n        weChatIcon:weChatIcon,\n        closeUrl:closeUrl,\n        moreUrl:moreUrl,\n        tipsUrl:tipsUrl,\n        refIcon:refIcon,\n        swiperOption: {\n          pagination: {\n            el: '.swiper-pagination'\n          }\n        },\n        QRCodeB:false,\n        dataURL:null,\n        user_id:null,\n        invite_code_f:true,\n        invite_code:'',\n        shopId:'',\n        groupId:null,\n        groupDetail:false,\n        groupData:null,\n        redBtnUrl: redBtnUrl,\n        envelopeUrl: envelopeUrl,\n        whiteEnvelopeUrl: whiteEnvelopeUrl,\n        closePopUrl: closePopUrl,\n        switchUrl: switchUrl,\n        show: false,\n        comments: [\n          '英语这样启蒙效果太棒啦,唱唱这个90天启蒙课程做真不错,推荐给你们!坚持打卡全额返学费,报课即送价值498元教具礼盒。数量有限,抢完即止!',\n          '发现一款对宝宝英语启蒙特别有用的产品,每天10分钟宝宝已经爱上英语、爱唱英语。现在他们这个90天课程在做活动,坚持打卡全额返学费。我体验过了,真的很好!快带着宝宝一起唱玩英语吧~',\n          '第一次接触线上启蒙英语,发现唱唱课程实在太棒啦,既省事宝宝学起来还方便,每天快乐中学习。现在他们这个90天课程在做活动,限时免费学,不花1分钱,学习90天,还送实物教具,机不可失,速来领取~'\n        ],\n        commentIndex: 0,\n        shareTitle: '钜惠来袭!唱唱启蒙英语90天课程免费学!',\n        shareDesc: '报课即送价值498元教具礼盒,坚持打卡全额返学费,让0基础宝宝10分钟开口说英语,速来~'\n      }\n    },\n    mounted(){\n      this.getDetail();\n    },\n    methods:{\n      onSwitch(){\n         if (this.commentIndex === 0) {\n           this.commentIndex = 1;\n         } else if (this.commentIndex == 1) {\n           this.commentIndex = 2;\n         } else if (this.commentIndex == 2) {\n           this.commentIndex = 0;\n         }\n      },\n      onCopy(e){\n        console.log('You just copied: ' + e.text);\n        Toast({\n          message: '复制成功',\n          position: 'middle',\n          className: 'copyToast',\n          duration: 2000\n        });\n      },\n      refshow(){\n        Indicator.open();\n        if(document.body.scrollTop < 10){\n          document.body.scrollTop = 20;\n          document.documentElement.scrollTop = 20;\n        }\n        if(localStorage.getItem('cc_token') && localStorage.getItem('cc_token') !== ''){\n          setTimeout(()=>{\n            Indicator.close();\n            if(!this.invite_code){\n              this.invite_code = 'CC-USER'\n            }\n            getUserDetailApi().then(res=>{\n              this.user_id=res.user_id;\n              let invite_code = this.invite_code.split('-');\n              if(invite_code.length > 2 && invite_code[1] === 'TEACHER'){\n                invite_code[1] = 'USER'\n              }\n              let code = `${invite_code[0]}-${invite_code[1]}`;\n              let URL = `${process.env.BUY_URL}shopId=${this.shopId}&invite_code=${code}-${this.user_id}`;\n              if(this.groupId && this.groupId !== 'null'){\n                URL += `&groupId=${this.groupId}`\n              }\n              this.onNewShare(URL);\n              console.log(URL);\n              this.qrcode(URL);\n              this.refVisible = true;\n              this.$nextTick(()=>{\n                if(!this.dataURL){\n                  setTimeout(()=>{\n                    let {\n                      height,\n                      width,\n                      top\n                    } = document.getElementById('capture').getClientRects()[0]\n                    document.getElementById('capture').style.width = width + 'px';\n                    let o = this.getOffsetRect(this.$refs.imageWrapper);\n                    let {\n                      height1,\n                      width1\n                    } = document.getElementById('capture').getClientRects()[0];\n                    console.log('document.getElementById', document.getElementById('capture').getClientRects()[0]);\n                    document.getElementById('inviteBtn').style.top = height + top + 20 + 'px';\n                    document.getElementById('inviteBtn').style.opacity = 1;\n                    html2canvas(document.getElementById('capture'),{\n                      async: true,\n                      timeout: 500,\n                      scrollX:1,\n                      scale: 3,\n                      width: width1,\n                      height: height1,\n                      letterRendering: true,\n                    }).then((canvas) => {\n                      let dataURL = canvas.toDataURL(\"image/jpg\");\n                      this.dataURL = dataURL;\n                    }).catch(res=>{alert(res);console.log()});\n                  },500)\n                }else{\n\n                }\n              })\n            });\n          },500)\n\n        }else{\n          let query = {retUrl:this.$route.fullPath,is_new_user_url:'1'};\n          this.$router.push({name:'author',query:query})\n        }\n      },\n      getOffsetRect(ele){\n        var box=ele.getBoundingClientRect();\n        var body=document.body,\n          docElem=document.documentElement;\n        //获取页面的scrollTop,scrollLeft(兼容性写法)\n        var scrollTop=window.pageYOffset||docElem.scrollTop||body.scrollTop,\n          scrollLeft=window.pageXOffset||docElem.scrollLeft||body.scrollLeft;\n        var clientTop=docElem.clientTop||body.clientTop,\n          clientLeft=docElem.clientLeft||body.clientLeft;\n        var top=box.top+scrollTop-clientTop,\n          left=box.left+scrollLeft-clientLeft;\n        return {\n          //Math.round 兼容火狐浏览器bug\n          top:Math.round(top),\n          left:Math.round(left)\n        }\n      },\n      qrcode(data){\n        if(this.QRCodeB){\n          this.QRCodeB.makeCode(data)\n        }else{\n          this.QRCodeB = new QRCode('qrcode', {\n            width: 80,\n            height: 80, // 高度\n            text: data, // 二维码内容\n            image: ''\n          });\n        }\n\n      },\n      // 分享\n      enableShare: function(option) {\n        let that = this;\n        getwechatParam({\n          api_list:   'onMenuShareAppMessage,onMenuShareTimeline',\n          url:window.location.href.split('#')[0]\n        }).then(wechatRes => {\n          console.log('enableShare', wechatRes)\n          wx.config({\n            debug: false,\n            appId: wechatRes.appId,\n            timestamp: parseInt(wechatRes.timestamp),\n            nonceStr: wechatRes.nonceStr,\n            signature: wechatRes.signature,\n            jsApiList: wechatRes.jsApiList\n          });\n          wx.ready(function() {\n              console.log('this.shareTitle', that.shareTitle)\n            wx.onMenuShareTimeline({\n              title: that.shareTitle, // 分享标题\n              desc: that.shareDesc,// 分享描述\n              link: option.shareUrl, // 分享链接\n              imgUrl: option.shareIcon || 'https://cdn.singsingenglish.com/singsing/recommend/logo-refer.png', // 分享图标\n              success: function() {\n                console.log('分享成功');\n                window._hmt.push(['_trackEvent', '分享', \"商品页好友分享\",`id${that.shopId}`,that.invite_code]);//百度统计\n              },\n              cancel: function() {\n                // alert(\"失败\")\n                console.log('分享失败')\n              }\n            });\n            wx.onMenuShareAppMessage({\n              title: that.shareTitle, // 分享标题\n              desc: that.shareDesc,// 分享描述\n              link: option.shareUrl, // 分享链接\n              imgUrl: option.shareIcon || 'https://cdn.singsingenglish.com/singsing/recommend/logo-refer.png', // 分享图标\n              success: function() {\n                window._hmt.push(['_trackEvent', '分享', \"商品页朋友圈分享\",`id${that.shopId}`,that.invite_code]);//百度统计\n              },\n              cancel: function() {\n              }\n            });\n          })\n        })\n      },\n      onShare: function(type) {\n        let URL = `${process.env.BUY_URL}?shopId=${this.shopId}&groupId=${this.groupId}&invite_code=${this.invite_code}`;\n        if(type === 1 ){\n          URL = `${process.env.BUY_URL}?shopId=${this.shopId}&invite_code=${this.invite_code}`\n        }\n        this.enableShare({\n          product_title: this.groupDetail.share_desc.title,\n          desc: this.groupDetail.share_desc.content,\n          shareIcon:this.groupDetail.share_desc.img[0].url,\n          shareUrl:URL\n        })\n      },\n      onNewShare(url){\n        this.enableShare({\n          product_title: this.groupDetail.share_desc.title,\n          desc: this.groupDetail.share_desc.content,\n          shareIcon:this.groupDetail.share_desc.img[0].url,\n          shareUrl:url\n        })\n      },\n      toDataURLBase64 (src, callback) {\n        let xhttp = new XMLHttpRequest();\n        xhttp.onload = function () {\n          let fileReader = new FileReader();\n          fileReader.onloadend = function () {\n            callback(fileReader.result)\n          };\n          fileReader.readAsDataURL(xhttp.response)\n        };\n        xhttp.responseType = 'blob';\n        xhttp.open('GET', src, true);\n        xhttp.send()\n      },\n      // 初始化\n      getDetail(){\n        if(window.location.href.indexOf('invite_code')> -1){\n          this.invite_code = this.$route.query.invite_code;\n          let l = this.invite_code.split('-').length\n          if(l < 3){\n            this.invite_code_f = false\n          }\n        }\n        if(window.location.href.indexOf('shopId')>-1){\n          this.shopId = this.$route.query.shopId;\n          getGoodsDetailApi(this.shopId).then(res=>{\n            res.desc = JSON.parse(res.desc);\n            res.goods_desc = JSON.parse(res.goods_desc);\n            res.share_desc = JSON.parse(res.share_desc);\n            //商品下架跳转绑定商品\n            if(res.status === 2 && res.bind_goods_id){\n              this.$router.push({name:'buyDetail',query:{shopId:res.bind_goods_id}});\n              this.getDetail();\n              return\n            }\n            this.groupDetail = res;\n            for (let i = 0;i<this.groupDetail.header_url.length;i++){\n              this.groupDetail.header_url[i]=this.groupDetail.header_url[i].replace('http://','https://')\n            }\n            this.groupDetail.desc.detail = this.groupDetail.desc.detail.replace(/http:\\/\\//g,'https://');\n            this.groupDetail.desc.qa = this.groupDetail.desc.qa.replace(/http:\\/\\//g,'https://');\n            if(this.groupDetail.share_desc.refImg && this.groupDetail.share_desc.refImg.length === 1){\n              this.groupDetail.share_desc.refImg[0].url = this.groupDetail.share_desc.refImg[0].url.replace('http://','https://');\n              let _this = this;\n              this.toDataURLBase64(this.groupDetail.share_desc.refImg[0].url, function (avatarUrl) {\n                _this.groupDetail.share_desc.refImg[0].url = avatarUrl;\n              });\n            }\n            if(this.groupDetail.goods_type === 2){\n              if(localStorage.getItem('cc_token')){\n                getStatusWechatApi({goods_id:this.shopId}).then(res=>{\n                  if(res.out_trade_no){\n                    this.$router.push({name:'success',query:{out_trade_no:res.out_trade_no}});\n                  }\n                });\n              }\n              if(window.location.href.indexOf('groupId')>-1){\n                this.groupId = this.$route.query.groupId;\n                getGroupDetailApi(this.groupId).then(res=>{\n                  this.groupData = res\n                });\n                this.onShare(0)\n              }else{\n                this.onShare(1)\n              }\n            } else {\n              this.refshow()\n            }\n          })\n        }\n\n      },\n      downloadImage(name) {\n        var image = new Image()\n        // 解决跨域 Canvas 污染问题\n        image.setAttribute('crossOrigin', 'anonymous')\n        image.onload = function () {\n          var canvas = document.createElement('canvas')\n          canvas.width = image.width\n          canvas.height = image.height\n\n          var context = canvas.getContext('2d')\n          context.drawImage(image, 0, 0, image.width, image.height)\n          var url = canvas.toDataURL('image/png')\n\n          // 生成一个a元素\n          var a = document.createElement('a')\n          // 创建一个单击事件\n          var event = new MouseEvent('click')\n\n          // 将a的download属性设置为我们想要下载的图片名称,若name不存在则使用‘下载图片名称’作为默认名称\n          a.download = name || '下载图片名称'\n          // 将生成的URL设置为a.href属性\n          a.href = url\n\n          // 触发a的单击事件\n          a.dispatchEvent(event)\n        }\n\n        image.src = this.dataURL\n      },\n      onClickDownload(){\n//        this.saveBase64AsFile(this.dataURL, 'test-download')\n        let imgData = this.dataURL;\n        imgData = imgData.replace(this.fixType('jpg'),'image/octet-stream');\n        var filename = 'test' + '.' + 'jpg';\n        this.saveFile(imgData,filename);\n      },\n      saveFile(data, filename){\n        let save_link = document.createElementNS('http://www.w3.org/1999/xhtml', 'a');\n        save_link.href = data;\n        save_link.download = filename;\n\n        let event = document.createEvent('MouseEvents');\n        event.initMouseEvent('click', true, false, window, 0, 0, 0, 0, 0, false, false, false, false, 0, null);\n        save_link.dispatchEvent(event);\n      },\n      fixType(type){\n        type = type.toLowerCase().replace(/jpg/i, 'jpeg');\n        var r = type.match(/png|jpeg|bmp|gif/)[0];\n        return 'image/' + r;\n      },\n      saveBase64AsFile(base64, fileName) {\n        let link = document.createElement(\"a\");\n        link.setAttribute(\"href\", this.friendsUrl);\n        link.setAttribute(\"download\", fileName);\n        link.click();\n      }\n    }\n  }\n</script>\n<style>\n  img,video{\n    max-width: 100%;\n  }\n  .copyToast {\n    z-index: 9999;\n  }\n</style>\n<style scoped lang=\"less\">\n  @import \"../../util/public\";\n  @keyframes marquee {\n    0% {\n      transform: translateX(0);\n    }\n    100% {\n      transform: translateX(-1300px);\n    }\n  }\n  .marquee {\n    display: block;\n    width: 100%;\n    top: 12 * @toVw;\n    left: 0;\n    text-align: center;\n    position: absolute;\n    -webkit-animation: marquee 30s linear infinite;\n    animation: marquee 30s linear infinite;\n  }\n  .elips {\n    position: relative;\n    width: 170* @toVw;\n    height: 100%;\n    overflow: hidden;\n    white-space: nowrap;\n    /*text-overflow: ellipsis;*/\n    margin: 0;\n    z-index: 1;\n  }\n  .tips {\n    width: 230 * @toVw;\n    margin-left: 163 / 2 * @toVw;\n    margin-top: 10 * @toVw;\n  }\n  .img-cvs{\n    position: absolute;\n    width: 525 / 2 * @toVw;\n    top: 90 * @toVh;\n    left: 113 / 2 * @toVw;\n    border-radius: 10px;\n    img {\n      border-radius: 10px;\n    }\n  .qrcode{\n    position: absolute;\n    top: 700 / 2 * @toVw;\n    left: 15 * @toVw;\n    width: 60 * @toVw;\n  }\n  }\n  .cvs-img{\n    position: absolute;\n    width: 525 / 2 * @toVw;\n    top: 90 * @toVh;\n    left: 113 / 2 * @toVw;\n    border-radius: 10px;\n    z-index: 10;\n  }\n  .inviteBtn {\n    position: absolute;\n    width: 100%;\n    opacity: 0;\n    text-align: center;\n\n    .i-btn {\n      position: relative;\n      width: 642 / 2 * @toVw;\n      height: 92 / 2 * @toVw;\n      text-align: left;\n      font-size: 14 * @toVw;\n      color: #fff;\n      background: url('../../assets/activity/red-bg.png') no-repeat center;\n      background-size: cover;\n      box-sizing: border-box;\n      padding: 2px 58/2*@toVw;\n      overflow: hidden;\n      .i-env {\n        width: 36 / 2 * @toVw;;\n        height: auto;\n        margin-right: 5px;\n        margin-left: 0;\n        z-index: 2;\n      }\n      .i-env-title {\n        font-size: 16 * @toVw;\n        margin:0;\n        z-index: 2;\n      }\n    }\n  }\n  .flex-start {\n    display: flex;\n    flex-flow: row nowrap;\n    justify-content: flex-start;\n    align-items: center;\n  }\n  .g-btns {\n    display: flex;\n    flex-flow: row nowrap;\n    justify-content: space-around;\n    align-items: center;\n    width: 642 / 2 * @toVw;\n    margin-top: 30 / 2 * @toVw;\n    font-size: 14 * @toVw;\n    color: #fff;\n    img {\n      width: 96 / 2 * @toVw;\n      height: 96 / 2 * @toVw;\n    }\n  }\n  .copyBtn {\n    background: url('../../assets/activity/yellow-bg.png') no-repeat center;\n    background-size: cover;\n    box-sizing: border-box;\n    width: 567 / 2 * @toVw;\n    height: 92 / 2 * @toVw;\n    text-align: center;\n    line-height: 92 / 2 * @toVw;\n    color: #fff;\n    font-size: 20 * @toVw;\n  }\n  .flex-bt {\n    display: flex;\n    flex-flow: row nowrap;\n    justify-content: space-between;\n    align-items: center;\n  }\n  .p-tips {\n    color: #999;\n    font-size: 15 * @toVw;\n  }\n  .p-envelope {\n    width: 22 * @toVw;\n    height: 22 * @toVw;\n    margin-right: 12 * @toVw;\n  }\n  .p-switch {\n    width: 15 * @toVw;\n    height: 15 * @toVw;\n  }\n  .p-comments {\n    margin: 15px 0;\n    height: 150 * @toVw;\n    overflow-y: scroll;\n    p {\n      line-height: 2;\n    }\n  }\n  .no-margin {\n    margin: 0;\n  }\n  .ref-content{\n    width: 299 * @toVw;\n    height: 564 * @toVw;\n    background-size: 100% 100%;\n    position: relative;\n  .tips{\n    font-size: 12px;\n    position: absolute;\n    color: #666;\n    right: 10 * @toVw;\n    top: 250 * @toVw;\n    width: 1em;\n  }\n  }\n  .group-index{\n    height: 100%;\n    padding-bottom: toVw(150);\n    background: #f0f0f0;\n    font-family: PingFangSC-Regular;\n  .ref-icon{\n    position: fixed;\n    height: 100/375 * 90vw ;\n    top: 70vw;\n    z-index: 6;\n    right: 10 * 100 /375vw;\n    border-radius: 100px;\n  }\n  .banner{\n    background: white;\n  img{\n    width: 100%;\n  }\n  }\n  .head{\n    background: white;\n    margin-bottom: 10px;\n    padding: 20/7.5vw;\n  .title{\n    font-size: 20px;\n    color: #333333;\n    margin-bottom: 15/7.5vw;\n  }\n  .detail{\n    font-size: 12px;\n    line-height: 1.6em;\n    color: #333333;\n    display: block;\n    margin-bottom: 15/7.5vw;\n  }\n  .price{\n  .price-content{\n    font-family: PingFang-SC-Bold;\n    font-size: 20px;\n    color: #F83534;\n  }\n  }\n  }\n  .head-icon{\n    padding: 20/7.5vw;\n    background: white;\n    margin-bottom: 2px;\n  .icon{\n    display: inline-block;\n    width: 60/7.5vw;\n    margin: 0 10/7.5vw;\n    border-radius: 1000px;\n    vertical-align: middle;\n  }\n  .more{\n    width: 50/7.5vw;\n    vertical-align: middle;\n  }\n  .has{\n    font-size: 12px;\n    line-height: 60/7.5vw;\n    color: #999999;\n    float: right;\n  }\n  }\n  .welfare{\n    background: white;\n    padding:10/7.5vw ;\n    font-size: 12px;\n    text-align: center;\n    color: #999999;\n    margin-bottom: 20px;\n  }\n  .main-detail{\n    padding: 20/7.5vw;\n    background: white;\n  .tab-content{\n    border-radius: 9px ;\n    border: 1px solid #F63539;\n  &:after{\n     content: '';\n     display: block;\n     clear: both;\n   }\n  .tab-btn{\n    width: 50%;\n    float: left;\n    height: 80/7.5vw;\n    line-height: 80/7.5vw;\n    text-align: center;\n    color: #F63539;\n    border-radius:9px ;\n  &.active{\n     background: #F63539;\n     color: white;\n   }\n  }\n  }\n  .qa-block{\n    padding: 20/7.5vw 0 toVw(150) 0;\n  img,video{\n    max-width: 100%;\n  }\n  .qa-content{\n    margin: toVw(10) 0;\n  .qa-q{\n    font-size: 16px;\n    color: #666666;\n  }\n  .qa-a{\n    font-size: 16px;\n    color: #333333;\n  }\n  }\n  }\n  .detail{\n    padding: 20/7.5vw 0 150/7.5vw 0;\n  .detail-content{\n  img,video{\n    max-width: 100%;\n  }\n  }\n\n  }\n  }\n  footer{\n    position: absolute;\n    position: fixed;\n    bottom: 0;\n    width: 100%;\n    height: 120/7.5vw;\n    display: -webkit-box;      // OLD - iOS 6-, Safari 3.1-6 //\n  display: -moz-box;         // OLD - Firefox 19- (buggy but mostly works) //\n  display: -ms-flexbox;      // TWEENER - IE 10 //\n  display: -webkit-flex;     // NEW - Chrome //\n  display: flex;             // NEW, Spec - Opera 12.1, Firefox 20+ //\n  background: white;\n    padding: 10/7.5vw;\n    border-top: 1px solid #d8d8d8;\n    justify-content:space-around;\n  .btn{\n    border: 1px solid #cccccc;\n    border-radius: 8px;\n    width:0;\n    flex-grow:2;\n    text-align: center;\n    padding: 15/7.5vw 0;\n    margin: 0 10/7.5vw;\n    line-height: 1.4em;\n    font-size: 16px;\n    color: #666666;\n  span{\n    display: block;\n    font-size: 20px;\n    font-family: PingFang-SC-Bold;\n  }\n  img{\n    width: 50/7.5vw;\n  }\n  &.big{\n     padding: 5/7.5vw 0;\n     flex-grow:5;\n  &.price{\n     background:  #F83534;\n     border-color: #F83534;\n     color: white;\n   }\n  }\n  }\n  }\n  .pop-block{\n    padding:40/7.5vw 10/7.5vw;\n    width: 600/7.5vw;\n    text-align: center;\n    font-size: 14px;\n    color: #666666;\n    position: relative;\n  img{\n    width: 250/7.5vw;\n  }\n  .close{\n    width: 50/7.5vw;\n    position: absolute;\n    top: 20/7.5vw;\n    right: 20/7.5vw;\n  }\n  }\n  .mint-popup{\n    border-radius: 10px;\n  }\n  .pop-fill{\n    width: 705 / 2 * @toVw;\n    padding:30/7.5vw 30/7.5vw;\n    box-sizing: border-box;\n    font-size: 16px;\n    color: #333333;\n    .close {\n      position: absolute;\n      width: 100%;\n      bottom: -60 * @toVw;\n      left: 0;\n      text-align: center;\n    }\n    .close-pop {\n      width: 75 / 2 * @toVw;\n      height: 75 / 2 * @toVw;\n    }\n  .btn-block{\n    margin-top: 30/7.5vw;\n  &:after{\n     content:'';\n     display: block;\n     clear: both;\n   }\n  .btn{\n    float: right;\n    background: #F83534;\n    font-size: 14px;\n    padding: 5/7.5vw 10/7.5vw;\n    border-radius: 8px;\n    color: #FFFFFF;\n  }\n  }\n  }\n\n  }\n\n</style>\n\n\n\n// WEBPACK FOOTER //\n// src/components/buy/activityInvite.vue","var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _vm.groupDetail\n    ? _c(\n        \"div\",\n        {\n          ref: \"index\",\n          staticClass: \"group-index\",\n          staticStyle: { \"background-color\": \"#fda813\" }\n        },\n        [\n          _c(\n            \"div\",\n            [\n              _c(\"img\", { staticClass: \"tips\", attrs: { src: _vm.tipsUrl } }),\n              _vm._v(\" \"),\n              _vm.groupDetail.share_desc.refImg &&\n              _vm.groupDetail.share_desc.refImg.length > 0\n                ? _c(\n                    \"div\",\n                    {\n                      ref: \"imageWrapper\",\n                      staticClass: \"img-cvs\",\n                      attrs: { id: \"capture\" }\n                    },\n                    [\n                      _c(\"img\", {\n                        attrs: { src: _vm.groupDetail.share_desc.refImg[0].url }\n                      }),\n                      _vm._v(\" \"),\n                      _c(\"div\", {\n                        staticClass: \"qrcode\",\n                        attrs: { id: \"qrcode\" }\n                      })\n                    ]\n                  )\n                : _vm._e(),\n              _vm._v(\" \"),\n              _c(\"img\", {\n                staticClass: \"cvs-img\",\n                attrs: { src: _vm.dataURL, id: \"cvs-img\" }\n              }),\n              _vm._v(\" \"),\n              _c(\n                \"div\",\n                { staticClass: \"inviteBtn\", attrs: { id: \"inviteBtn\" } },\n                [\n                  _c(\n                    \"div\",\n                    {\n                      staticClass: \"i-btn flex-start\",\n                      on: {\n                        click: function($event) {\n                          _vm.show = true\n                        }\n                      }\n                    },\n                    [\n                      _c(\"img\", {\n                        staticClass: \"i-env\",\n                        attrs: { src: _vm.whiteEnvelopeUrl }\n                      }),\n                      _vm._v(\" \"),\n                      _c(\"span\", { staticClass: \"i-env-title\" }, [\n                        _vm._v(\"邀请语:\")\n                      ]),\n                      _vm._v(\" \"),\n                      _c(\"div\", { staticClass: \"elips\" }, [\n                        _c(\"span\", { staticClass: \"marquee\" }, [\n                          _vm._v(_vm._s(_vm.comments[_vm.commentIndex]))\n                        ])\n                      ])\n                    ]\n                  )\n                ]\n              ),\n              _vm._v(\" \"),\n              _c(\n                \"mt-popup\",\n                {\n                  attrs: { closeOnClickModal: false },\n                  model: {\n                    value: _vm.show,\n                    callback: function($$v) {\n                      _vm.show = $$v\n                    },\n                    expression: \"show\"\n                  }\n                },\n                [\n                  _c(\"div\", { staticClass: \"pop-fill\" }, [\n                    _c(\"div\", { staticClass: \"flex-bt\" }, [\n                      _c(\"div\", { staticClass: \"flex-start no-margin\" }, [\n                        _c(\"img\", {\n                          staticClass: \"p-envelope\",\n                          attrs: { src: _vm.envelopeUrl }\n                        }),\n                        _vm._v(\" \"),\n                        _c(\"span\", { staticClass: \"p-tips\" }, [\n                          _vm._v(\"贴心的邀请语提高成功率\")\n                        ])\n                      ]),\n                      _vm._v(\" \"),\n                      _c(\"img\", {\n                        staticClass: \"p-switch no-margin\",\n                        attrs: { src: _vm.switchUrl },\n                        on: { click: _vm.onSwitch }\n                      })\n                    ]),\n                    _vm._v(\" \"),\n                    _c(\"div\", { staticClass: \"p-comments\" }, [\n                      _c(\"p\", [_vm._v(_vm._s(_vm.comments[_vm.commentIndex]))])\n                    ]),\n                    _vm._v(\" \"),\n                    _c(\n                      \"div\",\n                      {\n                        directives: [\n                          {\n                            name: \"clipboard\",\n                            rawName: \"v-clipboard:copy\",\n                            value: _vm.comments[_vm.commentIndex],\n                            expression: \"comments[commentIndex]\",\n                            arg: \"copy\"\n                          },\n                          {\n                            name: \"clipboard\",\n                            rawName: \"v-clipboard:success\",\n                            value: _vm.onCopy,\n                            expression: \"onCopy\",\n                            arg: \"success\"\n                          }\n                        ],\n                        staticClass: \"copyBtn\"\n                      },\n                      [_vm._v(\"复制邀请语\")]\n                    ),\n                    _vm._v(\" \"),\n                    _c(\"div\", { staticClass: \"close\" }, [\n                      _c(\"img\", {\n                        staticClass: \"close-pop\",\n                        attrs: { src: _vm.closePopUrl },\n                        on: {\n                          click: function($event) {\n                            _vm.show = false\n                          }\n                        }\n                      })\n                    ])\n                  ])\n                ]\n              )\n            ],\n            1\n          )\n        ]\n      )\n    : _vm._e()\n}\nvar staticRenderFns = []\nrender._withStripped = true\nvar esExports = { render: render, staticRenderFns: staticRenderFns }\nexport default esExports\nif (module.hot) {\n  module.hot.accept()\n  if (module.hot.data) {\n    require(\"vue-hot-reload-api\")      .rerender(\"data-v-3a31699e\", esExports)\n  }\n}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/vue-loader/lib/template-compiler?{\"id\":\"data-v-3a31699e\",\"hasScoped\":true,\"transformToRequire\":{\"video\":[\"src\",\"poster\"],\"source\":\"src\",\"img\":\"src\",\"image\":\"xlink:href\"},\"buble\":{\"transforms\":{}}}!./node_modules/vue-loader/lib/selector.js?type=template&index=0!./src/components/buy/activityInvite.vue\n// module id = null\n// module chunks = ","var disposed = false\nfunction injectStyle (ssrContext) {\n  if (disposed) return\n  require(\"!!vue-style-loader!css-loader?{\\\"sourceMap\\\":true}!../../../node_modules/vue-loader/lib/style-compiler/index?{\\\"vue\\\":true,\\\"id\\\":\\\"data-v-3a31699e\\\",\\\"scoped\\\":false,\\\"hasInlineConfig\\\":false}!../../../node_modules/vue-loader/lib/selector?type=styles&index=0!./activityInvite.vue\")\n  require(\"!!vue-style-loader!css-loader?{\\\"sourceMap\\\":true}!../../../node_modules/vue-loader/lib/style-compiler/index?{\\\"vue\\\":true,\\\"id\\\":\\\"data-v-3a31699e\\\",\\\"scoped\\\":true,\\\"hasInlineConfig\\\":false}!less-loader?{\\\"sourceMap\\\":true}!../../../node_modules/vue-loader/lib/selector?type=styles&index=1!./activityInvite.vue\")\n}\nvar normalizeComponent = require(\"!../../../node_modules/vue-loader/lib/component-normalizer\")\n/* script */\nexport * from \"!!babel-loader!../../../node_modules/vue-loader/lib/selector?type=script&index=0!./activityInvite.vue\"\nimport __vue_script__ from \"!!babel-loader!../../../node_modules/vue-loader/lib/selector?type=script&index=0!./activityInvite.vue\"\n/* template */\nimport __vue_template__ from \"!!../../../node_modules/vue-loader/lib/template-compiler/index?{\\\"id\\\":\\\"data-v-3a31699e\\\",\\\"hasScoped\\\":true,\\\"transformToRequire\\\":{\\\"video\\\":[\\\"src\\\",\\\"poster\\\"],\\\"source\\\":\\\"src\\\",\\\"img\\\":\\\"src\\\",\\\"image\\\":\\\"xlink:href\\\"},\\\"buble\\\":{\\\"transforms\\\":{}}}!../../../node_modules/vue-loader/lib/selector?type=template&index=0!./activityInvite.vue\"\n/* template functional */\nvar __vue_template_functional__ = false\n/* styles */\nvar __vue_styles__ = injectStyle\n/* scopeId */\nvar __vue_scopeId__ = \"data-v-3a31699e\"\n/* moduleIdentifier (server only) */\nvar __vue_module_identifier__ = null\nvar Component = normalizeComponent(\n  __vue_script__,\n  __vue_template__,\n  __vue_template_functional__,\n  __vue_styles__,\n  __vue_scopeId__,\n  __vue_module_identifier__\n)\nComponent.options.__file = \"src/components/buy/activityInvite.vue\"\n\n/* hot reload */\nif (module.hot) {(function () {\n  var hotAPI = require(\"vue-hot-reload-api\")\n  hotAPI.install(require(\"vue\"), false)\n  if (!hotAPI.compatible) return\n  module.hot.accept()\n  if (!module.hot.data) {\n    hotAPI.createRecord(\"data-v-3a31699e\", Component.options)\n  } else {\n    hotAPI.reload(\"data-v-3a31699e\", Component.options)\n  }\n  module.hot.dispose(function (data) {\n    disposed = true\n  })\n})()}\n\nexport default Component.exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/components/buy/activityInvite.vue\n// module id = null\n// module chunks = ","module.exports = function escape(url) {\n    if (typeof url !== 'string') {\n        return url\n    }\n    // If url is already wrapped in quotes, remove them\n    if (/^['\"].*['\"]$/.test(url)) {\n        url = url.slice(1, -1);\n    }\n    // Should url be wrapped?\n    // See https://drafts.csswg.org/css-values-3/#urls\n    if (/[\"'() \\t\\n]/.test(url)) {\n        return '\"' + url.replace(/\"/g, '\\\\\"').replace(/\\n/g, '\\\\n') + '\"'\n    }\n\n    return url\n}\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/css-loader/lib/url/escape.js\n// module id = kxFB\n// module chunks = 2","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEsAAABLCAYAAAA4TnrqAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjE5MUEyNDIzRUZEQjExRTg4OUI5RThGRUFFMkUzMkQ2IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjE5MUEyNDI0RUZEQjExRTg4OUI5RThGRUFFMkUzMkQ2Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MTkxQTI0MjFFRkRCMTFFODg5QjlFOEZFQUUyRTMyRDYiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MTkxQTI0MjJFRkRCMTFFODg5QjlFOEZFQUUyRTMyRDYiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7e86tzAAAHM0lEQVR42uyc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\"\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/assets/activity/close.png\n// module id = rEFa\n// module chunks = 2","module.exports = __webpack_public_path__ + \"static/img/tips.3695a2d.png\";\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/assets/activity/tips.png\n// module id = sUbC\n// module chunks = 2","var escape = require(\"../../../node_modules/css-loader/lib/url/escape.js\");\nexports = module.exports = require(\"../../../node_modules/css-loader/lib/css-base.js\")(true);\n// imports\n\n\n// module\nexports.push([module.id, \"\\n.fl-r[data-v-3a31699e] {\\n  float: right;\\n}\\n.main-block[data-v-3a31699e] {\\n  margin: 5px;\\n  background: white;\\n  padding: 5px;\\n}\\n.clear-both[data-v-3a31699e]:after {\\n  content: '';\\n  display: block;\\n  clear: both;\\n}\\n[data-v-3a31699e]::-webkit-scrollbar-track-piece {\\n  border-radius: 10px;\\n}\\n[data-v-3a31699e]::-webkit-scrollbar {\\n  width: 5px;\\n  height: 5px;\\n}\\n[data-v-3a31699e]::-webkit-scrollbar-thumb {\\n  background-color: #999;\\n  border-radius: 10px;\\n  height: 10px;\\n  min-height: 10px;\\n}\\n@-webkit-keyframes marquee-data-v-3a31699e {\\n0% {\\n    -webkit-transform: translateX(0);\\n            transform: translateX(0);\\n}\\n100% {\\n    -webkit-transform: translateX(-1300px);\\n            transform: translateX(-1300px);\\n}\\n}\\n@keyframes marquee-data-v-3a31699e {\\n0% {\\n    -webkit-transform: translateX(0);\\n            transform: translateX(0);\\n}\\n100% {\\n    -webkit-transform: translateX(-1300px);\\n            transform: translateX(-1300px);\\n}\\n}\\n.marquee[data-v-3a31699e] {\\n  display: block;\\n  width: 100%;\\n  top: 3.2vw;\\n  left: 0;\\n  text-align: center;\\n  position: absolute;\\n  -webkit-animation: marquee-data-v-3a31699e 30s linear infinite;\\n  animation: marquee-data-v-3a31699e 30s linear infinite;\\n}\\n.elips[data-v-3a31699e] {\\n  position: relative;\\n  width: 45.33333333vw;\\n  height: 100%;\\n  overflow: hidden;\\n  white-space: nowrap;\\n  /*text-overflow: ellipsis;*/\\n  margin: 0;\\n  z-index: 1;\\n}\\n.tips[data-v-3a31699e] {\\n  width: 61.33333333vw;\\n  margin-left: 21.73333333vw;\\n  margin-top: 2.66666667vw;\\n}\\n.img-cvs[data-v-3a31699e] {\\n  position: absolute;\\n  width: 70vw;\\n  top: 13.49325337vh;\\n  left: 15.06666667vw;\\n  border-radius: 10px;\\n}\\n.img-cvs img[data-v-3a31699e] {\\n  border-radius: 10px;\\n}\\n.img-cvs .qrcode[data-v-3a31699e] {\\n  position: absolute;\\n  top: 93.33333333vw;\\n  left: 4vw;\\n  width: 16vw;\\n}\\n.cvs-img[data-v-3a31699e] {\\n  position: absolute;\\n  width: 70vw;\\n  top: 13.49325337vh;\\n  left: 15.06666667vw;\\n  border-radius: 10px;\\n  z-index: 10;\\n}\\n.inviteBtn[data-v-3a31699e] {\\n  position: absolute;\\n  width: 100%;\\n  opacity: 0;\\n  text-align: center;\\n}\\n.inviteBtn .i-btn[data-v-3a31699e] {\\n  position: relative;\\n  width: 85.6vw;\\n  height: 12.26666667vw;\\n  text-align: left;\\n  font-size: 3.73333333vw;\\n  color: #fff;\\n  background: url(\" + escape(require(\"../../assets/activity/red-bg.png\")) + \") no-repeat center;\\n  background-size: cover;\\n  -webkit-box-sizing: border-box;\\n          box-sizing: border-box;\\n  padding: 2px 7.73333333vw;\\n  overflow: hidden;\\n}\\n.inviteBtn .i-btn .i-env[data-v-3a31699e] {\\n  width: 4.8vw;\\n  height: auto;\\n  margin-right: 5px;\\n  margin-left: 0;\\n  z-index: 2;\\n}\\n.inviteBtn .i-btn .i-env-title[data-v-3a31699e] {\\n  font-size: 4.26666667vw;\\n  margin: 0;\\n  z-index: 2;\\n}\\n.flex-start[data-v-3a31699e] {\\n  display: -webkit-box;\\n  display: -ms-flexbox;\\n  display: flex;\\n  -webkit-box-orient: horizontal;\\n  -webkit-box-direction: normal;\\n      -ms-flex-flow: row nowrap;\\n          flex-flow: row nowrap;\\n  -webkit-box-pack: start;\\n      -ms-flex-pack: start;\\n          justify-content: flex-start;\\n  -webkit-box-align: center;\\n      -ms-flex-align: center;\\n          align-items: center;\\n}\\n.g-btns[data-v-3a31699e] {\\n  display: -webkit-box;\\n  display: -ms-flexbox;\\n  display: flex;\\n  -webkit-box-orient: horizontal;\\n  -webkit-box-direction: normal;\\n      -ms-flex-flow: row nowrap;\\n          flex-flow: row nowrap;\\n  -ms-flex-pack: distribute;\\n      justify-content: space-around;\\n  -webkit-box-align: center;\\n      -ms-flex-align: center;\\n          align-items: center;\\n  width: 85.6vw;\\n  margin-top: 4vw;\\n  font-size: 3.73333333vw;\\n  color: #fff;\\n}\\n.g-btns img[data-v-3a31699e] {\\n  width: 12.8vw;\\n  height: 12.8vw;\\n}\\n.copyBtn[data-v-3a31699e] {\\n  background: url(\" + escape(require(\"../../assets/activity/yellow-bg.png\")) + \") no-repeat center;\\n  background-size: cover;\\n  -webkit-box-sizing: border-box;\\n          box-sizing: border-box;\\n  width: 75.6vw;\\n  height: 12.26666667vw;\\n  text-align: center;\\n  line-height: 12.26666667vw;\\n  color: #fff;\\n  font-size: 5.33333333vw;\\n}\\n.flex-bt[data-v-3a31699e] {\\n  display: -webkit-box;\\n  display: -ms-flexbox;\\n  display: flex;\\n  -webkit-box-orient: horizontal;\\n  -webkit-box-direction: normal;\\n      -ms-flex-flow: row nowrap;\\n          flex-flow: row nowrap;\\n  -webkit-box-pack: justify;\\n      -ms-flex-pack: justify;\\n          justify-content: space-between;\\n  -webkit-box-align: center;\\n      -ms-flex-align: center;\\n          align-items: center;\\n}\\n.p-tips[data-v-3a31699e] {\\n  color: #999;\\n  font-size: 4vw;\\n}\\n.p-envelope[data-v-3a31699e] {\\n  width: 5.86666667vw;\\n  height: 5.86666667vw;\\n  margin-right: 3.2vw;\\n}\\n.p-switch[data-v-3a31699e] {\\n  width: 4vw;\\n  height: 4vw;\\n}\\n.p-comments[data-v-3a31699e] {\\n  margin: 15px 0;\\n  height: 40vw;\\n  overflow-y: scroll;\\n}\\n.p-comments p[data-v-3a31699e] {\\n  line-height: 2;\\n}\\n.no-margin[data-v-3a31699e] {\\n  margin: 0;\\n}\\n.ref-content[data-v-3a31699e] {\\n  width: 79.73333333vw;\\n  height: 150.4vw;\\n  background-size: 100% 100%;\\n  position: relative;\\n}\\n.ref-content .tips[data-v-3a31699e] {\\n  font-size: 12px;\\n  position: absolute;\\n  color: #666;\\n  right: 2.66666667vw;\\n  top: 66.66666667vw;\\n  width: 1em;\\n}\\n.group-index[data-v-3a31699e] {\\n  height: 100%;\\n  padding-bottom: toVw(150);\\n  background: #f0f0f0;\\n  font-family: PingFangSC-Regular;\\n}\\n.group-index .ref-icon[data-v-3a31699e] {\\n  position: fixed;\\n  height: 24vw;\\n  top: 70vw;\\n  z-index: 6;\\n  right: 2.66666667vw;\\n  border-radius: 100px;\\n}\\n.group-index .banner[data-v-3a31699e] {\\n  background: white;\\n}\\n.group-index .banner img[data-v-3a31699e] {\\n  width: 100%;\\n}\\n.group-index .head[data-v-3a31699e] {\\n  background: white;\\n  margin-bottom: 10px;\\n  padding: 2.66666667vw;\\n}\\n.group-index .head .title[data-v-3a31699e] {\\n  font-size: 20px;\\n  color: #333333;\\n  margin-bottom: 2vw;\\n}\\n.group-index .head .detail[data-v-3a31699e] {\\n  font-size: 12px;\\n  line-height: 1.6em;\\n  color: #333333;\\n  display: block;\\n  margin-bottom: 2vw;\\n}\\n.group-index .head .price .price-content[data-v-3a31699e] {\\n  font-family: PingFang-SC-Bold;\\n  font-size: 20px;\\n  color: #F83534;\\n}\\n.group-index .head-icon[data-v-3a31699e] {\\n  padding: 2.66666667vw;\\n  background: white;\\n  margin-bottom: 2px;\\n}\\n.group-index .head-icon .icon[data-v-3a31699e] {\\n  display: inline-block;\\n  width: 8vw;\\n  margin: 0 1.33333333vw;\\n  border-radius: 1000px;\\n  vertical-align: middle;\\n}\\n.group-index .head-icon .more[data-v-3a31699e] {\\n  width: 6.66666667vw;\\n  vertical-align: middle;\\n}\\n.group-index .head-icon .has[data-v-3a31699e] {\\n  font-size: 12px;\\n  line-height: 8vw;\\n  color: #999999;\\n  float: right;\\n}\\n.group-index .welfare[data-v-3a31699e] {\\n  background: white;\\n  padding: 1.33333333vw;\\n  font-size: 12px;\\n  text-align: center;\\n  color: #999999;\\n  margin-bottom: 20px;\\n}\\n.group-index .main-detail[data-v-3a31699e] {\\n  padding: 2.66666667vw;\\n  background: white;\\n}\\n.group-index .main-detail .tab-content[data-v-3a31699e] {\\n  border-radius: 9px ;\\n  border: 1px solid #F63539;\\n}\\n.group-index .main-detail .tab-content[data-v-3a31699e]:after {\\n  content: '';\\n  display: block;\\n  clear: both;\\n}\\n.group-index .main-detail .tab-content .tab-btn[data-v-3a31699e] {\\n  width: 50%;\\n  float: left;\\n  height: 10.66666667vw;\\n  line-height: 10.66666667vw;\\n  text-align: center;\\n  color: #F63539;\\n  border-radius: 9px ;\\n}\\n.group-index .main-detail .tab-content .tab-btn.active[data-v-3a31699e] {\\n  background: #F63539;\\n  color: white;\\n}\\n.group-index .main-detail .qa-block[data-v-3a31699e] {\\n  padding: 2.66666667vw 0 toVw(150) 0;\\n}\\n.group-index .main-detail .qa-block img[data-v-3a31699e],\\n.group-index .main-detail .qa-block video[data-v-3a31699e] {\\n  max-width: 100%;\\n}\\n.group-index .main-detail .qa-block .qa-content[data-v-3a31699e] {\\n  margin: toVw(10) 0;\\n}\\n.group-index .main-detail .qa-block .qa-content .qa-q[data-v-3a31699e] {\\n  font-size: 16px;\\n  color: #666666;\\n}\\n.group-index .main-detail .qa-block .qa-content .qa-a[data-v-3a31699e] {\\n  font-size: 16px;\\n  color: #333333;\\n}\\n.group-index .main-detail .detail[data-v-3a31699e] {\\n  padding: 2.66666667vw 0 20vw 0;\\n}\\n.group-index .main-detail .detail .detail-content img[data-v-3a31699e],\\n.group-index .main-detail .detail .detail-content video[data-v-3a31699e] {\\n  max-width: 100%;\\n}\\n.group-index footer[data-v-3a31699e] {\\n  position: absolute;\\n  position: fixed;\\n  bottom: 0;\\n  width: 100%;\\n  height: 16vw;\\n  display: -webkit-box;\\n  display: -ms-flexbox;\\n  display: flex;\\n  background: white;\\n  padding: 1.33333333vw;\\n  border-top: 1px solid #d8d8d8;\\n  -ms-flex-pack: distribute;\\n      justify-content: space-around;\\n}\\n.group-index footer .btn[data-v-3a31699e] {\\n  border: 1px solid #cccccc;\\n  border-radius: 8px;\\n  width: 0;\\n  -webkit-box-flex: 2;\\n      -ms-flex-positive: 2;\\n          flex-grow: 2;\\n  text-align: center;\\n  padding: 2vw 0;\\n  margin: 0 1.33333333vw;\\n  line-height: 1.4em;\\n  font-size: 16px;\\n  color: #666666;\\n}\\n.group-index footer .btn span[data-v-3a31699e] {\\n  display: block;\\n  font-size: 20px;\\n  font-family: PingFang-SC-Bold;\\n}\\n.group-index footer .btn img[data-v-3a31699e] {\\n  width: 6.66666667vw;\\n}\\n.group-index footer .btn.big[data-v-3a31699e] {\\n  padding: 0.66666667vw 0;\\n  -webkit-box-flex: 5;\\n      -ms-flex-positive: 5;\\n          flex-grow: 5;\\n}\\n.group-index footer .btn.big.price[data-v-3a31699e] {\\n  background: #F83534;\\n  border-color: #F83534;\\n  color: white;\\n}\\n.group-index .pop-block[data-v-3a31699e] {\\n  padding: 5.33333333vw 1.33333333vw;\\n  width: 80vw;\\n  text-align: center;\\n  font-size: 14px;\\n  color: #666666;\\n  position: relative;\\n}\\n.group-index .pop-block img[data-v-3a31699e] {\\n  width: 33.33333333vw;\\n}\\n.group-index .pop-block .close[data-v-3a31699e] {\\n  width: 6.66666667vw;\\n  position: absolute;\\n  top: 2.66666667vw;\\n  right: 2.66666667vw;\\n}\\n.group-index .mint-popup[data-v-3a31699e] {\\n  border-radius: 10px;\\n}\\n.group-index .pop-fill[data-v-3a31699e] {\\n  width: 94vw;\\n  padding: 4vw 4vw;\\n  -webkit-box-sizing: border-box;\\n          box-sizing: border-box;\\n  font-size: 16px;\\n  color: #333333;\\n}\\n.group-index .pop-fill .close[data-v-3a31699e] {\\n  position: absolute;\\n  width: 100%;\\n  bottom: -16vw;\\n  left: 0;\\n  text-align: center;\\n}\\n.group-index .pop-fill .close-pop[data-v-3a31699e] {\\n  width: 10vw;\\n  height: 10vw;\\n}\\n.group-index .pop-fill .btn-block[data-v-3a31699e] {\\n  margin-top: 4vw;\\n}\\n.group-index .pop-fill .btn-block[data-v-3a31699e]:after {\\n  content: '';\\n  display: block;\\n  clear: both;\\n}\\n.group-index .pop-fill .btn-block .btn[data-v-3a31699e] {\\n  float: right;\\n  background: #F83534;\\n  font-size: 14px;\\n  padding: 0.66666667vw 1.33333333vw;\\n  border-radius: 8px;\\n  color: #FFFFFF;\\n}\\n\", \"\", {\"version\":3,\"sources\":[\"/Users/wang/Documents/changchang/projects/wechat/src/util/public.less\",\"/Users/wang/Documents/changchang/projects/wechat/src/components/buy/activityInvite.vue\",\"/Users/wang/Documents/changchang/projects/wechat/src/components/buy/activityInvite.vue\"],\"names\":[],\"mappings\":\";AAcA;EACE,aAAA;CCbD;ADeD;EACE,YAAA;EACA,kBAAA;EACA,aAAA;CCbD;ADmBC;EACE,YAAA;EACA,eAAA;EACA,YAAA;CCjBH;ADqBD;EACE,oBAAA;CCnBD;ADqBD;EACE,WAAA;EACA,YAAA;CCnBD;ADqBD;EACE,uBAAA;EACA,oBAAA;EACA,aAAA;EACA,iBAAA;CCnBD;AC8ZD;AACE;IACE,iCAAA;YAAA,yBAAA;CD5ZD;AC8ZD;IACE,uCAAA;YAAA,+BAAA;CD5ZD;CACF;ACsZD;AACE;IACE,iCAAA;YAAA,yBAAA;CD5ZD;AC8ZD;IACE,uCAAA;YAAA,+BAAA;CD5ZD;CACF;AC8ZD;EACE,eAAA;EACA,YAAA;EACA,WAAA;EACA,QAAA;EACA,mBAAA;EACA,mBAAA;EACA,+DAAA;EACA,uDAAA;CD5ZD;AC8ZD;EACE,mBAAA;EACA,qBAAA;EACA,aAAA;EACA,iBAAA;EACA,oBAAA;ED5ZA,4BAA4B;EC8Z5B,UAAA;EACA,WAAA;CD5ZD;AC8ZD;EACE,qBAAA;EACA,2BAAA;EACA,yBAAA;CD5ZD;AC8ZD;EACE,mBAAA;EACA,YAAA;EACA,mBAAA;EACA,oBAAA;EACA,oBAAA;CD5ZD;ACuZD;EAOI,oBAAA;CD3ZH;ACoZD;EAUE,mBAAA;EACA,mBAAA;EACA,UAAA;EACA,YAAA;CD3ZD;AC8ZD;EACE,mBAAA;EACA,YAAA;EACA,mBAAA;EACA,oBAAA;EACA,oBAAA;EACA,YAAA;CD5ZD;AC8ZD;EACE,mBAAA;EACA,YAAA;EACA,WAAA;EACA,mBAAA;CD5ZD;ACwZD;EAOI,mBAAA;EACA,cAAA;EACA,sBAAA;EACA,iBAAA;EACA,wBAAA;EACA,YAAA;EACA,2DAAA;EACA,uBAAA;EACA,+BAAA;UAAA,uBAAA;EACA,0BAAA;EACA,iBAAA;CD5ZH;AC2YD;EAmBM,aAAA;EACA,aAAA;EACA,kBAAA;EACA,eAAA;EACA,WAAA;CD3ZL;ACoYD;EA0BM,wBAAA;EACA,UAAA;EACA,WAAA;CD3ZL;AC+ZD;EACE,qBAAA;EAAA,qBAAA;EAAA,cAAA;EACA,+BAAA;EAAA,8BAAA;MAAA,0BAAA;UAAA,sBAAA;EACA,wBAAA;MAAA,qBAAA;UAAA,4BAAA;EACA,0BAAA;MAAA,uBAAA;UAAA,oBAAA;CD7ZD;AC+ZD;EACE,qBAAA;EAAA,qBAAA;EAAA,cAAA;EACA,+BAAA;EAAA,8BAAA;MAAA,0BAAA;UAAA,sBAAA;EACA,0BAAA;MAAA,8BAAA;EACA,0BAAA;MAAA,uBAAA;UAAA,oBAAA;EACA,cAAA;EACA,gBAAA;EACA,wBAAA;EACA,YAAA;CD7ZD;ACqZD;EAUI,cAAA;EACA,eAAA;CD5ZH;AC+ZD;EACE,2DAAA;EACA,uBAAA;EACA,+BAAA;UAAA,uBAAA;EACA,cAAA;EACA,sBAAA;EACA,mBAAA;EACA,2BAAA;EACA,YAAA;EACA,wBAAA;CD7ZD;AC+ZD;EACE,qBAAA;EAAA,qBAAA;EAAA,cAAA;EACA,+BAAA;EAAA,8BAAA;MAAA,0BAAA;UAAA,sBAAA;EACA,0BAAA;MAAA,uBAAA;UAAA,+BAAA;EACA,0BAAA;MAAA,uBAAA;UAAA,oBAAA;CD7ZD;AC+ZD;EACE,YAAA;EACA,eAAA;CD7ZD;AC+ZD;EACE,oBAAA;EACA,qBAAA;EACA,oBAAA;CD7ZD;AC+ZD;EACE,WAAA;EACA,YAAA;CD7ZD;AC+ZD;EACE,eAAA;EACA,aAAA;EACA,mBAAA;CD7ZD;AC0ZD;EAKI,eAAA;CD5ZH;AC+ZD;EACE,UAAA;CD7ZD;AC+ZD;EACE,qBAAA;EACA,gBAAA;EACA,2BAAA;EACA,mBAAA;CD7ZD;ACyZD;EAME,gBAAA;EACA,mBAAA;EACA,YAAA;EACA,oBAAA;EACA,mBAAA;EACA,WAAA;CD5ZD;AC+ZD;EACE,aAAA;EACA,0BAAA;EACA,oBAAA;EACA,gCAAA;CD7ZD;ACyZD;EAME,gBAAA;EACA,aAAA;EACA,UAAA;EACA,WAAA;EACA,oBAAA;EACA,qBAAA;CD5ZD;ACiZD;EAcE,kBAAA;CD5ZD;AC8YD;EAgBE,YAAA;CD3ZD;AC2YD;EAoBE,kBAAA;EACA,oBAAA;EACA,sBAAA;CD5ZD;ACsYD;EAwBE,gBAAA;EACA,eAAA;EACA,mBAAA;CD3ZD;ACiYD;EA6BE,gBAAA;EACA,mBAAA;EACA,eAAA;EACA,eAAA;EACA,mBAAA;CD3ZD;AC0XD;EAqCE,8BAAA;EACA,gBAAA;EACA,eAAA;CD5ZD;ACqXD;EA4CE,sBAAA;EACA,kBAAA;EACA,mBAAA;CD9ZD;ACgXD;EAgDE,sBAAA;EACA,WAAA;EACA,uBAAA;EACA,sBAAA;EACA,uBAAA;CD7ZD;ACyWD;EAuDE,oBAAA;EACA,uBAAA;CD7ZD;ACqWD;EA2DE,gBAAA;EACA,iBAAA;EACA,eAAA;EACA,aAAA;CD7ZD;AC+VD;EAkEE,kBAAA;EACA,sBAAA;EACA,gBAAA;EACA,mBAAA;EACA,eAAA;EACA,oBAAA;CD9ZD;ACuVD;EA0EE,sBAAA;EACA,kBAAA;CD9ZD;ACmVD;EA6EE,oBAAA;EACA,0BAAA;CD7ZD;AC8ZD;EACG,YAAA;EACA,eAAA;EACA,YAAA;CD5ZF;AC0UD;EAqFE,WAAA;EACA,YAAA;EACA,sBAAA;EACA,2BAAA;EACA,mBAAA;EACA,eAAA;EACA,oBAAA;CD5ZD;AC6ZD;EACG,oBAAA;EACA,aAAA;CD3ZF;AC6TD;EAmGE,oCAAA;CD7ZD;AC0TD;;EAqGE,gBAAA;CD3ZD;ACsTD;EAwGE,mBAAA;CD3ZD;ACmTD;EA0GE,gBAAA;EACA,eAAA;CD1ZD;AC+SD;EA8GE,gBAAA;EACA,eAAA;CD1ZD;AC2SD;EAoHE,+BAAA;CD5ZD;ACwSD;;EAuHE,gBAAA;CD3ZD;ACoSD;EA8HE,mBAAA;EACA,gBAAA;EACA,UAAA;EACA,YAAA;EACA,aAAA;EACA,qBAAA;EAEF,qBAAA;EAEA,cAAA;EACA,kBAAA;EACE,sBAAA;EACA,8BAAA;EACA,0BAAA;MAAA,8BAAA;CD/ZD;ACoRD;EA6IE,0BAAA;EACA,mBAAA;EACA,SAAA;EACA,oBAAA;MAAA,qBAAA;UAAA,aAAA;EACA,mBAAA;EACA,eAAA;EACA,uBAAA;EACA,mBAAA;EACA,gBAAA;EACA,eAAA;CD9ZD;ACwQD;EAwJE,eAAA;EACA,gBAAA;EACA,8BAAA;CD7ZD;ACmQD;EA6JE,oBAAA;CD7ZD;AC+ZD;EACG,wBAAA;EACA,oBAAA;MAAA,qBAAA;UAAA,aAAA;CD7ZF;AC8ZD;EACG,oBAAA;EACA,sBAAA;EACA,aAAA;CD5ZF;ACuPD;EA2KE,mCAAA;EACA,YAAA;EACA,mBAAA;EACA,gBAAA;EACA,eAAA;EACA,mBAAA;CD/ZD;AC+OD;EAkLE,qBAAA;CD9ZD;AC4OD;EAqLE,oBAAA;EACA,mBAAA;EACA,kBAAA;EACA,oBAAA;CD9ZD;ACsOD;EA4LE,oBAAA;CD/ZD;ACmOD;EA+LE,YAAA;EACA,iBAAA;EACA,+BAAA;UAAA,uBAAA;EACA,gBAAA;EACA,eAAA;CD/ZD;AC4ND;EAqMI,mBAAA;EACA,YAAA;EACA,cAAA;EACA,QAAA;EACA,mBAAA;CD9ZH;ACqND;EA4MI,YAAA;EACA,aAAA;CD9ZH;ACiND;EAgNE,gBAAA;CD9ZD;AC+ZD;EACG,YAAA;EACA,eAAA;EACA,YAAA;CD7ZF;ACyMD;EAuNE,aAAA;EACA,oBAAA;EACA,gBAAA;EACA,mCAAA;EACA,mBAAA;EACA,eAAA;CD7ZD\",\"file\":\"activityInvite.vue\",\"sourcesContent\":[\"//颜色参数\\n@toVw:100/375vw;\\n@toVh:100/667vh;\\n@bg-b: #333;\\n@bg-b-s:#444;\\n@black-line:#191919;\\n@gray-line:#666;\\n@light-line:#ddd;\\n@main-font-color:#fff;\\n@secondary-font-color:#999;\\n@gold-color-light:#FFD04B;\\n@gold-color: #a18430;\\n\\n//公共类\\n.fl-r{\\n  float: right;\\n}\\n.main-block{\\n  margin: 5px;\\n  background: white;\\n  padding: 5px;\\n}\\nhtml{\\n\\n}\\n.clear-both{\\n  &:after{\\n    content: '';\\n    display: block;\\n    clear: both;\\n  }\\n}\\n//滚动条样式\\n::-webkit-scrollbar-track-piece { //滚动条凹槽的颜色,还可以设置边框属性\\n  border-radius: 10px;\\n}\\n::-webkit-scrollbar {//滚动条的宽度\\n  width:5px;\\n  height:5px;\\n}\\n::-webkit-scrollbar-thumb {//滚动条的设置\\n  background-color:@secondary-font-color;\\n  border-radius: 10px;\\n  height: 10px;\\n  min-height:10px;\\n}\\n\",\".fl-r {\\n  float: right;\\n}\\n.main-block {\\n  margin: 5px;\\n  background: white;\\n  padding: 5px;\\n}\\n.clear-both:after {\\n  content: '';\\n  display: block;\\n  clear: both;\\n}\\n::-webkit-scrollbar-track-piece {\\n  border-radius: 10px;\\n}\\n::-webkit-scrollbar {\\n  width: 5px;\\n  height: 5px;\\n}\\n::-webkit-scrollbar-thumb {\\n  background-color: #999;\\n  border-radius: 10px;\\n  height: 10px;\\n  min-height: 10px;\\n}\\n@keyframes marquee {\\n  0% {\\n    transform: translateX(0);\\n  }\\n  100% {\\n    transform: translateX(-1300px);\\n  }\\n}\\n.marquee {\\n  display: block;\\n  width: 100%;\\n  top: 3.2vw;\\n  left: 0;\\n  text-align: center;\\n  position: absolute;\\n  -webkit-animation: marquee 30s linear infinite;\\n  animation: marquee 30s linear infinite;\\n}\\n.elips {\\n  position: relative;\\n  width: 45.33333333vw;\\n  height: 100%;\\n  overflow: hidden;\\n  white-space: nowrap;\\n  /*text-overflow: ellipsis;*/\\n  margin: 0;\\n  z-index: 1;\\n}\\n.tips {\\n  width: 61.33333333vw;\\n  margin-left: 21.73333333vw;\\n  margin-top: 2.66666667vw;\\n}\\n.img-cvs {\\n  position: absolute;\\n  width: 70vw;\\n  top: 13.49325337vh;\\n  left: 15.06666667vw;\\n  border-radius: 10px;\\n}\\n.img-cvs img {\\n  border-radius: 10px;\\n}\\n.img-cvs .qrcode {\\n  position: absolute;\\n  top: 93.33333333vw;\\n  left: 4vw;\\n  width: 16vw;\\n}\\n.cvs-img {\\n  position: absolute;\\n  width: 70vw;\\n  top: 13.49325337vh;\\n  left: 15.06666667vw;\\n  border-radius: 10px;\\n  z-index: 10;\\n}\\n.inviteBtn {\\n  position: absolute;\\n  width: 100%;\\n  opacity: 0;\\n  text-align: center;\\n}\\n.inviteBtn .i-btn {\\n  position: relative;\\n  width: 85.6vw;\\n  height: 12.26666667vw;\\n  text-align: left;\\n  font-size: 3.73333333vw;\\n  color: #fff;\\n  background: url('../../assets/activity/red-bg.png') no-repeat center;\\n  background-size: cover;\\n  box-sizing: border-box;\\n  padding: 2px 7.73333333vw;\\n  overflow: hidden;\\n}\\n.inviteBtn .i-btn .i-env {\\n  width: 4.8vw;\\n  height: auto;\\n  margin-right: 5px;\\n  margin-left: 0;\\n  z-index: 2;\\n}\\n.inviteBtn .i-btn .i-env-title {\\n  font-size: 4.26666667vw;\\n  margin: 0;\\n  z-index: 2;\\n}\\n.flex-start {\\n  display: flex;\\n  flex-flow: row nowrap;\\n  justify-content: flex-start;\\n  align-items: center;\\n}\\n.g-btns {\\n  display: flex;\\n  flex-flow: row nowrap;\\n  justify-content: space-around;\\n  align-items: center;\\n  width: 85.6vw;\\n  margin-top: 4vw;\\n  font-size: 3.73333333vw;\\n  color: #fff;\\n}\\n.g-btns img {\\n  width: 12.8vw;\\n  height: 12.8vw;\\n}\\n.copyBtn {\\n  background: url('../../assets/activity/yellow-bg.png') no-repeat center;\\n  background-size: cover;\\n  box-sizing: border-box;\\n  width: 75.6vw;\\n  height: 12.26666667vw;\\n  text-align: center;\\n  line-height: 12.26666667vw;\\n  color: #fff;\\n  font-size: 5.33333333vw;\\n}\\n.flex-bt {\\n  display: flex;\\n  flex-flow: row nowrap;\\n  justify-content: space-between;\\n  align-items: center;\\n}\\n.p-tips {\\n  color: #999;\\n  font-size: 4vw;\\n}\\n.p-envelope {\\n  width: 5.86666667vw;\\n  height: 5.86666667vw;\\n  margin-right: 3.2vw;\\n}\\n.p-switch {\\n  width: 4vw;\\n  height: 4vw;\\n}\\n.p-comments {\\n  margin: 15px 0;\\n  height: 40vw;\\n  overflow-y: scroll;\\n}\\n.p-comments p {\\n  line-height: 2;\\n}\\n.no-margin {\\n  margin: 0;\\n}\\n.ref-content {\\n  width: 79.73333333vw;\\n  height: 150.4vw;\\n  background-size: 100% 100%;\\n  position: relative;\\n}\\n.ref-content .tips {\\n  font-size: 12px;\\n  position: absolute;\\n  color: #666;\\n  right: 2.66666667vw;\\n  top: 66.66666667vw;\\n  width: 1em;\\n}\\n.group-index {\\n  height: 100%;\\n  padding-bottom: toVw(150);\\n  background: #f0f0f0;\\n  font-family: PingFangSC-Regular;\\n}\\n.group-index .ref-icon {\\n  position: fixed;\\n  height: 24vw;\\n  top: 70vw;\\n  z-index: 6;\\n  right: 2.66666667vw;\\n  border-radius: 100px;\\n}\\n.group-index .banner {\\n  background: white;\\n}\\n.group-index .banner img {\\n  width: 100%;\\n}\\n.group-index .head {\\n  background: white;\\n  margin-bottom: 10px;\\n  padding: 2.66666667vw;\\n}\\n.group-index .head .title {\\n  font-size: 20px;\\n  color: #333333;\\n  margin-bottom: 2vw;\\n}\\n.group-index .head .detail {\\n  font-size: 12px;\\n  line-height: 1.6em;\\n  color: #333333;\\n  display: block;\\n  margin-bottom: 2vw;\\n}\\n.group-index .head .price .price-content {\\n  font-family: PingFang-SC-Bold;\\n  font-size: 20px;\\n  color: #F83534;\\n}\\n.group-index .head-icon {\\n  padding: 2.66666667vw;\\n  background: white;\\n  margin-bottom: 2px;\\n}\\n.group-index .head-icon .icon {\\n  display: inline-block;\\n  width: 8vw;\\n  margin: 0 1.33333333vw;\\n  border-radius: 1000px;\\n  vertical-align: middle;\\n}\\n.group-index .head-icon .more {\\n  width: 6.66666667vw;\\n  vertical-align: middle;\\n}\\n.group-index .head-icon .has {\\n  font-size: 12px;\\n  line-height: 8vw;\\n  color: #999999;\\n  float: right;\\n}\\n.group-index .welfare {\\n  background: white;\\n  padding: 1.33333333vw;\\n  font-size: 12px;\\n  text-align: center;\\n  color: #999999;\\n  margin-bottom: 20px;\\n}\\n.group-index .main-detail {\\n  padding: 2.66666667vw;\\n  background: white;\\n}\\n.group-index .main-detail .tab-content {\\n  border-radius: 9px ;\\n  border: 1px solid #F63539;\\n}\\n.group-index .main-detail .tab-content:after {\\n  content: '';\\n  display: block;\\n  clear: both;\\n}\\n.group-index .main-detail .tab-content .tab-btn {\\n  width: 50%;\\n  float: left;\\n  height: 10.66666667vw;\\n  line-height: 10.66666667vw;\\n  text-align: center;\\n  color: #F63539;\\n  border-radius: 9px ;\\n}\\n.group-index .main-detail .tab-content .tab-btn.active {\\n  background: #F63539;\\n  color: white;\\n}\\n.group-index .main-detail .qa-block {\\n  padding: 2.66666667vw 0 toVw(150) 0;\\n}\\n.group-index .main-detail .qa-block img,\\n.group-index .main-detail .qa-block video {\\n  max-width: 100%;\\n}\\n.group-index .main-detail .qa-block .qa-content {\\n  margin: toVw(10) 0;\\n}\\n.group-index .main-detail .qa-block .qa-content .qa-q {\\n  font-size: 16px;\\n  color: #666666;\\n}\\n.group-index .main-detail .qa-block .qa-content .qa-a {\\n  font-size: 16px;\\n  color: #333333;\\n}\\n.group-index .main-detail .detail {\\n  padding: 2.66666667vw 0 20vw 0;\\n}\\n.group-index .main-detail .detail .detail-content img,\\n.group-index .main-detail .detail .detail-content video {\\n  max-width: 100%;\\n}\\n.group-index footer {\\n  position: absolute;\\n  position: fixed;\\n  bottom: 0;\\n  width: 100%;\\n  height: 16vw;\\n  display: -webkit-box;\\n  display: -moz-box;\\n  display: -ms-flexbox;\\n  display: -webkit-flex;\\n  display: flex;\\n  background: white;\\n  padding: 1.33333333vw;\\n  border-top: 1px solid #d8d8d8;\\n  justify-content: space-around;\\n}\\n.group-index footer .btn {\\n  border: 1px solid #cccccc;\\n  border-radius: 8px;\\n  width: 0;\\n  flex-grow: 2;\\n  text-align: center;\\n  padding: 2vw 0;\\n  margin: 0 1.33333333vw;\\n  line-height: 1.4em;\\n  font-size: 16px;\\n  color: #666666;\\n}\\n.group-index footer .btn span {\\n  display: block;\\n  font-size: 20px;\\n  font-family: PingFang-SC-Bold;\\n}\\n.group-index footer .btn img {\\n  width: 6.66666667vw;\\n}\\n.group-index footer .btn.big {\\n  padding: 0.66666667vw 0;\\n  flex-grow: 5;\\n}\\n.group-index footer .btn.big.price {\\n  background: #F83534;\\n  border-color: #F83534;\\n  color: white;\\n}\\n.group-index .pop-block {\\n  padding: 5.33333333vw 1.33333333vw;\\n  width: 80vw;\\n  text-align: center;\\n  font-size: 14px;\\n  color: #666666;\\n  position: relative;\\n}\\n.group-index .pop-block img {\\n  width: 33.33333333vw;\\n}\\n.group-index .pop-block .close {\\n  width: 6.66666667vw;\\n  position: absolute;\\n  top: 2.66666667vw;\\n  right: 2.66666667vw;\\n}\\n.group-index .mint-popup {\\n  border-radius: 10px;\\n}\\n.group-index .pop-fill {\\n  width: 94vw;\\n  padding: 4vw 4vw;\\n  box-sizing: border-box;\\n  font-size: 16px;\\n  color: #333333;\\n}\\n.group-index .pop-fill .close {\\n  position: absolute;\\n  width: 100%;\\n  bottom: -16vw;\\n  left: 0;\\n  text-align: center;\\n}\\n.group-index .pop-fill .close-pop {\\n  width: 10vw;\\n  height: 10vw;\\n}\\n.group-index .pop-fill .btn-block {\\n  margin-top: 4vw;\\n}\\n.group-index .pop-fill .btn-block:after {\\n  content: '';\\n  display: block;\\n  clear: both;\\n}\\n.group-index .pop-fill .btn-block .btn {\\n  float: right;\\n  background: #F83534;\\n  font-size: 14px;\\n  padding: 0.66666667vw 1.33333333vw;\\n  border-radius: 8px;\\n  color: #FFFFFF;\\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\\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\\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\\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\\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\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n@import \\\"../../util/public\\\";\\n@keyframes marquee {\\n  0% {\\n    transform: translateX(0);\\n  }\\n  100% {\\n    transform: translateX(-1300px);\\n  }\\n}\\n.marquee {\\n  display: block;\\n  width: 100%;\\n  top: 12 * @toVw;\\n  left: 0;\\n  text-align: center;\\n  position: absolute;\\n  -webkit-animation: marquee 30s linear infinite;\\n  animation: marquee 30s linear infinite;\\n}\\n.elips {\\n  position: relative;\\n  width: 170* @toVw;\\n  height: 100%;\\n  overflow: hidden;\\n  white-space: nowrap;\\n  /*text-overflow: ellipsis;*/\\n  margin: 0;\\n  z-index: 1;\\n}\\n.tips {\\n  width: 230 * @toVw;\\n  margin-left: 163 / 2 * @toVw;\\n  margin-top: 10 * @toVw;\\n}\\n.img-cvs{\\n  position: absolute;\\n  width: 525 / 2 * @toVw;\\n  top: 90 * @toVh;\\n  left: 113 / 2 * @toVw;\\n  border-radius: 10px;\\n  img {\\n    border-radius: 10px;\\n  }\\n.qrcode{\\n  position: absolute;\\n  top: 700 / 2 * @toVw;\\n  left: 15 * @toVw;\\n  width: 60 * @toVw;\\n}\\n}\\n.cvs-img{\\n  position: absolute;\\n  width: 525 / 2 * @toVw;\\n  top: 90 * @toVh;\\n  left: 113 / 2 * @toVw;\\n  border-radius: 10px;\\n  z-index: 10;\\n}\\n.inviteBtn {\\n  position: absolute;\\n  width: 100%;\\n  opacity: 0;\\n  text-align: center;\\n\\n  .i-btn {\\n    position: relative;\\n    width: 642 / 2 * @toVw;\\n    height: 92 / 2 * @toVw;\\n    text-align: left;\\n    font-size: 14 * @toVw;\\n    color: #fff;\\n    background: url('../../assets/activity/red-bg.png') no-repeat center;\\n    background-size: cover;\\n    box-sizing: border-box;\\n    padding: 2px 58/2*@toVw;\\n    overflow: hidden;\\n    .i-env {\\n      width: 36 / 2 * @toVw;;\\n      height: auto;\\n      margin-right: 5px;\\n      margin-left: 0;\\n      z-index: 2;\\n    }\\n    .i-env-title {\\n      font-size: 16 * @toVw;\\n      margin:0;\\n      z-index: 2;\\n    }\\n  }\\n}\\n.flex-start {\\n  display: flex;\\n  flex-flow: row nowrap;\\n  justify-content: flex-start;\\n  align-items: center;\\n}\\n.g-btns {\\n  display: flex;\\n  flex-flow: row nowrap;\\n  justify-content: space-around;\\n  align-items: center;\\n  width: 642 / 2 * @toVw;\\n  margin-top: 30 / 2 * @toVw;\\n  font-size: 14 * @toVw;\\n  color: #fff;\\n  img {\\n    width: 96 / 2 * @toVw;\\n    height: 96 / 2 * @toVw;\\n  }\\n}\\n.copyBtn {\\n  background: url('../../assets/activity/yellow-bg.png') no-repeat center;\\n  background-size: cover;\\n  box-sizing: border-box;\\n  width: 567 / 2 * @toVw;\\n  height: 92 / 2 * @toVw;\\n  text-align: center;\\n  line-height: 92 / 2 * @toVw;\\n  color: #fff;\\n  font-size: 20 * @toVw;\\n}\\n.flex-bt {\\n  display: flex;\\n  flex-flow: row nowrap;\\n  justify-content: space-between;\\n  align-items: center;\\n}\\n.p-tips {\\n  color: #999;\\n  font-size: 15 * @toVw;\\n}\\n.p-envelope {\\n  width: 22 * @toVw;\\n  height: 22 * @toVw;\\n  margin-right: 12 * @toVw;\\n}\\n.p-switch {\\n  width: 15 * @toVw;\\n  height: 15 * @toVw;\\n}\\n.p-comments {\\n  margin: 15px 0;\\n  height: 150 * @toVw;\\n  overflow-y: scroll;\\n  p {\\n    line-height: 2;\\n  }\\n}\\n.no-margin {\\n  margin: 0;\\n}\\n.ref-content{\\n  width: 299 * @toVw;\\n  height: 564 * @toVw;\\n  background-size: 100% 100%;\\n  position: relative;\\n.tips{\\n  font-size: 12px;\\n  position: absolute;\\n  color: #666;\\n  right: 10 * @toVw;\\n  top: 250 * @toVw;\\n  width: 1em;\\n}\\n}\\n.group-index{\\n  height: 100%;\\n  padding-bottom: toVw(150);\\n  background: #f0f0f0;\\n  font-family: PingFangSC-Regular;\\n.ref-icon{\\n  position: fixed;\\n  height: 100/375 * 90vw ;\\n  top: 70vw;\\n  z-index: 6;\\n  right: 10 * 100 /375vw;\\n  border-radius: 100px;\\n}\\n.banner{\\n  background: white;\\nimg{\\n  width: 100%;\\n}\\n}\\n.head{\\n  background: white;\\n  margin-bottom: 10px;\\n  padding: 20/7.5vw;\\n.title{\\n  font-size: 20px;\\n  color: #333333;\\n  margin-bottom: 15/7.5vw;\\n}\\n.detail{\\n  font-size: 12px;\\n  line-height: 1.6em;\\n  color: #333333;\\n  display: block;\\n  margin-bottom: 15/7.5vw;\\n}\\n.price{\\n.price-content{\\n  font-family: PingFang-SC-Bold;\\n  font-size: 20px;\\n  color: #F83534;\\n}\\n}\\n}\\n.head-icon{\\n  padding: 20/7.5vw;\\n  background: white;\\n  margin-bottom: 2px;\\n.icon{\\n  display: inline-block;\\n  width: 60/7.5vw;\\n  margin: 0 10/7.5vw;\\n  border-radius: 1000px;\\n  vertical-align: middle;\\n}\\n.more{\\n  width: 50/7.5vw;\\n  vertical-align: middle;\\n}\\n.has{\\n  font-size: 12px;\\n  line-height: 60/7.5vw;\\n  color: #999999;\\n  float: right;\\n}\\n}\\n.welfare{\\n  background: white;\\n  padding:10/7.5vw ;\\n  font-size: 12px;\\n  text-align: center;\\n  color: #999999;\\n  margin-bottom: 20px;\\n}\\n.main-detail{\\n  padding: 20/7.5vw;\\n  background: white;\\n.tab-content{\\n  border-radius: 9px ;\\n  border: 1px solid #F63539;\\n&:after{\\n   content: '';\\n   display: block;\\n   clear: both;\\n }\\n.tab-btn{\\n  width: 50%;\\n  float: left;\\n  height: 80/7.5vw;\\n  line-height: 80/7.5vw;\\n  text-align: center;\\n  color: #F63539;\\n  border-radius:9px ;\\n&.active{\\n   background: #F63539;\\n   color: white;\\n }\\n}\\n}\\n.qa-block{\\n  padding: 20/7.5vw 0 toVw(150) 0;\\nimg,video{\\n  max-width: 100%;\\n}\\n.qa-content{\\n  margin: toVw(10) 0;\\n.qa-q{\\n  font-size: 16px;\\n  color: #666666;\\n}\\n.qa-a{\\n  font-size: 16px;\\n  color: #333333;\\n}\\n}\\n}\\n.detail{\\n  padding: 20/7.5vw 0 150/7.5vw 0;\\n.detail-content{\\nimg,video{\\n  max-width: 100%;\\n}\\n}\\n\\n}\\n}\\nfooter{\\n  position: absolute;\\n  position: fixed;\\n  bottom: 0;\\n  width: 100%;\\n  height: 120/7.5vw;\\n  display: -webkit-box;      // OLD - iOS 6-, Safari 3.1-6 //\\ndisplay: -moz-box;         // OLD - Firefox 19- (buggy but mostly works) //\\ndisplay: -ms-flexbox;      // TWEENER - IE 10 //\\ndisplay: -webkit-flex;     // NEW - Chrome //\\ndisplay: flex;             // NEW, Spec - Opera 12.1, Firefox 20+ //\\nbackground: white;\\n  padding: 10/7.5vw;\\n  border-top: 1px solid #d8d8d8;\\n  justify-content:space-around;\\n.btn{\\n  border: 1px solid #cccccc;\\n  border-radius: 8px;\\n  width:0;\\n  flex-grow:2;\\n  text-align: center;\\n  padding: 15/7.5vw 0;\\n  margin: 0 10/7.5vw;\\n  line-height: 1.4em;\\n  font-size: 16px;\\n  color: #666666;\\nspan{\\n  display: block;\\n  font-size: 20px;\\n  font-family: PingFang-SC-Bold;\\n}\\nimg{\\n  width: 50/7.5vw;\\n}\\n&.big{\\n   padding: 5/7.5vw 0;\\n   flex-grow:5;\\n&.price{\\n   background:  #F83534;\\n   border-color: #F83534;\\n   color: white;\\n }\\n}\\n}\\n}\\n.pop-block{\\n  padding:40/7.5vw 10/7.5vw;\\n  width: 600/7.5vw;\\n  text-align: center;\\n  font-size: 14px;\\n  color: #666666;\\n  position: relative;\\nimg{\\n  width: 250/7.5vw;\\n}\\n.close{\\n  width: 50/7.5vw;\\n  position: absolute;\\n  top: 20/7.5vw;\\n  right: 20/7.5vw;\\n}\\n}\\n.mint-popup{\\n  border-radius: 10px;\\n}\\n.pop-fill{\\n  width: 705 / 2 * @toVw;\\n  padding:30/7.5vw 30/7.5vw;\\n  box-sizing: border-box;\\n  font-size: 16px;\\n  color: #333333;\\n  .close {\\n    position: absolute;\\n    width: 100%;\\n    bottom: -60 * @toVw;\\n    left: 0;\\n    text-align: center;\\n  }\\n  .close-pop {\\n    width: 75 / 2 * @toVw;\\n    height: 75 / 2 * @toVw;\\n  }\\n.btn-block{\\n  margin-top: 30/7.5vw;\\n&:after{\\n   content:'';\\n   display: block;\\n   clear: both;\\n }\\n.btn{\\n  float: right;\\n  background: #F83534;\\n  font-size: 14px;\\n  padding: 5/7.5vw 10/7.5vw;\\n  border-radius: 8px;\\n  color: #FFFFFF;\\n}\\n}\\n}\\n\\n}\\n\\n\"],\"sourceRoot\":\"\"}]);\n\n// exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/css-loader?{\"sourceMap\":true}!./node_modules/vue-loader/lib/style-compiler?{\"vue\":true,\"id\":\"data-v-3a31699e\",\"scoped\":true,\"hasInlineConfig\":false}!./node_modules/less-loader/dist/cjs.js?{\"sourceMap\":true}!./node_modules/vue-loader/lib/selector.js?type=styles&index=1!./src/components/buy/activityInvite.vue\n// module id = sx92\n// module chunks = 2","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAqYAAACCCAYAAACU2QqWAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjhFMkY2NUEzRUZEQTExRThCNDg0RTY5QzMyMzE2NDdCIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjhFMkY2NUE0RUZEQTExRThCNDg0RTY5QzMyMzE2NDdCIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6OEUyRjY1QTFFRkRBMTFFOEI0ODRFNjlDMzIzMTY0N0IiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6OEUyRjY1QTJFRkRBMTFFOEI0ODRFNjlDMzIzMTY0N0IiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4O2ZWpAAAZdElEQVR42uzd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\"\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/assets/activity/red-bg.png\n// module id = t2jw\n// module chunks = 2","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkQ1NjdDM0ZERjFFQjExRTg4NzYwRkU1NjEyRUVGQzY3IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkQ1NjdDM0ZFRjFFQjExRTg4NzYwRkU1NjEyRUVGQzY3Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RDU2N0MzRkJGMUVCMTFFODg3NjBGRTU2MTJFRUZDNjciIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RDU2N0MzRkNGMUVCMTFFODg3NjBGRTU2MTJFRUZDNjciLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7DWpzyAAACJElEQVR42uyYv0vDUBDHk6qoIKhQsFDo6BDEwcXZqYvgUgRXZx1dXVz9A0QQnKQggqA4CS4KOojopIJSiqK2KrVWbWvM89Leg2t4qS+/aoYefEl793L3yeW916QqY0yxsW3QlBKMlUG9ooBqAzQLWgN9g47RF/EBpAqKg4ZBRVC/LNA5aNSMB9QhXlSVBToFjWFbywEBMVHX7W6Djsc+h4USeAG6RRWMibrUYJ0BXH2X4EIjsrX8BsqCOrwkiCghMycdGgFpLmoYOId25KY7rDKBTljdosT3zryZRnKZ9iOqbdehvKCDc6BJvGLmoEPdoEfQrcwqs9uHrnA3HQQVWrkPWVu2ha3kpgSkKqlxBxrnMT5gnwwwyHwZIEluMOZGOihBcnF/kdR9BU2YwTPBJFtFX4z4Mj4CMfTx74f0llDLo29ZAOSnKNASQjcAXYP2CFgp4Dlk4B2pYJ0vUJIC5fCzhuRMsA/5DcTtAH09FOjZcsIKOenBR5AFAnJvic00A+L6ICtv0SNMgcDMC+IpGSBT0yRRzgVImpyfaTJOGojrkiROS4zXyKQ1Oxz/Y7xjIAWT6oJ9xKojAr8hmdsVENcuKXhB/EniLzrM6QlINFHpb6CbBeALEN9pOUzWQ54akMrqzx8voOg/P72mQJuhe6ZuA7WB/ALSQ8Dyyd86zGX/BIqFAKq2D5Xx3ekNVMI/C1ppBh6HzAbx97LqP4CIbP1XgAEA9/NYR/B+eDcAAAAASUVORK5CYII=\"\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/assets/activity/white-envelope.png\n// module id = wtGu\n// module chunks = 2"],"sourceRoot":""}
\ No newline at end of file
diff --git a/dev/static/js/3.61bb4e094927393a5d57.js b/dev/static/js/3.61bb4e094927393a5d57.js
new file mode 100644
index 00000000..35a2f318
--- /dev/null
+++ b/dev/static/js/3.61bb4e094927393a5d57.js
@@ -0,0 +1,2 @@
+webpackJsonp([3],{AlL1:function(n,e,t){n.exports=t.p+"static/img/invite_result.641aca1.png"},"E+pG":function(n,e,t){var i=t("agW6");"string"==typeof i&&(i=[[n.i,i,""]]),i.locals&&(n.exports=i.locals);t("rjj0")("40cc3c6a",i,!1,{})},G3B8:function(n,e,t){n.exports=t.p+"static/img/btn.9815b8e.png"},J85P:function(n,e,t){n.exports=t.p+"static/img/header_02.7e13d5f.png"},PHFB:function(n,e,t){n.exports=t.p+"static/img/no_data.23b59fc.png"},agW6:function(n,e,t){(n.exports=t("FZ+f")(!0)).push([n.i,"\nimg,video{\n  max-width: 100%;\n}\n","",{version:3,sources:["/Users/wang/Documents/changchang/projects/wechat/src/components/buy/src/components/buy/activity.vue"],names:[],mappings:";AA6XA;EACA,gBAAA;CACA",file:"activity.vue",sourcesContent:["<template>\n  <div>\n    <div class=\"activity\">\n      <img class=\"headerImg\" :src=\"header1\">\n      <img class=\"headerImg\" :src=\"header2\">\n      <div class=\"inviteContainer\">\n        <img class=\"invite-title\" :src=\"inviteResultTitle\">\n        <div class=\"invite-list\">\n          <div class=\"flex-center i-title\">\n            <span>受邀购买</span>\n            <span>已获奖金</span>\n          </div>\n          <div class=\"flex-center i-num red\">\n            <span>{{userNum}}人</span>\n            <span>{{earnings / 100}}元</span>\n          </div>\n        </div>\n        <img class=\"noData\" :src=\"noData\" v-if=\"userNum === 0\"/>\n        <template v-if=\"userNum != 0\">\n          <ul class=\"p-list\">\n            <li v-for=\"data in inviteList\">\n              <div class=\"flex-start no-margin\">\n                <img :src=\"data.avatar\"/>\n                <span>{{data.nickname}}</span>\n              </div>\n              <span class=\"no-margin\">{{data.pay_at}}</span>\n            </li>\n          </ul>\n          <img class=\"moreBtn\" :src=\"moreResult\" @click=\"goToInviteList\">\n        </template>\n      </div>\n      <img class=\"headerImg\" :src=\"header4\">\n      <div class=\"invite-btn\">\n        <img :src=\"inviteBtn\" @click=\"goToInvite\">\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\n  import 'swiper/dist/css/swiper.css'\n  import { swiper, swiperSlide } from 'vue-awesome-swiper'\n  import  QRCode from 'qrcodejs2'\n  import { Indicator } from 'mint-ui';\n  import {getwechatParam,getGoodsDetailApi,getGroupDetailApi,getStatusWechatApi,getUserDetailApi,getInviteResultApi,getInviteListApi} from \"../../service/api\";\n  import refBg from '../../assets/refBg.png'\n  import moreUrl from '../../assets/moreIcon.png'\n  import refIcon from '../../assets/refIcon.png'\n  import weChatIcon from '../../assets/wechatIcon.png'\n  import weChatQrUrl from '../../assets/weChatCode.png'\n  import closeUrl from '../../assets/closemy.png'\n  import html2canvas from 'html2canvas'\n\n  import header_1 from '../../assets/activity/header_01.png'\n  import header_2 from '../../assets/activity/header_02.png'\n  import header_4 from '../../assets/activity/header_04.png'\n  import invite_result_title from '../../assets/activity/invite_result.png'\n  import more_result from '../../assets/activity/more.png'\n  import invite_poster from '../../assets/activity/btn.png'\n  import noData from '../../assets/activity/no_data.png'\n  export default {\n    name: \"index\",\n    components: {\n      swiper,\n      swiperSlide,\n    },\n    data(){\n      return {\n        header1: header_1,\n        header2: header_2,\n        header4: header_4,\n        inviteResultTitle: invite_result_title,\n        moreResult: more_result,\n        inviteBtn: invite_poster,\n        refBg:refBg,\n        join:false,\n        popType:false,\n        popFill:false,\n        popupVisible:false,\n        refVisible:false,\n        tabType:true,\n        popcontentW:`您已经购买过课程,无需重复<br>购买,您可以添加微信公众号了解更多`,\n        popcontentT:`为了更好地为您进行课程服务,<br>请扫码添加老师二维码`,\n        qrCode:weChatQrUrl,\n        weChatIcon:weChatIcon,\n        closeUrl:closeUrl,\n        moreUrl:moreUrl,\n        refIcon:refIcon,\n        noData: noData,\n        swiperOption: {\n          pagination: {\n            el: '.swiper-pagination'\n          }\n        },\n        QRCodeB:false,\n        dataURL:null,\n        user_id:null,\n        invite_code_f:true,\n        invite_code:'',\n        shopId:'',\n        groupId:null,\n        groupDetail:false,\n        groupData:null,\n        earnings: 0,\n        userNum: 0,\n        inviteList: [],\n        shareTitle: '唱唱启蒙英语邀友返现金',\n        shareDesc: '唱唱英语90天成长营,每成功邀请1人即可返现金88元,多邀多得,速来~'\n      }\n    },\n    mounted(){\n      this.getInviteResult();\n      this.getInviteList();\n      this.enableShare();\n    },\n    methods:{\n      goToInvite(){\n        let query = {}\n        if(window.location.href.indexOf('shopId')>-1){\n          query.shopId = this.$route.query.shopId;\n        }\n        if(window.location.href.indexOf('groupId')>-1){\n          query.groupId = this.$route.query.groupId;\n        }\n        if(window.location.href.indexOf('invite_code')> -1) {\n          query.invite_code = this.$route.query.invite_code;\n        }\n        this.$router.push({name:'activityInvite',query:query})\n      },\n      goToInviteList(){\n        let query = {}\n        if(window.location.href.indexOf('shopId')>-1){\n          query.shopId = this.$route.query.shopId;\n        }\n        if(window.location.href.indexOf('groupId')>-1){\n          query.groupId = this.$route.query.groupId;\n        }\n        if(window.location.href.indexOf('invite_code')> -1) {\n          query.invite_code = this.$route.query.invite_code;\n        }\n        this.$router.push({name:'inviteList',query:query})\n      },\n      refshow(){\n        Indicator.open();\n        if(document.body.scrollTop < 10){\n          document.body.scrollTop = 20;\n          document.documentElement.scrollTop = 20;\n        }\n        if(localStorage.getItem('cc_token') && localStorage.getItem('cc_token') !== ''){\n          setTimeout(()=>{\n            Indicator.close();\n            if(!this.invite_code){\n              this.invite_code = 'CC-USER'\n            }\n            getUserDetailApi().then(res=>{\n              this.user_id=res.user_id;\n              let invite_code = this.invite_code.split('-');\n              if(invite_code.length > 2 && invite_code[1] === 'TEACHER'){\n                invite_code[1] = 'USER'\n              }\n              let code = `${invite_code[0]}-${invite_code[1]}`;\n              let URL = `${process.env.BUY_URL}shopId=${this.shopId}&invite_code=${code}-${this.user_id}`;\n              if(this.groupId && this.groupId !== 'null'){\n                URL += `&groupId=${this.groupId}`\n              }\n              console.log(URL);\n              this.qrcode(URL);\n              this.refVisible = true;\n              this.$nextTick(()=>{\n                if(!this.dataURL){\n                  setTimeout(()=>{\n                    let {\n                      height,\n                      width\n                    } = document.getElementById('capture').getClientRects()[0]\n                    document.getElementById('capture').style.width = width + 'px';\n                    let o = this.getOffsetRect(this.$refs.imageWrapper);\n                    let {\n                      height1,\n                      width1\n                    } = document.getElementById('capture').getClientRects()[0];\n                    html2canvas(document.getElementById('capture'),{\n                      async: true,\n                      timeout: 500,\n                      scrollX:1,\n                      scale: 3,\n                      width: width1,\n                      height: height1,\n                      letterRendering: true,\n                    }).then((canvas) => {\n                      let dataURL = canvas.toDataURL(\"image/jpg\");\n                      this.dataURL = dataURL;\n                    }).catch(res=>{alert(res);console.log()});\n                  },500)\n                }else{\n\n                }\n              })\n            });\n          },500)\n\n        }else{\n          let query = {retUrl:this.$route.fullPath,is_new_user_url:'1'};\n          this.$router.push({name:'author',query:query})\n        }\n      },\n      getOffsetRect(ele){\n        var box=ele.getBoundingClientRect();\n        var body=document.body,\n          docElem=document.documentElement;\n        //获取页面的scrollTop,scrollLeft(兼容性写法)\n        var scrollTop=window.pageYOffset||docElem.scrollTop||body.scrollTop,\n          scrollLeft=window.pageXOffset||docElem.scrollLeft||body.scrollLeft;\n        var clientTop=docElem.clientTop||body.clientTop,\n          clientLeft=docElem.clientLeft||body.clientLeft;\n        var top=box.top+scrollTop-clientTop,\n          left=box.left+scrollLeft-clientLeft;\n        return {\n          //Math.round 兼容火狐浏览器bug\n          top:Math.round(top),\n          left:Math.round(left)\n        }\n      },\n      qrcode(data){\n        if(this.QRCodeB){\n          this.QRCodeB.makeCode(data)\n        }else{\n          this.QRCodeB = new QRCode('qrcode', {\n            width: 80,\n            height: 80, // 高度\n            text: data, // 二维码内容\n            image: ''\n          });\n        }\n\n      },\n      // 分享\n      enableShare: function() {\n        let that = this;\n        getwechatParam({\n          api_list:   'onMenuShareAppMessage,onMenuShareTimeline',\n          url:window.location.href.split('#')[0]\n        }).then(wechatRes => {\n          wx.config({\n            debug: false,\n            appId: wechatRes.appId,\n            timestamp: parseInt(wechatRes.timestamp),\n            nonceStr: wechatRes.nonceStr,\n            signature: wechatRes.signature,\n            jsApiList: wechatRes.jsApiList\n          });\n          wx.ready(function() {\n            wx.onMenuShareTimeline({\n              title: that.shareTitle, // 分享标题\n              desc: that.shareDesc,// 分享描述\n              link: window.location.href, // 分享链接\n              imgUrl: 'https://cdn.singsingenglish.com/singsing/recommend/logo-refer.png', // 分享图标\n              success: function() {\n                console.log('分享成功');\n                window._hmt.push(['_trackEvent', '分享', \"商品页好友分享\",`id${that.shopId}`,that.invite_code]);//百度统计\n              },\n              cancel: function() {\n                // alert(\"失败\")\n                console.log('分享失败')\n              }\n            });\n            wx.onMenuShareAppMessage({\n              title: that.shareTitle, // 分享标题\n              desc: that.shareDesc,// 分享描述\n              link: window.location.href, // 分享链接\n              imgUrl: 'https://cdn.singsingenglish.com/singsing/recommend/logo-refer.png', // 分享图标\n              success: function() {\n                window._hmt.push(['_trackEvent', '分享', \"商品页朋友圈分享\",`id${that.shopId}`,that.invite_code]);//百度统计\n              },\n              cancel: function() {\n              }\n            });\n          })\n        })\n      },\n      onShare: function(type) {\n        let URL = `${process.env.BUY_URL}?shopId=${this.shopId}&groupId=${this.groupId}&invite_code=${this.invite_code}`;\n        if(type === 1 ){\n          URL = `${process.env.BUY_URL}?shopId=${this.shopId}&invite_code=${this.invite_code}`\n        }\n//        this.enableShare({\n//          product_title: this.groupDetail.share_desc.title,\n//          desc: this.groupDetail.share_desc.content,\n//          shareIcon:this.groupDetail.share_desc.img[0].url,\n//          shareUrl:URL\n//        })\n      },\n      toDataURLBase64 (src, callback) {\n        let xhttp = new XMLHttpRequest();\n        xhttp.onload = function () {\n          let fileReader = new FileReader();\n          fileReader.onloadend = function () {\n            callback(fileReader.result)\n          };\n          fileReader.readAsDataURL(xhttp.response)\n        };\n        xhttp.responseType = 'blob';\n        xhttp.open('GET', src, true);\n        xhttp.send()\n      },\n      // 初始化\n      getDetail(){\n        if(window.location.href.indexOf('invite_code')> -1){\n          this.invite_code = this.$route.query.invite_code;\n          let l = this.invite_code.split('-').length\n          if(l < 3){\n            this.invite_code_f = false\n          }\n        }\n        if(window.location.href.indexOf('shopId')>-1){\n          this.shopId = this.$route.query.shopId;\n          getGoodsDetailApi(this.shopId).then(res=>{\n            res.desc = JSON.parse(res.desc);\n            res.goods_desc = JSON.parse(res.goods_desc);\n            res.share_desc = JSON.parse(res.share_desc);\n            //商品下架跳转绑定商品\n            if(res.status === 2 && res.bind_goods_id){\n              this.$router.push({name:'buyDetail',query:{shopId:res.bind_goods_id}});\n              this.getDetail();\n              return\n            }\n            this.groupDetail = res;\n            for (let i = 0;i<this.groupDetail.header_url.length;i++){\n              this.groupDetail.header_url[i]=this.groupDetail.header_url[i].replace('http://','https://')\n            }\n            this.groupDetail.desc.detail = this.groupDetail.desc.detail.replace(/http:\\/\\//g,'https://');\n            this.groupDetail.desc.qa = this.groupDetail.desc.qa.replace(/http:\\/\\//g,'https://');\n            if(this.groupDetail.share_desc.refImg && this.groupDetail.share_desc.refImg.length === 1){\n              this.groupDetail.share_desc.refImg[0].url = this.groupDetail.share_desc.refImg[0].url.replace('http://','https://');\n              let _this = this;\n              this.toDataURLBase64(this.groupDetail.share_desc.refImg[0].url, function (avatarUrl) {\n                _this.groupDetail.share_desc.refImg[0].url = avatarUrl;\n              });\n            }\n\n            if(this.groupDetail.goods_type === 2){\n              if(localStorage.getItem('cc_token')){\n                getStatusWechatApi({goods_id:this.shopId}).then(res=>{\n                  if(res.out_trade_no){\n                    this.$router.push({name:'success',query:{out_trade_no:res.out_trade_no}});\n                  }\n                });\n              }\n              if(window.location.href.indexOf('groupId')>-1){\n                this.groupId = this.$route.query.groupId;\n                getGroupDetailApi(this.groupId).then(res=>{\n                  this.groupData = res\n                });\n                this.onShare(0)\n              }else{\n                this.onShare(1)\n              }\n            }\n          })\n        }\n\n      },\n      getInviteResult(){\n        getInviteResultApi().then(res=>{\n          this.earnings = res.earnings;\n          this.userNum = res.user_num;\n        });\n      },\n      getInviteList(){\n        let json = {\n          page: 1,\n          limit: 3\n        }\n        getInviteListApi(json).then(res=>{\n          this.inviteList = res.list\n        });\n      }\n    }\n  }\n<\/script>\n<style>\n  img,video{\n    max-width: 100%;\n  }\n</style>\n<style scoped lang=\"less\">\n  @import \"../../util/public\";\n  @red: #fc4a1b;\n  @borderRadius: 8px;\n  .activity {\n    background-color: #1a65f7;\n  }\n  .headerImg {\n    width: 100%;\n  }\n  .inviteContainer {\n    position: relative;\n    margin-left:29 / 2 * @toVw;\n    margin-right:29 / 2 * @toVw;\n    margin-top: 128 / 2 * @toVh;\n    min-height: 200px;\n    text-align: center;\n    background-color: #fff;\n    border-radius: @borderRadius;\n    padding-top: 80 / 2 * @toVw;\n    padding-bottom: 38 / 2 * @toVh;\n  }\n  .invite-title {\n    position: absolute;\n    width: 527 / 2 * @toVw;\n    left: 50%;\n    margin-left: -527 / 4 * @toVw;\n    top: -60 / 2 * @toVw;\n    height: auto;\n  }\n  .invite-list {\n    margin-left: 32 / 2 * @toVw;\n    margin-right: 32 / 2 * @toVw;\n    padding: 28 / 2 * @toVh;\n    border: 1px solid @red;\n    border-radius: @borderRadius;\n    .i-title {\n      font-size: 14px;\n    }\n    .i-num {\n      font-size: 18px;\n    }\n  }\n  .flex-center {\n    display: flex;\n    flex-flow: row nowrap;\n    justify-content: center;\n    align-items: center;\n  }\n  .flex-start {\n    display: flex;\n    flex-flow: row nowrap;\n    justify-content: flex-start;\n    align-items: center;\n  }\n  .red{\n    color: @red;\n  }\n  .p-list {\n    margin: 0 32 / 2 * @toVw;\n    padding: 0;\n    li {\n      display: flex;\n      flex-flow:  row nowrap;\n      justify-content: space-between;\n      align-items: center;\n      margin: 0;\n      padding: 8 * @toVw;\n      img {\n        width: 74 / 2 * @toVw;\n        height: 74 / 2 * @toVw;\n        margin-right: 5px;\n        border-radius: 50%;\n      }\n    }\n  }\n  .no-margin {\n    margin: 0;\n  }\n  .moreBtn {\n    width: 220 / 2 * @toVw;\n    height: auto;\n  }\n  .invite-btn {\n    width: 100%;\n    padding-top: 10 * @toVw;\n    box-sizing: content-box;\n    text-align: center;\n    background-color: #fff;\n    img {\n      width: 504 / 2 * @toVw;\n      height: auto;\n    }\n  }\n  .noData {\n    width: 80%;\n    margin-top: 15px;\n  }\n</style>\n"],sourceRoot:""}])},cLef:function(n,e,t){n.exports=t.p+"static/img/header_01.6e13636.png"},j2ho:function(n,e,t){(n.exports=t("FZ+f")(!0)).push([n.i,"\n.fl-r[data-v-3bfbbef0] {\n  float: right;\n}\n.main-block[data-v-3bfbbef0] {\n  margin: 5px;\n  background: white;\n  padding: 5px;\n}\n.clear-both[data-v-3bfbbef0]:after {\n  content: '';\n  display: block;\n  clear: both;\n}\n[data-v-3bfbbef0]::-webkit-scrollbar-track-piece {\n  border-radius: 10px;\n}\n[data-v-3bfbbef0]::-webkit-scrollbar {\n  width: 5px;\n  height: 5px;\n}\n[data-v-3bfbbef0]::-webkit-scrollbar-thumb {\n  background-color: #999;\n  border-radius: 10px;\n  height: 10px;\n  min-height: 10px;\n}\n.activity[data-v-3bfbbef0] {\n  background-color: #1a65f7;\n}\n.headerImg[data-v-3bfbbef0] {\n  width: 100%;\n}\n.inviteContainer[data-v-3bfbbef0] {\n  position: relative;\n  margin-left: 3.86666667vw;\n  margin-right: 3.86666667vw;\n  margin-top: 9.5952024vh;\n  min-height: 200px;\n  text-align: center;\n  background-color: #fff;\n  border-radius: 8px;\n  padding-top: 10.66666667vw;\n  padding-bottom: 2.84857571vh;\n}\n.invite-title[data-v-3bfbbef0] {\n  position: absolute;\n  width: 70.26666667vw;\n  left: 50%;\n  margin-left: -35.13333333vw;\n  top: -8vw;\n  height: auto;\n}\n.invite-list[data-v-3bfbbef0] {\n  margin-left: 4.26666667vw;\n  margin-right: 4.26666667vw;\n  padding: 2.09895052vh;\n  border: 1px solid #fc4a1b;\n  border-radius: 8px;\n}\n.invite-list .i-title[data-v-3bfbbef0] {\n  font-size: 14px;\n}\n.invite-list .i-num[data-v-3bfbbef0] {\n  font-size: 18px;\n}\n.flex-center[data-v-3bfbbef0] {\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-orient: horizontal;\n  -webkit-box-direction: normal;\n      -ms-flex-flow: row nowrap;\n          flex-flow: row nowrap;\n  -webkit-box-pack: center;\n      -ms-flex-pack: center;\n          justify-content: center;\n  -webkit-box-align: center;\n      -ms-flex-align: center;\n          align-items: center;\n}\n.flex-start[data-v-3bfbbef0] {\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-orient: horizontal;\n  -webkit-box-direction: normal;\n      -ms-flex-flow: row nowrap;\n          flex-flow: row nowrap;\n  -webkit-box-pack: start;\n      -ms-flex-pack: start;\n          justify-content: flex-start;\n  -webkit-box-align: center;\n      -ms-flex-align: center;\n          align-items: center;\n}\n.red[data-v-3bfbbef0] {\n  color: #fc4a1b;\n}\n.p-list[data-v-3bfbbef0] {\n  margin: 0 4.26666667vw;\n  padding: 0;\n}\n.p-list li[data-v-3bfbbef0] {\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-orient: horizontal;\n  -webkit-box-direction: normal;\n      -ms-flex-flow: row nowrap;\n          flex-flow: row nowrap;\n  -webkit-box-pack: justify;\n      -ms-flex-pack: justify;\n          justify-content: space-between;\n  -webkit-box-align: center;\n      -ms-flex-align: center;\n          align-items: center;\n  margin: 0;\n  padding: 2.13333333vw;\n}\n.p-list li img[data-v-3bfbbef0] {\n  width: 9.86666667vw;\n  height: 9.86666667vw;\n  margin-right: 5px;\n  border-radius: 50%;\n}\n.no-margin[data-v-3bfbbef0] {\n  margin: 0;\n}\n.moreBtn[data-v-3bfbbef0] {\n  width: 29.33333333vw;\n  height: auto;\n}\n.invite-btn[data-v-3bfbbef0] {\n  width: 100%;\n  padding-top: 2.66666667vw;\n  -webkit-box-sizing: content-box;\n          box-sizing: content-box;\n  text-align: center;\n  background-color: #fff;\n}\n.invite-btn img[data-v-3bfbbef0] {\n  width: 67.2vw;\n  height: auto;\n}\n.noData[data-v-3bfbbef0] {\n  width: 80%;\n  margin-top: 15px;\n}\n","",{version:3,sources:["/Users/wang/Documents/changchang/projects/wechat/src/util/public.less","/Users/wang/Documents/changchang/projects/wechat/src/components/buy/activity.vue","/Users/wang/Documents/changchang/projects/wechat/src/components/buy/activity.vue"],names:[],mappings:";AAcA;EACE,aAAA;CCbD;ADeD;EACE,YAAA;EACA,kBAAA;EACA,aAAA;CCbD;ADmBC;EACE,YAAA;EACA,eAAA;EACA,YAAA;CCjBH;ADqBD;EACE,oBAAA;CCnBD;ADqBD;EACE,WAAA;EACA,YAAA;CCnBD;ADqBD;EACE,uBAAA;EACA,oBAAA;EACA,aAAA;EACA,iBAAA;CCnBD;AC4WD;EACE,0BAAA;CD1WD;AC4WD;EACE,YAAA;CD1WD;AC4WD;EACE,mBAAA;EACA,0BAAA;EACA,2BAAA;EACA,wBAAA;EACA,kBAAA;EACA,mBAAA;EACA,uBAAA;EACA,mBAAA;EACA,2BAAA;EACA,6BAAA;CD1WD;AC4WD;EACE,mBAAA;EACA,qBAAA;EACA,UAAA;EACA,4BAAA;EACA,UAAA;EACA,aAAA;CD1WD;AC4WD;EACE,0BAAA;EACA,2BAAA;EACA,sBAAA;EACA,0BAAA;EACA,mBAAA;CD1WD;ACqWD;EAOI,gBAAA;CDzWH;ACkWD;EAUI,gBAAA;CDzWH;AC4WD;EACE,qBAAA;EAAA,qBAAA;EAAA,cAAA;EACA,+BAAA;EAAA,8BAAA;MAAA,0BAAA;UAAA,sBAAA;EACA,yBAAA;MAAA,sBAAA;UAAA,wBAAA;EACA,0BAAA;MAAA,uBAAA;UAAA,oBAAA;CD1WD;AC4WD;EACE,qBAAA;EAAA,qBAAA;EAAA,cAAA;EACA,+BAAA;EAAA,8BAAA;MAAA,0BAAA;UAAA,sBAAA;EACA,wBAAA;MAAA,qBAAA;UAAA,4BAAA;EACA,0BAAA;MAAA,uBAAA;UAAA,oBAAA;CD1WD;AC4WD;EACE,eAAA;CD1WD;AC4WD;EACE,uBAAA;EACA,WAAA;CD1WD;ACwWD;EAII,qBAAA;EAAA,qBAAA;EAAA,cAAA;EACA,+BAAA;EAAA,8BAAA;MAAA,0BAAA;UAAA,sBAAA;EACA,0BAAA;MAAA,uBAAA;UAAA,+BAAA;EACA,0BAAA;MAAA,uBAAA;UAAA,oBAAA;EACA,UAAA;EACA,sBAAA;CDzWH;ACgWD;EAWM,oBAAA;EACA,qBAAA;EACA,kBAAA;EACA,mBAAA;CDxWL;AC4WD;EACE,UAAA;CD1WD;AC4WD;EACE,qBAAA;EACA,aAAA;CD1WD;AC4WD;EACE,YAAA;EACA,0BAAA;EACA,gCAAA;UAAA,wBAAA;EACA,mBAAA;EACA,uBAAA;CD1WD;ACqWD;EAOI,cAAA;EACA,aAAA;CDzWH;AC4WD;EACE,WAAA;EACA,iBAAA;CD1WD",file:"activity.vue",sourcesContent:["//颜色参数\n@toVw:100/375vw;\n@toVh:100/667vh;\n@bg-b: #333;\n@bg-b-s:#444;\n@black-line:#191919;\n@gray-line:#666;\n@light-line:#ddd;\n@main-font-color:#fff;\n@secondary-font-color:#999;\n@gold-color-light:#FFD04B;\n@gold-color: #a18430;\n\n//公共类\n.fl-r{\n  float: right;\n}\n.main-block{\n  margin: 5px;\n  background: white;\n  padding: 5px;\n}\nhtml{\n\n}\n.clear-both{\n  &:after{\n    content: '';\n    display: block;\n    clear: both;\n  }\n}\n//滚动条样式\n::-webkit-scrollbar-track-piece { //滚动条凹槽的颜色,还可以设置边框属性\n  border-radius: 10px;\n}\n::-webkit-scrollbar {//滚动条的宽度\n  width:5px;\n  height:5px;\n}\n::-webkit-scrollbar-thumb {//滚动条的设置\n  background-color:@secondary-font-color;\n  border-radius: 10px;\n  height: 10px;\n  min-height:10px;\n}\n",".fl-r {\n  float: right;\n}\n.main-block {\n  margin: 5px;\n  background: white;\n  padding: 5px;\n}\n.clear-both:after {\n  content: '';\n  display: block;\n  clear: both;\n}\n::-webkit-scrollbar-track-piece {\n  border-radius: 10px;\n}\n::-webkit-scrollbar {\n  width: 5px;\n  height: 5px;\n}\n::-webkit-scrollbar-thumb {\n  background-color: #999;\n  border-radius: 10px;\n  height: 10px;\n  min-height: 10px;\n}\n.activity {\n  background-color: #1a65f7;\n}\n.headerImg {\n  width: 100%;\n}\n.inviteContainer {\n  position: relative;\n  margin-left: 3.86666667vw;\n  margin-right: 3.86666667vw;\n  margin-top: 9.5952024vh;\n  min-height: 200px;\n  text-align: center;\n  background-color: #fff;\n  border-radius: 8px;\n  padding-top: 10.66666667vw;\n  padding-bottom: 2.84857571vh;\n}\n.invite-title {\n  position: absolute;\n  width: 70.26666667vw;\n  left: 50%;\n  margin-left: -35.13333333vw;\n  top: -8vw;\n  height: auto;\n}\n.invite-list {\n  margin-left: 4.26666667vw;\n  margin-right: 4.26666667vw;\n  padding: 2.09895052vh;\n  border: 1px solid #fc4a1b;\n  border-radius: 8px;\n}\n.invite-list .i-title {\n  font-size: 14px;\n}\n.invite-list .i-num {\n  font-size: 18px;\n}\n.flex-center {\n  display: flex;\n  flex-flow: row nowrap;\n  justify-content: center;\n  align-items: center;\n}\n.flex-start {\n  display: flex;\n  flex-flow: row nowrap;\n  justify-content: flex-start;\n  align-items: center;\n}\n.red {\n  color: #fc4a1b;\n}\n.p-list {\n  margin: 0 4.26666667vw;\n  padding: 0;\n}\n.p-list li {\n  display: flex;\n  flex-flow: row nowrap;\n  justify-content: space-between;\n  align-items: center;\n  margin: 0;\n  padding: 2.13333333vw;\n}\n.p-list li img {\n  width: 9.86666667vw;\n  height: 9.86666667vw;\n  margin-right: 5px;\n  border-radius: 50%;\n}\n.no-margin {\n  margin: 0;\n}\n.moreBtn {\n  width: 29.33333333vw;\n  height: auto;\n}\n.invite-btn {\n  width: 100%;\n  padding-top: 2.66666667vw;\n  box-sizing: content-box;\n  text-align: center;\n  background-color: #fff;\n}\n.invite-btn img {\n  width: 67.2vw;\n  height: auto;\n}\n.noData {\n  width: 80%;\n  margin-top: 15px;\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\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\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\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\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@import "../../util/public";\n@red: #fc4a1b;\n@borderRadius: 8px;\n.activity {\n  background-color: #1a65f7;\n}\n.headerImg {\n  width: 100%;\n}\n.inviteContainer {\n  position: relative;\n  margin-left:29 / 2 * @toVw;\n  margin-right:29 / 2 * @toVw;\n  margin-top: 128 / 2 * @toVh;\n  min-height: 200px;\n  text-align: center;\n  background-color: #fff;\n  border-radius: @borderRadius;\n  padding-top: 80 / 2 * @toVw;\n  padding-bottom: 38 / 2 * @toVh;\n}\n.invite-title {\n  position: absolute;\n  width: 527 / 2 * @toVw;\n  left: 50%;\n  margin-left: -527 / 4 * @toVw;\n  top: -60 / 2 * @toVw;\n  height: auto;\n}\n.invite-list {\n  margin-left: 32 / 2 * @toVw;\n  margin-right: 32 / 2 * @toVw;\n  padding: 28 / 2 * @toVh;\n  border: 1px solid @red;\n  border-radius: @borderRadius;\n  .i-title {\n    font-size: 14px;\n  }\n  .i-num {\n    font-size: 18px;\n  }\n}\n.flex-center {\n  display: flex;\n  flex-flow: row nowrap;\n  justify-content: center;\n  align-items: center;\n}\n.flex-start {\n  display: flex;\n  flex-flow: row nowrap;\n  justify-content: flex-start;\n  align-items: center;\n}\n.red{\n  color: @red;\n}\n.p-list {\n  margin: 0 32 / 2 * @toVw;\n  padding: 0;\n  li {\n    display: flex;\n    flex-flow:  row nowrap;\n    justify-content: space-between;\n    align-items: center;\n    margin: 0;\n    padding: 8 * @toVw;\n    img {\n      width: 74 / 2 * @toVw;\n      height: 74 / 2 * @toVw;\n      margin-right: 5px;\n      border-radius: 50%;\n    }\n  }\n}\n.no-margin {\n  margin: 0;\n}\n.moreBtn {\n  width: 220 / 2 * @toVw;\n  height: auto;\n}\n.invite-btn {\n  width: 100%;\n  padding-top: 10 * @toVw;\n  box-sizing: content-box;\n  text-align: center;\n  background-color: #fff;\n  img {\n    width: 504 / 2 * @toVw;\n    height: auto;\n  }\n}\n.noData {\n  width: 80%;\n  margin-top: 15px;\n}\n'],sourceRoot:""}])},qVuA:function(n,e){n.exports="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAANwAAABECAYAAADqb1uvAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkI5NjczMkQzRUZEOTExRTg4M0Y3RDUzNzFCQjA0NzA0IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkI5NjczMkQ0RUZEOTExRTg4M0Y3RDUzNzFCQjA0NzA0Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6Qjk2NzMyRDFFRkQ5MTFFODgzRjdENTM3MUJCMDQ3MDQiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6Qjk2NzMyRDJFRkQ5MTFFODgzRjdENTM3MUJCMDQ3MDQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5Wm4GZAAAO6klEQVR42uxd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"},vmc7:function(n,e,t){n.exports=t.p+"static/img/header_04.968f58b.png"},x2PD:function(n,e,t){var i=t("j2ho");"string"==typeof i&&(i=[[n.i,i,""]]),i.locals&&(n.exports=i.locals);t("rjj0")("524e0eac",i,!1,{})},yYpN:function(n,e,t){"use strict";Object.defineProperty(e,"__esModule",{value:!0});t("v2ns");var i=t("7QTg"),o=t("MJLE"),r=t.n(o),a=t("Au9i"),s=t("CCn6"),l=t("E26C"),c=t.n(l),d=t("kXdI"),p=t.n(d),A=t("1UEi"),h=t.n(A),g=t("XaoW"),u=t.n(g),f=t("zpE/"),m=t.n(f),v=t("0ZjB"),b=t.n(v),w=t("2Pnh"),x=t.n(w),D=t("cLef"),C=t.n(D),I=t("J85P"),y=t.n(I),B=t("vmc7"),E=t.n(B),R=t("AlL1"),_=t.n(R),k=t("qVuA"),U=t.n(k),T=t("G3B8"),L=t.n(T),M=t("PHFB"),W=t.n(M),j={name:"index",components:{swiper:i.swiper,swiperSlide:i.swiperSlide},data:function(){return{header1:C.a,header2:y.a,header4:E.a,inviteResultTitle:_.a,moreResult:U.a,inviteBtn:L.a,refBg:c.a,join:!1,popType:!1,popFill:!1,popupVisible:!1,refVisible:!1,tabType:!0,popcontentW:"您已经购买过课程,无需重复<br>购买,您可以添加微信公众号了解更多",popcontentT:"为了更好地为您进行课程服务,<br>请扫码添加老师二维码",qrCode:m.a,weChatIcon:u.a,closeUrl:b.a,moreUrl:p.a,refIcon:h.a,noData:W.a,swiperOption:{pagination:{el:".swiper-pagination"}},QRCodeB:!1,dataURL:null,user_id:null,invite_code_f:!0,invite_code:"",shopId:"",groupId:null,groupDetail:!1,groupData:null,earnings:0,userNum:0,inviteList:[],shareTitle:"唱唱启蒙英语邀友返现金",shareDesc:"唱唱英语90天成长营,每成功邀请1人即可返现金88元,多邀多得,速来~"}},mounted:function(){this.getInviteResult(),this.getInviteList(),this.enableShare()},methods:{goToInvite:function(){var n={};window.location.href.indexOf("shopId")>-1&&(n.shopId=this.$route.query.shopId),window.location.href.indexOf("groupId")>-1&&(n.groupId=this.$route.query.groupId),window.location.href.indexOf("invite_code")>-1&&(n.invite_code=this.$route.query.invite_code),this.$router.push({name:"activityInvite",query:n})},goToInviteList:function(){var n={};window.location.href.indexOf("shopId")>-1&&(n.shopId=this.$route.query.shopId),window.location.href.indexOf("groupId")>-1&&(n.groupId=this.$route.query.groupId),window.location.href.indexOf("invite_code")>-1&&(n.invite_code=this.$route.query.invite_code),this.$router.push({name:"inviteList",query:n})},refshow:function(){var n=this;if(a.Indicator.open(),document.body.scrollTop<10&&(document.body.scrollTop=20,document.documentElement.scrollTop=20),localStorage.getItem("cc_token")&&""!==localStorage.getItem("cc_token"))setTimeout(function(){a.Indicator.close(),n.invite_code||(n.invite_code="CC-USER"),Object(s.q)().then(function(e){n.user_id=e.user_id;var t=n.invite_code.split("-");t.length>2&&"TEACHER"===t[1]&&(t[1]="USER");var i=t[0]+"-"+t[1],o="https://wechat-test.changchangenglish.com/#/buyDetail?shopId="+n.shopId+"&invite_code="+i+"-"+n.user_id;n.groupId&&"null"!==n.groupId&&(o+="&groupId="+n.groupId),console.log(o),n.qrcode(o),n.refVisible=!0,n.$nextTick(function(){n.dataURL||setTimeout(function(){var e=document.getElementById("capture").getClientRects()[0],t=(e.height,e.width);document.getElementById("capture").style.width=t+"px";n.getOffsetRect(n.$refs.imageWrapper);var i=document.getElementById("capture").getClientRects()[0],o=i.height1,r=i.width1;x()(document.getElementById("capture"),{async:!0,timeout:500,scrollX:1,scale:3,width:r,height:o,letterRendering:!0}).then(function(e){var t=e.toDataURL("image/jpg");n.dataURL=t}).catch(function(n){alert(n),console.log()})},500)})})},500);else{var e={retUrl:this.$route.fullPath,is_new_user_url:"1"};this.$router.push({name:"author",query:e})}},getOffsetRect:function(n){var e=n.getBoundingClientRect(),t=document.body,i=document.documentElement,o=window.pageYOffset||i.scrollTop||t.scrollTop,r=window.pageXOffset||i.scrollLeft||t.scrollLeft,a=i.clientTop||t.clientTop,s=i.clientLeft||t.clientLeft,l=e.top+o-a,c=e.left+r-s;return{top:Math.round(l),left:Math.round(c)}},qrcode:function(n){this.QRCodeB?this.QRCodeB.makeCode(n):this.QRCodeB=new r.a("qrcode",{width:80,height:80,text:n,image:""})},enableShare:function(){var n=this;Object(s.t)({api_list:"onMenuShareAppMessage,onMenuShareTimeline",url:window.location.href.split("#")[0]}).then(function(e){wx.config({debug:!1,appId:e.appId,timestamp:parseInt(e.timestamp),nonceStr:e.nonceStr,signature:e.signature,jsApiList:e.jsApiList}),wx.ready(function(){wx.onMenuShareTimeline({title:n.shareTitle,desc:n.shareDesc,link:window.location.href,imgUrl:"https://cdn.singsingenglish.com/singsing/recommend/logo-refer.png",success:function(){console.log("分享成功"),window._hmt.push(["_trackEvent","分享","商品页好友分享","id"+n.shopId,n.invite_code])},cancel:function(){console.log("分享失败")}}),wx.onMenuShareAppMessage({title:n.shareTitle,desc:n.shareDesc,link:window.location.href,imgUrl:"https://cdn.singsingenglish.com/singsing/recommend/logo-refer.png",success:function(){window._hmt.push(["_trackEvent","分享","商品页朋友圈分享","id"+n.shopId,n.invite_code])},cancel:function(){}})})})},onShare:function(n){this.shopId,this.groupId,this.invite_code;1===n&&(this.shopId,this.invite_code)},toDataURLBase64:function(n,e){var t=new XMLHttpRequest;t.onload=function(){var n=new FileReader;n.onloadend=function(){e(n.result)},n.readAsDataURL(t.response)},t.responseType="blob",t.open("GET",n,!0),t.send()},getDetail:function(){var n=this;window.location.href.indexOf("invite_code")>-1&&(this.invite_code=this.$route.query.invite_code,this.invite_code.split("-").length<3&&(this.invite_code_f=!1));window.location.href.indexOf("shopId")>-1&&(this.shopId=this.$route.query.shopId,Object(s.d)(this.shopId).then(function(e){if(e.desc=JSON.parse(e.desc),e.goods_desc=JSON.parse(e.goods_desc),e.share_desc=JSON.parse(e.share_desc),2===e.status&&e.bind_goods_id)return n.$router.push({name:"buyDetail",query:{shopId:e.bind_goods_id}}),void n.getDetail();n.groupDetail=e;for(var t=0;t<n.groupDetail.header_url.length;t++)n.groupDetail.header_url[t]=n.groupDetail.header_url[t].replace("http://","https://");if(n.groupDetail.desc.detail=n.groupDetail.desc.detail.replace(/http:\/\//g,"https://"),n.groupDetail.desc.qa=n.groupDetail.desc.qa.replace(/http:\/\//g,"https://"),n.groupDetail.share_desc.refImg&&1===n.groupDetail.share_desc.refImg.length){n.groupDetail.share_desc.refImg[0].url=n.groupDetail.share_desc.refImg[0].url.replace("http://","https://");var i=n;n.toDataURLBase64(n.groupDetail.share_desc.refImg[0].url,function(n){i.groupDetail.share_desc.refImg[0].url=n})}2===n.groupDetail.goods_type&&(localStorage.getItem("cc_token")&&Object(s.n)({goods_id:n.shopId}).then(function(e){e.out_trade_no&&n.$router.push({name:"success",query:{out_trade_no:e.out_trade_no}})}),window.location.href.indexOf("groupId")>-1?(n.groupId=n.$route.query.groupId,Object(s.f)(n.groupId).then(function(e){n.groupData=e}),n.onShare(0)):n.onShare(1))}))},getInviteResult:function(){var n=this;Object(s.h)().then(function(e){n.earnings=e.earnings,n.userNum=e.user_num})},getInviteList:function(){var n=this;Object(s.g)({page:1,limit:3}).then(function(e){n.inviteList=e.list})}}},O=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",[t("div",{staticClass:"activity"},[t("img",{staticClass:"headerImg",attrs:{src:n.header1}}),n._v(" "),t("img",{staticClass:"headerImg",attrs:{src:n.header2}}),n._v(" "),t("div",{staticClass:"inviteContainer"},[t("img",{staticClass:"invite-title",attrs:{src:n.inviteResultTitle}}),n._v(" "),t("div",{staticClass:"invite-list"},[n._m(0),n._v(" "),t("div",{staticClass:"flex-center i-num red"},[t("span",[n._v(n._s(n.userNum)+"人")]),n._v(" "),t("span",[n._v(n._s(n.earnings/100)+"元")])])]),n._v(" "),0===n.userNum?t("img",{staticClass:"noData",attrs:{src:n.noData}}):n._e(),n._v(" "),0!=n.userNum?[t("ul",{staticClass:"p-list"},n._l(n.inviteList,function(e){return t("li",[t("div",{staticClass:"flex-start no-margin"},[t("img",{attrs:{src:e.avatar}}),n._v(" "),t("span",[n._v(n._s(e.nickname))])]),n._v(" "),t("span",{staticClass:"no-margin"},[n._v(n._s(e.pay_at))])])})),n._v(" "),t("img",{staticClass:"moreBtn",attrs:{src:n.moreResult},on:{click:n.goToInviteList}})]:n._e()],2),n._v(" "),t("img",{staticClass:"headerImg",attrs:{src:n.header4}}),n._v(" "),t("div",{staticClass:"invite-btn"},[t("img",{attrs:{src:n.inviteBtn},on:{click:n.goToInvite}})])])])};O._withStripped=!0;var q={render:O,staticRenderFns:[function(){var n=this.$createElement,e=this._self._c||n;return e("div",{staticClass:"flex-center i-title"},[e("span",[this._v("受邀购买")]),this._v(" "),e("span",[this._v("已获奖金")])])}]},S=q;var z=!1;var Q=t("VU/8")(j,S,!1,function(n){z||(t("E+pG"),t("x2PD"))},"data-v-3bfbbef0",null);Q.options.__file="src/components/buy/activity.vue";e.default=Q.exports}});
+//# sourceMappingURL=3.61bb4e094927393a5d57.js.map
\ No newline at end of file
diff --git a/dev/static/js/3.61bb4e094927393a5d57.js.map b/dev/static/js/3.61bb4e094927393a5d57.js.map
new file mode 100644
index 00000000..edb1eb76
--- /dev/null
+++ b/dev/static/js/3.61bb4e094927393a5d57.js.map
@@ -0,0 +1 @@
+{"version":3,"sources":["webpack:///./src/assets/activity/invite_result.png","webpack:///./src/components/buy/activity.vue?a27b","webpack:///./src/assets/activity/btn.png","webpack:///./src/assets/activity/header_02.png","webpack:///./src/assets/activity/no_data.png","webpack:///./src/components/buy/activity.vue?437b","webpack:///./src/assets/activity/header_01.png","webpack:///./src/components/buy/activity.vue?c5f0","webpack:///./src/assets/activity/more.png","webpack:///./src/assets/activity/header_04.png","webpack:///./src/components/buy/activity.vue?199c","webpack:///src/components/buy/activity.vue","webpack:///./src/components/buy/activity.vue?4da6","webpack:///./src/components/buy/activity.vue"],"names":["module","exports","__webpack_require__","p","content","i","locals","push","version","sources","names","mappings","file","sourcesContent","sourceRoot","activity","name","components","swiper","vue_awesome_swiper","swiperSlide","data","header1","header_01_default","a","header2","header_02_default","header4","header_04_default","inviteResultTitle","invite_result_default","moreResult","more_default","inviteBtn","btn_default","refBg","refBg_default","join","popType","popFill","popupVisible","refVisible","tabType","popcontentW","popcontentT","qrCode","weChatCode_default","weChatIcon","wechatIcon_default","closeUrl","closemy_default","moreUrl","moreIcon_default","refIcon","refIcon_default","noData","no_data_default","swiperOption","pagination","el","QRCodeB","dataURL","user_id","invite_code_f","invite_code","shopId","groupId","groupDetail","groupData","earnings","userNum","inviteList","shareTitle","shareDesc","mounted","this","getInviteResult","getInviteList","enableShare","methods","goToInvite","query","window","location","href","indexOf","$route","$router","goToInviteList","refshow","_this2","mint_ui_common","open","document","body","scrollTop","documentElement","localStorage","getItem","setTimeout","close","Object","api","then","res","split","length","code","URL","console","log","qrcode","$nextTick","_document$getElementB","getElementById","getClientRects","width","height","style","getOffsetRect","$refs","imageWrapper","_document$getElementB2","height1","width1","npm_default","async","timeout","scrollX","scale","letterRendering","canvas","toDataURL","catch","alert","retUrl","fullPath","is_new_user_url","ele","box","getBoundingClientRect","docElem","pageYOffset","scrollLeft","pageXOffset","clientTop","clientLeft","top","left","Math","round","makeCode","qrcode_default","text","image","that","api_list","url","wechatRes","wx","config","debug","appId","timestamp","parseInt","nonceStr","signature","jsApiList","ready","onMenuShareTimeline","title","desc","link","imgUrl","success","_hmt","cancel","onMenuShareAppMessage","onShare","type","toDataURLBase64","src","callback","xhttp","XMLHttpRequest","onload","fileReader","FileReader","onloadend","result","readAsDataURL","response","responseType","send","getDetail","_this3","JSON","parse","goods_desc","share_desc","status","bind_goods_id","header_url","replace","detail","qa","refImg","_this","avatarUrl","goods_type","goods_id","out_trade_no","_this4","user_num","_this5","page","limit","list","render","_vm","_h","$createElement","_c","_self","staticClass","attrs","_v","_m","_s","_e","_l","avatar","nickname","pay_at","on","click","_withStripped","esExports","staticRenderFns","buy_activity","disposed","Component","normalizeComponent","ssrContext","options","__file","__webpack_exports__"],"mappings":"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","file":"static/js/3.61bb4e094927393a5d57.js","sourcesContent":["module.exports = __webpack_public_path__ + \"static/img/invite_result.641aca1.png\";\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/assets/activity/invite_result.png\n// module id = AlL1\n// module chunks = 3","// style-loader: Adds some css to the DOM by adding a <style> tag\n\n// load the styles\nvar content = require(\"!!../../../node_modules/css-loader/index.js?{\\\"sourceMap\\\":true}!../../../node_modules/vue-loader/lib/style-compiler/index.js?{\\\"vue\\\":true,\\\"id\\\":\\\"data-v-3bfbbef0\\\",\\\"scoped\\\":false,\\\"hasInlineConfig\\\":false}!../../../node_modules/vue-loader/lib/selector.js?type=styles&index=0!./activity.vue\");\nif(typeof content === 'string') content = [[module.id, content, '']];\nif(content.locals) module.exports = content.locals;\n// add the styles to the DOM\nvar update = require(\"!../../../node_modules/vue-style-loader/lib/addStylesClient.js\")(\"40cc3c6a\", content, false, {});\n// Hot Module Replacement\nif(module.hot) {\n // When the styles change, update the <style> tags\n if(!content.locals) {\n   module.hot.accept(\"!!../../../node_modules/css-loader/index.js?{\\\"sourceMap\\\":true}!../../../node_modules/vue-loader/lib/style-compiler/index.js?{\\\"vue\\\":true,\\\"id\\\":\\\"data-v-3bfbbef0\\\",\\\"scoped\\\":false,\\\"hasInlineConfig\\\":false}!../../../node_modules/vue-loader/lib/selector.js?type=styles&index=0!./activity.vue\", function() {\n     var newContent = require(\"!!../../../node_modules/css-loader/index.js?{\\\"sourceMap\\\":true}!../../../node_modules/vue-loader/lib/style-compiler/index.js?{\\\"vue\\\":true,\\\"id\\\":\\\"data-v-3bfbbef0\\\",\\\"scoped\\\":false,\\\"hasInlineConfig\\\":false}!../../../node_modules/vue-loader/lib/selector.js?type=styles&index=0!./activity.vue\");\n     if(typeof newContent === 'string') newContent = [[module.id, newContent, '']];\n     update(newContent);\n   });\n }\n // When the module is disposed, remove the <style> tags\n module.hot.dispose(function() { update(); });\n}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/vue-style-loader!./node_modules/css-loader?{\"sourceMap\":true}!./node_modules/vue-loader/lib/style-compiler?{\"vue\":true,\"id\":\"data-v-3bfbbef0\",\"scoped\":false,\"hasInlineConfig\":false}!./node_modules/vue-loader/lib/selector.js?type=styles&index=0!./src/components/buy/activity.vue\n// module id = E+pG\n// module chunks = 3","module.exports = __webpack_public_path__ + \"static/img/btn.9815b8e.png\";\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/assets/activity/btn.png\n// module id = G3B8\n// module chunks = 3","module.exports = __webpack_public_path__ + \"static/img/header_02.7e13d5f.png\";\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/assets/activity/header_02.png\n// module id = J85P\n// module chunks = 3","module.exports = __webpack_public_path__ + \"static/img/no_data.23b59fc.png\";\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/assets/activity/no_data.png\n// module id = PHFB\n// module chunks = 3","exports = module.exports = require(\"../../../node_modules/css-loader/lib/css-base.js\")(true);\n// imports\n\n\n// module\nexports.push([module.id, \"\\nimg,video{\\n  max-width: 100%;\\n}\\n\", \"\", {\"version\":3,\"sources\":[\"/Users/wang/Documents/changchang/projects/wechat/src/components/buy/src/components/buy/activity.vue\"],\"names\":[],\"mappings\":\";AA6XA;EACA,gBAAA;CACA\",\"file\":\"activity.vue\",\"sourcesContent\":[\"<template>\\n  <div>\\n    <div class=\\\"activity\\\">\\n      <img class=\\\"headerImg\\\" :src=\\\"header1\\\">\\n      <img class=\\\"headerImg\\\" :src=\\\"header2\\\">\\n      <div class=\\\"inviteContainer\\\">\\n        <img class=\\\"invite-title\\\" :src=\\\"inviteResultTitle\\\">\\n        <div class=\\\"invite-list\\\">\\n          <div class=\\\"flex-center i-title\\\">\\n            <span>受邀购买</span>\\n            <span>已获奖金</span>\\n          </div>\\n          <div class=\\\"flex-center i-num red\\\">\\n            <span>{{userNum}}人</span>\\n            <span>{{earnings / 100}}元</span>\\n          </div>\\n        </div>\\n        <img class=\\\"noData\\\" :src=\\\"noData\\\" v-if=\\\"userNum === 0\\\"/>\\n        <template v-if=\\\"userNum != 0\\\">\\n          <ul class=\\\"p-list\\\">\\n            <li v-for=\\\"data in inviteList\\\">\\n              <div class=\\\"flex-start no-margin\\\">\\n                <img :src=\\\"data.avatar\\\"/>\\n                <span>{{data.nickname}}</span>\\n              </div>\\n              <span class=\\\"no-margin\\\">{{data.pay_at}}</span>\\n            </li>\\n          </ul>\\n          <img class=\\\"moreBtn\\\" :src=\\\"moreResult\\\" @click=\\\"goToInviteList\\\">\\n        </template>\\n      </div>\\n      <img class=\\\"headerImg\\\" :src=\\\"header4\\\">\\n      <div class=\\\"invite-btn\\\">\\n        <img :src=\\\"inviteBtn\\\" @click=\\\"goToInvite\\\">\\n      </div>\\n    </div>\\n  </div>\\n</template>\\n\\n<script>\\n  import 'swiper/dist/css/swiper.css'\\n  import { swiper, swiperSlide } from 'vue-awesome-swiper'\\n  import  QRCode from 'qrcodejs2'\\n  import { Indicator } from 'mint-ui';\\n  import {getwechatParam,getGoodsDetailApi,getGroupDetailApi,getStatusWechatApi,getUserDetailApi,getInviteResultApi,getInviteListApi} from \\\"../../service/api\\\";\\n  import refBg from '../../assets/refBg.png'\\n  import moreUrl from '../../assets/moreIcon.png'\\n  import refIcon from '../../assets/refIcon.png'\\n  import weChatIcon from '../../assets/wechatIcon.png'\\n  import weChatQrUrl from '../../assets/weChatCode.png'\\n  import closeUrl from '../../assets/closemy.png'\\n  import html2canvas from 'html2canvas'\\n\\n  import header_1 from '../../assets/activity/header_01.png'\\n  import header_2 from '../../assets/activity/header_02.png'\\n  import header_4 from '../../assets/activity/header_04.png'\\n  import invite_result_title from '../../assets/activity/invite_result.png'\\n  import more_result from '../../assets/activity/more.png'\\n  import invite_poster from '../../assets/activity/btn.png'\\n  import noData from '../../assets/activity/no_data.png'\\n  export default {\\n    name: \\\"index\\\",\\n    components: {\\n      swiper,\\n      swiperSlide,\\n    },\\n    data(){\\n      return {\\n        header1: header_1,\\n        header2: header_2,\\n        header4: header_4,\\n        inviteResultTitle: invite_result_title,\\n        moreResult: more_result,\\n        inviteBtn: invite_poster,\\n        refBg:refBg,\\n        join:false,\\n        popType:false,\\n        popFill:false,\\n        popupVisible:false,\\n        refVisible:false,\\n        tabType:true,\\n        popcontentW:`您已经购买过课程,无需重复<br>购买,您可以添加微信公众号了解更多`,\\n        popcontentT:`为了更好地为您进行课程服务,<br>请扫码添加老师二维码`,\\n        qrCode:weChatQrUrl,\\n        weChatIcon:weChatIcon,\\n        closeUrl:closeUrl,\\n        moreUrl:moreUrl,\\n        refIcon:refIcon,\\n        noData: noData,\\n        swiperOption: {\\n          pagination: {\\n            el: '.swiper-pagination'\\n          }\\n        },\\n        QRCodeB:false,\\n        dataURL:null,\\n        user_id:null,\\n        invite_code_f:true,\\n        invite_code:'',\\n        shopId:'',\\n        groupId:null,\\n        groupDetail:false,\\n        groupData:null,\\n        earnings: 0,\\n        userNum: 0,\\n        inviteList: [],\\n        shareTitle: '唱唱启蒙英语邀友返现金',\\n        shareDesc: '唱唱英语90天成长营,每成功邀请1人即可返现金88元,多邀多得,速来~'\\n      }\\n    },\\n    mounted(){\\n      this.getInviteResult();\\n      this.getInviteList();\\n      this.enableShare();\\n    },\\n    methods:{\\n      goToInvite(){\\n        let query = {}\\n        if(window.location.href.indexOf('shopId')>-1){\\n          query.shopId = this.$route.query.shopId;\\n        }\\n        if(window.location.href.indexOf('groupId')>-1){\\n          query.groupId = this.$route.query.groupId;\\n        }\\n        if(window.location.href.indexOf('invite_code')> -1) {\\n          query.invite_code = this.$route.query.invite_code;\\n        }\\n        this.$router.push({name:'activityInvite',query:query})\\n      },\\n      goToInviteList(){\\n        let query = {}\\n        if(window.location.href.indexOf('shopId')>-1){\\n          query.shopId = this.$route.query.shopId;\\n        }\\n        if(window.location.href.indexOf('groupId')>-1){\\n          query.groupId = this.$route.query.groupId;\\n        }\\n        if(window.location.href.indexOf('invite_code')> -1) {\\n          query.invite_code = this.$route.query.invite_code;\\n        }\\n        this.$router.push({name:'inviteList',query:query})\\n      },\\n      refshow(){\\n        Indicator.open();\\n        if(document.body.scrollTop < 10){\\n          document.body.scrollTop = 20;\\n          document.documentElement.scrollTop = 20;\\n        }\\n        if(localStorage.getItem('cc_token') && localStorage.getItem('cc_token') !== ''){\\n          setTimeout(()=>{\\n            Indicator.close();\\n            if(!this.invite_code){\\n              this.invite_code = 'CC-USER'\\n            }\\n            getUserDetailApi().then(res=>{\\n              this.user_id=res.user_id;\\n              let invite_code = this.invite_code.split('-');\\n              if(invite_code.length > 2 && invite_code[1] === 'TEACHER'){\\n                invite_code[1] = 'USER'\\n              }\\n              let code = `${invite_code[0]}-${invite_code[1]}`;\\n              let URL = `${process.env.BUY_URL}shopId=${this.shopId}&invite_code=${code}-${this.user_id}`;\\n              if(this.groupId && this.groupId !== 'null'){\\n                URL += `&groupId=${this.groupId}`\\n              }\\n              console.log(URL);\\n              this.qrcode(URL);\\n              this.refVisible = true;\\n              this.$nextTick(()=>{\\n                if(!this.dataURL){\\n                  setTimeout(()=>{\\n                    let {\\n                      height,\\n                      width\\n                    } = document.getElementById('capture').getClientRects()[0]\\n                    document.getElementById('capture').style.width = width + 'px';\\n                    let o = this.getOffsetRect(this.$refs.imageWrapper);\\n                    let {\\n                      height1,\\n                      width1\\n                    } = document.getElementById('capture').getClientRects()[0];\\n                    html2canvas(document.getElementById('capture'),{\\n                      async: true,\\n                      timeout: 500,\\n                      scrollX:1,\\n                      scale: 3,\\n                      width: width1,\\n                      height: height1,\\n                      letterRendering: true,\\n                    }).then((canvas) => {\\n                      let dataURL = canvas.toDataURL(\\\"image/jpg\\\");\\n                      this.dataURL = dataURL;\\n                    }).catch(res=>{alert(res);console.log()});\\n                  },500)\\n                }else{\\n\\n                }\\n              })\\n            });\\n          },500)\\n\\n        }else{\\n          let query = {retUrl:this.$route.fullPath,is_new_user_url:'1'};\\n          this.$router.push({name:'author',query:query})\\n        }\\n      },\\n      getOffsetRect(ele){\\n        var box=ele.getBoundingClientRect();\\n        var body=document.body,\\n          docElem=document.documentElement;\\n        //获取页面的scrollTop,scrollLeft(兼容性写法)\\n        var scrollTop=window.pageYOffset||docElem.scrollTop||body.scrollTop,\\n          scrollLeft=window.pageXOffset||docElem.scrollLeft||body.scrollLeft;\\n        var clientTop=docElem.clientTop||body.clientTop,\\n          clientLeft=docElem.clientLeft||body.clientLeft;\\n        var top=box.top+scrollTop-clientTop,\\n          left=box.left+scrollLeft-clientLeft;\\n        return {\\n          //Math.round 兼容火狐浏览器bug\\n          top:Math.round(top),\\n          left:Math.round(left)\\n        }\\n      },\\n      qrcode(data){\\n        if(this.QRCodeB){\\n          this.QRCodeB.makeCode(data)\\n        }else{\\n          this.QRCodeB = new QRCode('qrcode', {\\n            width: 80,\\n            height: 80, // 高度\\n            text: data, // 二维码内容\\n            image: ''\\n          });\\n        }\\n\\n      },\\n      // 分享\\n      enableShare: function() {\\n        let that = this;\\n        getwechatParam({\\n          api_list:   'onMenuShareAppMessage,onMenuShareTimeline',\\n          url:window.location.href.split('#')[0]\\n        }).then(wechatRes => {\\n          wx.config({\\n            debug: false,\\n            appId: wechatRes.appId,\\n            timestamp: parseInt(wechatRes.timestamp),\\n            nonceStr: wechatRes.nonceStr,\\n            signature: wechatRes.signature,\\n            jsApiList: wechatRes.jsApiList\\n          });\\n          wx.ready(function() {\\n            wx.onMenuShareTimeline({\\n              title: that.shareTitle, // 分享标题\\n              desc: that.shareDesc,// 分享描述\\n              link: window.location.href, // 分享链接\\n              imgUrl: 'https://cdn.singsingenglish.com/singsing/recommend/logo-refer.png', // 分享图标\\n              success: function() {\\n                console.log('分享成功');\\n                window._hmt.push(['_trackEvent', '分享', \\\"商品页好友分享\\\",`id${that.shopId}`,that.invite_code]);//百度统计\\n              },\\n              cancel: function() {\\n                // alert(\\\"失败\\\")\\n                console.log('分享失败')\\n              }\\n            });\\n            wx.onMenuShareAppMessage({\\n              title: that.shareTitle, // 分享标题\\n              desc: that.shareDesc,// 分享描述\\n              link: window.location.href, // 分享链接\\n              imgUrl: 'https://cdn.singsingenglish.com/singsing/recommend/logo-refer.png', // 分享图标\\n              success: function() {\\n                window._hmt.push(['_trackEvent', '分享', \\\"商品页朋友圈分享\\\",`id${that.shopId}`,that.invite_code]);//百度统计\\n              },\\n              cancel: function() {\\n              }\\n            });\\n          })\\n        })\\n      },\\n      onShare: function(type) {\\n        let URL = `${process.env.BUY_URL}?shopId=${this.shopId}&groupId=${this.groupId}&invite_code=${this.invite_code}`;\\n        if(type === 1 ){\\n          URL = `${process.env.BUY_URL}?shopId=${this.shopId}&invite_code=${this.invite_code}`\\n        }\\n//        this.enableShare({\\n//          product_title: this.groupDetail.share_desc.title,\\n//          desc: this.groupDetail.share_desc.content,\\n//          shareIcon:this.groupDetail.share_desc.img[0].url,\\n//          shareUrl:URL\\n//        })\\n      },\\n      toDataURLBase64 (src, callback) {\\n        let xhttp = new XMLHttpRequest();\\n        xhttp.onload = function () {\\n          let fileReader = new FileReader();\\n          fileReader.onloadend = function () {\\n            callback(fileReader.result)\\n          };\\n          fileReader.readAsDataURL(xhttp.response)\\n        };\\n        xhttp.responseType = 'blob';\\n        xhttp.open('GET', src, true);\\n        xhttp.send()\\n      },\\n      // 初始化\\n      getDetail(){\\n        if(window.location.href.indexOf('invite_code')> -1){\\n          this.invite_code = this.$route.query.invite_code;\\n          let l = this.invite_code.split('-').length\\n          if(l < 3){\\n            this.invite_code_f = false\\n          }\\n        }\\n        if(window.location.href.indexOf('shopId')>-1){\\n          this.shopId = this.$route.query.shopId;\\n          getGoodsDetailApi(this.shopId).then(res=>{\\n            res.desc = JSON.parse(res.desc);\\n            res.goods_desc = JSON.parse(res.goods_desc);\\n            res.share_desc = JSON.parse(res.share_desc);\\n            //商品下架跳转绑定商品\\n            if(res.status === 2 && res.bind_goods_id){\\n              this.$router.push({name:'buyDetail',query:{shopId:res.bind_goods_id}});\\n              this.getDetail();\\n              return\\n            }\\n            this.groupDetail = res;\\n            for (let i = 0;i<this.groupDetail.header_url.length;i++){\\n              this.groupDetail.header_url[i]=this.groupDetail.header_url[i].replace('http://','https://')\\n            }\\n            this.groupDetail.desc.detail = this.groupDetail.desc.detail.replace(/http:\\\\/\\\\//g,'https://');\\n            this.groupDetail.desc.qa = this.groupDetail.desc.qa.replace(/http:\\\\/\\\\//g,'https://');\\n            if(this.groupDetail.share_desc.refImg && this.groupDetail.share_desc.refImg.length === 1){\\n              this.groupDetail.share_desc.refImg[0].url = this.groupDetail.share_desc.refImg[0].url.replace('http://','https://');\\n              let _this = this;\\n              this.toDataURLBase64(this.groupDetail.share_desc.refImg[0].url, function (avatarUrl) {\\n                _this.groupDetail.share_desc.refImg[0].url = avatarUrl;\\n              });\\n            }\\n\\n            if(this.groupDetail.goods_type === 2){\\n              if(localStorage.getItem('cc_token')){\\n                getStatusWechatApi({goods_id:this.shopId}).then(res=>{\\n                  if(res.out_trade_no){\\n                    this.$router.push({name:'success',query:{out_trade_no:res.out_trade_no}});\\n                  }\\n                });\\n              }\\n              if(window.location.href.indexOf('groupId')>-1){\\n                this.groupId = this.$route.query.groupId;\\n                getGroupDetailApi(this.groupId).then(res=>{\\n                  this.groupData = res\\n                });\\n                this.onShare(0)\\n              }else{\\n                this.onShare(1)\\n              }\\n            }\\n          })\\n        }\\n\\n      },\\n      getInviteResult(){\\n        getInviteResultApi().then(res=>{\\n          this.earnings = res.earnings;\\n          this.userNum = res.user_num;\\n        });\\n      },\\n      getInviteList(){\\n        let json = {\\n          page: 1,\\n          limit: 3\\n        }\\n        getInviteListApi(json).then(res=>{\\n          this.inviteList = res.list\\n        });\\n      }\\n    }\\n  }\\n</script>\\n<style>\\n  img,video{\\n    max-width: 100%;\\n  }\\n</style>\\n<style scoped lang=\\\"less\\\">\\n  @import \\\"../../util/public\\\";\\n  @red: #fc4a1b;\\n  @borderRadius: 8px;\\n  .activity {\\n    background-color: #1a65f7;\\n  }\\n  .headerImg {\\n    width: 100%;\\n  }\\n  .inviteContainer {\\n    position: relative;\\n    margin-left:29 / 2 * @toVw;\\n    margin-right:29 / 2 * @toVw;\\n    margin-top: 128 / 2 * @toVh;\\n    min-height: 200px;\\n    text-align: center;\\n    background-color: #fff;\\n    border-radius: @borderRadius;\\n    padding-top: 80 / 2 * @toVw;\\n    padding-bottom: 38 / 2 * @toVh;\\n  }\\n  .invite-title {\\n    position: absolute;\\n    width: 527 / 2 * @toVw;\\n    left: 50%;\\n    margin-left: -527 / 4 * @toVw;\\n    top: -60 / 2 * @toVw;\\n    height: auto;\\n  }\\n  .invite-list {\\n    margin-left: 32 / 2 * @toVw;\\n    margin-right: 32 / 2 * @toVw;\\n    padding: 28 / 2 * @toVh;\\n    border: 1px solid @red;\\n    border-radius: @borderRadius;\\n    .i-title {\\n      font-size: 14px;\\n    }\\n    .i-num {\\n      font-size: 18px;\\n    }\\n  }\\n  .flex-center {\\n    display: flex;\\n    flex-flow: row nowrap;\\n    justify-content: center;\\n    align-items: center;\\n  }\\n  .flex-start {\\n    display: flex;\\n    flex-flow: row nowrap;\\n    justify-content: flex-start;\\n    align-items: center;\\n  }\\n  .red{\\n    color: @red;\\n  }\\n  .p-list {\\n    margin: 0 32 / 2 * @toVw;\\n    padding: 0;\\n    li {\\n      display: flex;\\n      flex-flow:  row nowrap;\\n      justify-content: space-between;\\n      align-items: center;\\n      margin: 0;\\n      padding: 8 * @toVw;\\n      img {\\n        width: 74 / 2 * @toVw;\\n        height: 74 / 2 * @toVw;\\n        margin-right: 5px;\\n        border-radius: 50%;\\n      }\\n    }\\n  }\\n  .no-margin {\\n    margin: 0;\\n  }\\n  .moreBtn {\\n    width: 220 / 2 * @toVw;\\n    height: auto;\\n  }\\n  .invite-btn {\\n    width: 100%;\\n    padding-top: 10 * @toVw;\\n    box-sizing: content-box;\\n    text-align: center;\\n    background-color: #fff;\\n    img {\\n      width: 504 / 2 * @toVw;\\n      height: auto;\\n    }\\n  }\\n  .noData {\\n    width: 80%;\\n    margin-top: 15px;\\n  }\\n</style>\\n\"],\"sourceRoot\":\"\"}]);\n\n// exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/css-loader?{\"sourceMap\":true}!./node_modules/vue-loader/lib/style-compiler?{\"vue\":true,\"id\":\"data-v-3bfbbef0\",\"scoped\":false,\"hasInlineConfig\":false}!./node_modules/vue-loader/lib/selector.js?type=styles&index=0!./src/components/buy/activity.vue\n// module id = agW6\n// module chunks = 3","module.exports = __webpack_public_path__ + \"static/img/header_01.6e13636.png\";\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/assets/activity/header_01.png\n// module id = cLef\n// module chunks = 3","exports = module.exports = require(\"../../../node_modules/css-loader/lib/css-base.js\")(true);\n// imports\n\n\n// module\nexports.push([module.id, \"\\n.fl-r[data-v-3bfbbef0] {\\n  float: right;\\n}\\n.main-block[data-v-3bfbbef0] {\\n  margin: 5px;\\n  background: white;\\n  padding: 5px;\\n}\\n.clear-both[data-v-3bfbbef0]:after {\\n  content: '';\\n  display: block;\\n  clear: both;\\n}\\n[data-v-3bfbbef0]::-webkit-scrollbar-track-piece {\\n  border-radius: 10px;\\n}\\n[data-v-3bfbbef0]::-webkit-scrollbar {\\n  width: 5px;\\n  height: 5px;\\n}\\n[data-v-3bfbbef0]::-webkit-scrollbar-thumb {\\n  background-color: #999;\\n  border-radius: 10px;\\n  height: 10px;\\n  min-height: 10px;\\n}\\n.activity[data-v-3bfbbef0] {\\n  background-color: #1a65f7;\\n}\\n.headerImg[data-v-3bfbbef0] {\\n  width: 100%;\\n}\\n.inviteContainer[data-v-3bfbbef0] {\\n  position: relative;\\n  margin-left: 3.86666667vw;\\n  margin-right: 3.86666667vw;\\n  margin-top: 9.5952024vh;\\n  min-height: 200px;\\n  text-align: center;\\n  background-color: #fff;\\n  border-radius: 8px;\\n  padding-top: 10.66666667vw;\\n  padding-bottom: 2.84857571vh;\\n}\\n.invite-title[data-v-3bfbbef0] {\\n  position: absolute;\\n  width: 70.26666667vw;\\n  left: 50%;\\n  margin-left: -35.13333333vw;\\n  top: -8vw;\\n  height: auto;\\n}\\n.invite-list[data-v-3bfbbef0] {\\n  margin-left: 4.26666667vw;\\n  margin-right: 4.26666667vw;\\n  padding: 2.09895052vh;\\n  border: 1px solid #fc4a1b;\\n  border-radius: 8px;\\n}\\n.invite-list .i-title[data-v-3bfbbef0] {\\n  font-size: 14px;\\n}\\n.invite-list .i-num[data-v-3bfbbef0] {\\n  font-size: 18px;\\n}\\n.flex-center[data-v-3bfbbef0] {\\n  display: -webkit-box;\\n  display: -ms-flexbox;\\n  display: flex;\\n  -webkit-box-orient: horizontal;\\n  -webkit-box-direction: normal;\\n      -ms-flex-flow: row nowrap;\\n          flex-flow: row nowrap;\\n  -webkit-box-pack: center;\\n      -ms-flex-pack: center;\\n          justify-content: center;\\n  -webkit-box-align: center;\\n      -ms-flex-align: center;\\n          align-items: center;\\n}\\n.flex-start[data-v-3bfbbef0] {\\n  display: -webkit-box;\\n  display: -ms-flexbox;\\n  display: flex;\\n  -webkit-box-orient: horizontal;\\n  -webkit-box-direction: normal;\\n      -ms-flex-flow: row nowrap;\\n          flex-flow: row nowrap;\\n  -webkit-box-pack: start;\\n      -ms-flex-pack: start;\\n          justify-content: flex-start;\\n  -webkit-box-align: center;\\n      -ms-flex-align: center;\\n          align-items: center;\\n}\\n.red[data-v-3bfbbef0] {\\n  color: #fc4a1b;\\n}\\n.p-list[data-v-3bfbbef0] {\\n  margin: 0 4.26666667vw;\\n  padding: 0;\\n}\\n.p-list li[data-v-3bfbbef0] {\\n  display: -webkit-box;\\n  display: -ms-flexbox;\\n  display: flex;\\n  -webkit-box-orient: horizontal;\\n  -webkit-box-direction: normal;\\n      -ms-flex-flow: row nowrap;\\n          flex-flow: row nowrap;\\n  -webkit-box-pack: justify;\\n      -ms-flex-pack: justify;\\n          justify-content: space-between;\\n  -webkit-box-align: center;\\n      -ms-flex-align: center;\\n          align-items: center;\\n  margin: 0;\\n  padding: 2.13333333vw;\\n}\\n.p-list li img[data-v-3bfbbef0] {\\n  width: 9.86666667vw;\\n  height: 9.86666667vw;\\n  margin-right: 5px;\\n  border-radius: 50%;\\n}\\n.no-margin[data-v-3bfbbef0] {\\n  margin: 0;\\n}\\n.moreBtn[data-v-3bfbbef0] {\\n  width: 29.33333333vw;\\n  height: auto;\\n}\\n.invite-btn[data-v-3bfbbef0] {\\n  width: 100%;\\n  padding-top: 2.66666667vw;\\n  -webkit-box-sizing: content-box;\\n          box-sizing: content-box;\\n  text-align: center;\\n  background-color: #fff;\\n}\\n.invite-btn img[data-v-3bfbbef0] {\\n  width: 67.2vw;\\n  height: auto;\\n}\\n.noData[data-v-3bfbbef0] {\\n  width: 80%;\\n  margin-top: 15px;\\n}\\n\", \"\", {\"version\":3,\"sources\":[\"/Users/wang/Documents/changchang/projects/wechat/src/util/public.less\",\"/Users/wang/Documents/changchang/projects/wechat/src/components/buy/activity.vue\",\"/Users/wang/Documents/changchang/projects/wechat/src/components/buy/activity.vue\"],\"names\":[],\"mappings\":\";AAcA;EACE,aAAA;CCbD;ADeD;EACE,YAAA;EACA,kBAAA;EACA,aAAA;CCbD;ADmBC;EACE,YAAA;EACA,eAAA;EACA,YAAA;CCjBH;ADqBD;EACE,oBAAA;CCnBD;ADqBD;EACE,WAAA;EACA,YAAA;CCnBD;ADqBD;EACE,uBAAA;EACA,oBAAA;EACA,aAAA;EACA,iBAAA;CCnBD;AC4WD;EACE,0BAAA;CD1WD;AC4WD;EACE,YAAA;CD1WD;AC4WD;EACE,mBAAA;EACA,0BAAA;EACA,2BAAA;EACA,wBAAA;EACA,kBAAA;EACA,mBAAA;EACA,uBAAA;EACA,mBAAA;EACA,2BAAA;EACA,6BAAA;CD1WD;AC4WD;EACE,mBAAA;EACA,qBAAA;EACA,UAAA;EACA,4BAAA;EACA,UAAA;EACA,aAAA;CD1WD;AC4WD;EACE,0BAAA;EACA,2BAAA;EACA,sBAAA;EACA,0BAAA;EACA,mBAAA;CD1WD;ACqWD;EAOI,gBAAA;CDzWH;ACkWD;EAUI,gBAAA;CDzWH;AC4WD;EACE,qBAAA;EAAA,qBAAA;EAAA,cAAA;EACA,+BAAA;EAAA,8BAAA;MAAA,0BAAA;UAAA,sBAAA;EACA,yBAAA;MAAA,sBAAA;UAAA,wBAAA;EACA,0BAAA;MAAA,uBAAA;UAAA,oBAAA;CD1WD;AC4WD;EACE,qBAAA;EAAA,qBAAA;EAAA,cAAA;EACA,+BAAA;EAAA,8BAAA;MAAA,0BAAA;UAAA,sBAAA;EACA,wBAAA;MAAA,qBAAA;UAAA,4BAAA;EACA,0BAAA;MAAA,uBAAA;UAAA,oBAAA;CD1WD;AC4WD;EACE,eAAA;CD1WD;AC4WD;EACE,uBAAA;EACA,WAAA;CD1WD;ACwWD;EAII,qBAAA;EAAA,qBAAA;EAAA,cAAA;EACA,+BAAA;EAAA,8BAAA;MAAA,0BAAA;UAAA,sBAAA;EACA,0BAAA;MAAA,uBAAA;UAAA,+BAAA;EACA,0BAAA;MAAA,uBAAA;UAAA,oBAAA;EACA,UAAA;EACA,sBAAA;CDzWH;ACgWD;EAWM,oBAAA;EACA,qBAAA;EACA,kBAAA;EACA,mBAAA;CDxWL;AC4WD;EACE,UAAA;CD1WD;AC4WD;EACE,qBAAA;EACA,aAAA;CD1WD;AC4WD;EACE,YAAA;EACA,0BAAA;EACA,gCAAA;UAAA,wBAAA;EACA,mBAAA;EACA,uBAAA;CD1WD;ACqWD;EAOI,cAAA;EACA,aAAA;CDzWH;AC4WD;EACE,WAAA;EACA,iBAAA;CD1WD\",\"file\":\"activity.vue\",\"sourcesContent\":[\"//颜色参数\\n@toVw:100/375vw;\\n@toVh:100/667vh;\\n@bg-b: #333;\\n@bg-b-s:#444;\\n@black-line:#191919;\\n@gray-line:#666;\\n@light-line:#ddd;\\n@main-font-color:#fff;\\n@secondary-font-color:#999;\\n@gold-color-light:#FFD04B;\\n@gold-color: #a18430;\\n\\n//公共类\\n.fl-r{\\n  float: right;\\n}\\n.main-block{\\n  margin: 5px;\\n  background: white;\\n  padding: 5px;\\n}\\nhtml{\\n\\n}\\n.clear-both{\\n  &:after{\\n    content: '';\\n    display: block;\\n    clear: both;\\n  }\\n}\\n//滚动条样式\\n::-webkit-scrollbar-track-piece { //滚动条凹槽的颜色,还可以设置边框属性\\n  border-radius: 10px;\\n}\\n::-webkit-scrollbar {//滚动条的宽度\\n  width:5px;\\n  height:5px;\\n}\\n::-webkit-scrollbar-thumb {//滚动条的设置\\n  background-color:@secondary-font-color;\\n  border-radius: 10px;\\n  height: 10px;\\n  min-height:10px;\\n}\\n\",\".fl-r {\\n  float: right;\\n}\\n.main-block {\\n  margin: 5px;\\n  background: white;\\n  padding: 5px;\\n}\\n.clear-both:after {\\n  content: '';\\n  display: block;\\n  clear: both;\\n}\\n::-webkit-scrollbar-track-piece {\\n  border-radius: 10px;\\n}\\n::-webkit-scrollbar {\\n  width: 5px;\\n  height: 5px;\\n}\\n::-webkit-scrollbar-thumb {\\n  background-color: #999;\\n  border-radius: 10px;\\n  height: 10px;\\n  min-height: 10px;\\n}\\n.activity {\\n  background-color: #1a65f7;\\n}\\n.headerImg {\\n  width: 100%;\\n}\\n.inviteContainer {\\n  position: relative;\\n  margin-left: 3.86666667vw;\\n  margin-right: 3.86666667vw;\\n  margin-top: 9.5952024vh;\\n  min-height: 200px;\\n  text-align: center;\\n  background-color: #fff;\\n  border-radius: 8px;\\n  padding-top: 10.66666667vw;\\n  padding-bottom: 2.84857571vh;\\n}\\n.invite-title {\\n  position: absolute;\\n  width: 70.26666667vw;\\n  left: 50%;\\n  margin-left: -35.13333333vw;\\n  top: -8vw;\\n  height: auto;\\n}\\n.invite-list {\\n  margin-left: 4.26666667vw;\\n  margin-right: 4.26666667vw;\\n  padding: 2.09895052vh;\\n  border: 1px solid #fc4a1b;\\n  border-radius: 8px;\\n}\\n.invite-list .i-title {\\n  font-size: 14px;\\n}\\n.invite-list .i-num {\\n  font-size: 18px;\\n}\\n.flex-center {\\n  display: flex;\\n  flex-flow: row nowrap;\\n  justify-content: center;\\n  align-items: center;\\n}\\n.flex-start {\\n  display: flex;\\n  flex-flow: row nowrap;\\n  justify-content: flex-start;\\n  align-items: center;\\n}\\n.red {\\n  color: #fc4a1b;\\n}\\n.p-list {\\n  margin: 0 4.26666667vw;\\n  padding: 0;\\n}\\n.p-list li {\\n  display: flex;\\n  flex-flow: row nowrap;\\n  justify-content: space-between;\\n  align-items: center;\\n  margin: 0;\\n  padding: 2.13333333vw;\\n}\\n.p-list li img {\\n  width: 9.86666667vw;\\n  height: 9.86666667vw;\\n  margin-right: 5px;\\n  border-radius: 50%;\\n}\\n.no-margin {\\n  margin: 0;\\n}\\n.moreBtn {\\n  width: 29.33333333vw;\\n  height: auto;\\n}\\n.invite-btn {\\n  width: 100%;\\n  padding-top: 2.66666667vw;\\n  box-sizing: content-box;\\n  text-align: center;\\n  background-color: #fff;\\n}\\n.invite-btn img {\\n  width: 67.2vw;\\n  height: auto;\\n}\\n.noData {\\n  width: 80%;\\n  margin-top: 15px;\\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\\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\\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\\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\\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@import \\\"../../util/public\\\";\\n@red: #fc4a1b;\\n@borderRadius: 8px;\\n.activity {\\n  background-color: #1a65f7;\\n}\\n.headerImg {\\n  width: 100%;\\n}\\n.inviteContainer {\\n  position: relative;\\n  margin-left:29 / 2 * @toVw;\\n  margin-right:29 / 2 * @toVw;\\n  margin-top: 128 / 2 * @toVh;\\n  min-height: 200px;\\n  text-align: center;\\n  background-color: #fff;\\n  border-radius: @borderRadius;\\n  padding-top: 80 / 2 * @toVw;\\n  padding-bottom: 38 / 2 * @toVh;\\n}\\n.invite-title {\\n  position: absolute;\\n  width: 527 / 2 * @toVw;\\n  left: 50%;\\n  margin-left: -527 / 4 * @toVw;\\n  top: -60 / 2 * @toVw;\\n  height: auto;\\n}\\n.invite-list {\\n  margin-left: 32 / 2 * @toVw;\\n  margin-right: 32 / 2 * @toVw;\\n  padding: 28 / 2 * @toVh;\\n  border: 1px solid @red;\\n  border-radius: @borderRadius;\\n  .i-title {\\n    font-size: 14px;\\n  }\\n  .i-num {\\n    font-size: 18px;\\n  }\\n}\\n.flex-center {\\n  display: flex;\\n  flex-flow: row nowrap;\\n  justify-content: center;\\n  align-items: center;\\n}\\n.flex-start {\\n  display: flex;\\n  flex-flow: row nowrap;\\n  justify-content: flex-start;\\n  align-items: center;\\n}\\n.red{\\n  color: @red;\\n}\\n.p-list {\\n  margin: 0 32 / 2 * @toVw;\\n  padding: 0;\\n  li {\\n    display: flex;\\n    flex-flow:  row nowrap;\\n    justify-content: space-between;\\n    align-items: center;\\n    margin: 0;\\n    padding: 8 * @toVw;\\n    img {\\n      width: 74 / 2 * @toVw;\\n      height: 74 / 2 * @toVw;\\n      margin-right: 5px;\\n      border-radius: 50%;\\n    }\\n  }\\n}\\n.no-margin {\\n  margin: 0;\\n}\\n.moreBtn {\\n  width: 220 / 2 * @toVw;\\n  height: auto;\\n}\\n.invite-btn {\\n  width: 100%;\\n  padding-top: 10 * @toVw;\\n  box-sizing: content-box;\\n  text-align: center;\\n  background-color: #fff;\\n  img {\\n    width: 504 / 2 * @toVw;\\n    height: auto;\\n  }\\n}\\n.noData {\\n  width: 80%;\\n  margin-top: 15px;\\n}\\n\"],\"sourceRoot\":\"\"}]);\n\n// exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/css-loader?{\"sourceMap\":true}!./node_modules/vue-loader/lib/style-compiler?{\"vue\":true,\"id\":\"data-v-3bfbbef0\",\"scoped\":true,\"hasInlineConfig\":false}!./node_modules/less-loader/dist/cjs.js?{\"sourceMap\":true}!./node_modules/vue-loader/lib/selector.js?type=styles&index=1!./src/components/buy/activity.vue\n// module id = j2ho\n// module chunks = 3","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAANwAAABECAYAAADqb1uvAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkI5NjczMkQzRUZEOTExRTg4M0Y3RDUzNzFCQjA0NzA0IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkI5NjczMkQ0RUZEOTExRTg4M0Y3RDUzNzFCQjA0NzA0Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6Qjk2NzMyRDFFRkQ5MTFFODgzRjdENTM3MUJCMDQ3MDQiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6Qjk2NzMyRDJFRkQ5MTFFODgzRjdENTM3MUJCMDQ3MDQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5Wm4GZAAAO6klEQVR42uxd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\"\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/assets/activity/more.png\n// module id = qVuA\n// module chunks = 3","module.exports = __webpack_public_path__ + \"static/img/header_04.968f58b.png\";\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/assets/activity/header_04.png\n// module id = vmc7\n// module chunks = 3","// style-loader: Adds some css to the DOM by adding a <style> tag\n\n// load the styles\nvar content = require(\"!!../../../node_modules/css-loader/index.js?{\\\"sourceMap\\\":true}!../../../node_modules/vue-loader/lib/style-compiler/index.js?{\\\"vue\\\":true,\\\"id\\\":\\\"data-v-3bfbbef0\\\",\\\"scoped\\\":true,\\\"hasInlineConfig\\\":false}!../../../node_modules/less-loader/dist/cjs.js?{\\\"sourceMap\\\":true}!../../../node_modules/vue-loader/lib/selector.js?type=styles&index=1!./activity.vue\");\nif(typeof content === 'string') content = [[module.id, content, '']];\nif(content.locals) module.exports = content.locals;\n// add the styles to the DOM\nvar update = require(\"!../../../node_modules/vue-style-loader/lib/addStylesClient.js\")(\"524e0eac\", content, false, {});\n// Hot Module Replacement\nif(module.hot) {\n // When the styles change, update the <style> tags\n if(!content.locals) {\n   module.hot.accept(\"!!../../../node_modules/css-loader/index.js?{\\\"sourceMap\\\":true}!../../../node_modules/vue-loader/lib/style-compiler/index.js?{\\\"vue\\\":true,\\\"id\\\":\\\"data-v-3bfbbef0\\\",\\\"scoped\\\":true,\\\"hasInlineConfig\\\":false}!../../../node_modules/less-loader/dist/cjs.js?{\\\"sourceMap\\\":true}!../../../node_modules/vue-loader/lib/selector.js?type=styles&index=1!./activity.vue\", function() {\n     var newContent = require(\"!!../../../node_modules/css-loader/index.js?{\\\"sourceMap\\\":true}!../../../node_modules/vue-loader/lib/style-compiler/index.js?{\\\"vue\\\":true,\\\"id\\\":\\\"data-v-3bfbbef0\\\",\\\"scoped\\\":true,\\\"hasInlineConfig\\\":false}!../../../node_modules/less-loader/dist/cjs.js?{\\\"sourceMap\\\":true}!../../../node_modules/vue-loader/lib/selector.js?type=styles&index=1!./activity.vue\");\n     if(typeof newContent === 'string') newContent = [[module.id, newContent, '']];\n     update(newContent);\n   });\n }\n // When the module is disposed, remove the <style> tags\n module.hot.dispose(function() { update(); });\n}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/vue-style-loader!./node_modules/css-loader?{\"sourceMap\":true}!./node_modules/vue-loader/lib/style-compiler?{\"vue\":true,\"id\":\"data-v-3bfbbef0\",\"scoped\":true,\"hasInlineConfig\":false}!./node_modules/less-loader/dist/cjs.js?{\"sourceMap\":true}!./node_modules/vue-loader/lib/selector.js?type=styles&index=1!./src/components/buy/activity.vue\n// module id = x2PD\n// module chunks = 3","<template>\n  <div>\n    <div class=\"activity\">\n      <img class=\"headerImg\" :src=\"header1\">\n      <img class=\"headerImg\" :src=\"header2\">\n      <div class=\"inviteContainer\">\n        <img class=\"invite-title\" :src=\"inviteResultTitle\">\n        <div class=\"invite-list\">\n          <div class=\"flex-center i-title\">\n            <span>受邀购买</span>\n            <span>已获奖金</span>\n          </div>\n          <div class=\"flex-center i-num red\">\n            <span>{{userNum}}人</span>\n            <span>{{earnings / 100}}元</span>\n          </div>\n        </div>\n        <img class=\"noData\" :src=\"noData\" v-if=\"userNum === 0\"/>\n        <template v-if=\"userNum != 0\">\n          <ul class=\"p-list\">\n            <li v-for=\"data in inviteList\">\n              <div class=\"flex-start no-margin\">\n                <img :src=\"data.avatar\"/>\n                <span>{{data.nickname}}</span>\n              </div>\n              <span class=\"no-margin\">{{data.pay_at}}</span>\n            </li>\n          </ul>\n          <img class=\"moreBtn\" :src=\"moreResult\" @click=\"goToInviteList\">\n        </template>\n      </div>\n      <img class=\"headerImg\" :src=\"header4\">\n      <div class=\"invite-btn\">\n        <img :src=\"inviteBtn\" @click=\"goToInvite\">\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\n  import 'swiper/dist/css/swiper.css'\n  import { swiper, swiperSlide } from 'vue-awesome-swiper'\n  import  QRCode from 'qrcodejs2'\n  import { Indicator } from 'mint-ui';\n  import {getwechatParam,getGoodsDetailApi,getGroupDetailApi,getStatusWechatApi,getUserDetailApi,getInviteResultApi,getInviteListApi} from \"../../service/api\";\n  import refBg from '../../assets/refBg.png'\n  import moreUrl from '../../assets/moreIcon.png'\n  import refIcon from '../../assets/refIcon.png'\n  import weChatIcon from '../../assets/wechatIcon.png'\n  import weChatQrUrl from '../../assets/weChatCode.png'\n  import closeUrl from '../../assets/closemy.png'\n  import html2canvas from 'html2canvas'\n\n  import header_1 from '../../assets/activity/header_01.png'\n  import header_2 from '../../assets/activity/header_02.png'\n  import header_4 from '../../assets/activity/header_04.png'\n  import invite_result_title from '../../assets/activity/invite_result.png'\n  import more_result from '../../assets/activity/more.png'\n  import invite_poster from '../../assets/activity/btn.png'\n  import noData from '../../assets/activity/no_data.png'\n  export default {\n    name: \"index\",\n    components: {\n      swiper,\n      swiperSlide,\n    },\n    data(){\n      return {\n        header1: header_1,\n        header2: header_2,\n        header4: header_4,\n        inviteResultTitle: invite_result_title,\n        moreResult: more_result,\n        inviteBtn: invite_poster,\n        refBg:refBg,\n        join:false,\n        popType:false,\n        popFill:false,\n        popupVisible:false,\n        refVisible:false,\n        tabType:true,\n        popcontentW:`您已经购买过课程,无需重复<br>购买,您可以添加微信公众号了解更多`,\n        popcontentT:`为了更好地为您进行课程服务,<br>请扫码添加老师二维码`,\n        qrCode:weChatQrUrl,\n        weChatIcon:weChatIcon,\n        closeUrl:closeUrl,\n        moreUrl:moreUrl,\n        refIcon:refIcon,\n        noData: noData,\n        swiperOption: {\n          pagination: {\n            el: '.swiper-pagination'\n          }\n        },\n        QRCodeB:false,\n        dataURL:null,\n        user_id:null,\n        invite_code_f:true,\n        invite_code:'',\n        shopId:'',\n        groupId:null,\n        groupDetail:false,\n        groupData:null,\n        earnings: 0,\n        userNum: 0,\n        inviteList: [],\n        shareTitle: '唱唱启蒙英语邀友返现金',\n        shareDesc: '唱唱英语90天成长营,每成功邀请1人即可返现金88元,多邀多得,速来~'\n      }\n    },\n    mounted(){\n      this.getInviteResult();\n      this.getInviteList();\n      this.enableShare();\n    },\n    methods:{\n      goToInvite(){\n        let query = {}\n        if(window.location.href.indexOf('shopId')>-1){\n          query.shopId = this.$route.query.shopId;\n        }\n        if(window.location.href.indexOf('groupId')>-1){\n          query.groupId = this.$route.query.groupId;\n        }\n        if(window.location.href.indexOf('invite_code')> -1) {\n          query.invite_code = this.$route.query.invite_code;\n        }\n        this.$router.push({name:'activityInvite',query:query})\n      },\n      goToInviteList(){\n        let query = {}\n        if(window.location.href.indexOf('shopId')>-1){\n          query.shopId = this.$route.query.shopId;\n        }\n        if(window.location.href.indexOf('groupId')>-1){\n          query.groupId = this.$route.query.groupId;\n        }\n        if(window.location.href.indexOf('invite_code')> -1) {\n          query.invite_code = this.$route.query.invite_code;\n        }\n        this.$router.push({name:'inviteList',query:query})\n      },\n      refshow(){\n        Indicator.open();\n        if(document.body.scrollTop < 10){\n          document.body.scrollTop = 20;\n          document.documentElement.scrollTop = 20;\n        }\n        if(localStorage.getItem('cc_token') && localStorage.getItem('cc_token') !== ''){\n          setTimeout(()=>{\n            Indicator.close();\n            if(!this.invite_code){\n              this.invite_code = 'CC-USER'\n            }\n            getUserDetailApi().then(res=>{\n              this.user_id=res.user_id;\n              let invite_code = this.invite_code.split('-');\n              if(invite_code.length > 2 && invite_code[1] === 'TEACHER'){\n                invite_code[1] = 'USER'\n              }\n              let code = `${invite_code[0]}-${invite_code[1]}`;\n              let URL = `${process.env.BUY_URL}shopId=${this.shopId}&invite_code=${code}-${this.user_id}`;\n              if(this.groupId && this.groupId !== 'null'){\n                URL += `&groupId=${this.groupId}`\n              }\n              console.log(URL);\n              this.qrcode(URL);\n              this.refVisible = true;\n              this.$nextTick(()=>{\n                if(!this.dataURL){\n                  setTimeout(()=>{\n                    let {\n                      height,\n                      width\n                    } = document.getElementById('capture').getClientRects()[0]\n                    document.getElementById('capture').style.width = width + 'px';\n                    let o = this.getOffsetRect(this.$refs.imageWrapper);\n                    let {\n                      height1,\n                      width1\n                    } = document.getElementById('capture').getClientRects()[0];\n                    html2canvas(document.getElementById('capture'),{\n                      async: true,\n                      timeout: 500,\n                      scrollX:1,\n                      scale: 3,\n                      width: width1,\n                      height: height1,\n                      letterRendering: true,\n                    }).then((canvas) => {\n                      let dataURL = canvas.toDataURL(\"image/jpg\");\n                      this.dataURL = dataURL;\n                    }).catch(res=>{alert(res);console.log()});\n                  },500)\n                }else{\n\n                }\n              })\n            });\n          },500)\n\n        }else{\n          let query = {retUrl:this.$route.fullPath,is_new_user_url:'1'};\n          this.$router.push({name:'author',query:query})\n        }\n      },\n      getOffsetRect(ele){\n        var box=ele.getBoundingClientRect();\n        var body=document.body,\n          docElem=document.documentElement;\n        //获取页面的scrollTop,scrollLeft(兼容性写法)\n        var scrollTop=window.pageYOffset||docElem.scrollTop||body.scrollTop,\n          scrollLeft=window.pageXOffset||docElem.scrollLeft||body.scrollLeft;\n        var clientTop=docElem.clientTop||body.clientTop,\n          clientLeft=docElem.clientLeft||body.clientLeft;\n        var top=box.top+scrollTop-clientTop,\n          left=box.left+scrollLeft-clientLeft;\n        return {\n          //Math.round 兼容火狐浏览器bug\n          top:Math.round(top),\n          left:Math.round(left)\n        }\n      },\n      qrcode(data){\n        if(this.QRCodeB){\n          this.QRCodeB.makeCode(data)\n        }else{\n          this.QRCodeB = new QRCode('qrcode', {\n            width: 80,\n            height: 80, // 高度\n            text: data, // 二维码内容\n            image: ''\n          });\n        }\n\n      },\n      // 分享\n      enableShare: function() {\n        let that = this;\n        getwechatParam({\n          api_list:   'onMenuShareAppMessage,onMenuShareTimeline',\n          url:window.location.href.split('#')[0]\n        }).then(wechatRes => {\n          wx.config({\n            debug: false,\n            appId: wechatRes.appId,\n            timestamp: parseInt(wechatRes.timestamp),\n            nonceStr: wechatRes.nonceStr,\n            signature: wechatRes.signature,\n            jsApiList: wechatRes.jsApiList\n          });\n          wx.ready(function() {\n            wx.onMenuShareTimeline({\n              title: that.shareTitle, // 分享标题\n              desc: that.shareDesc,// 分享描述\n              link: window.location.href, // 分享链接\n              imgUrl: 'https://cdn.singsingenglish.com/singsing/recommend/logo-refer.png', // 分享图标\n              success: function() {\n                console.log('分享成功');\n                window._hmt.push(['_trackEvent', '分享', \"商品页好友分享\",`id${that.shopId}`,that.invite_code]);//百度统计\n              },\n              cancel: function() {\n                // alert(\"失败\")\n                console.log('分享失败')\n              }\n            });\n            wx.onMenuShareAppMessage({\n              title: that.shareTitle, // 分享标题\n              desc: that.shareDesc,// 分享描述\n              link: window.location.href, // 分享链接\n              imgUrl: 'https://cdn.singsingenglish.com/singsing/recommend/logo-refer.png', // 分享图标\n              success: function() {\n                window._hmt.push(['_trackEvent', '分享', \"商品页朋友圈分享\",`id${that.shopId}`,that.invite_code]);//百度统计\n              },\n              cancel: function() {\n              }\n            });\n          })\n        })\n      },\n      onShare: function(type) {\n        let URL = `${process.env.BUY_URL}?shopId=${this.shopId}&groupId=${this.groupId}&invite_code=${this.invite_code}`;\n        if(type === 1 ){\n          URL = `${process.env.BUY_URL}?shopId=${this.shopId}&invite_code=${this.invite_code}`\n        }\n//        this.enableShare({\n//          product_title: this.groupDetail.share_desc.title,\n//          desc: this.groupDetail.share_desc.content,\n//          shareIcon:this.groupDetail.share_desc.img[0].url,\n//          shareUrl:URL\n//        })\n      },\n      toDataURLBase64 (src, callback) {\n        let xhttp = new XMLHttpRequest();\n        xhttp.onload = function () {\n          let fileReader = new FileReader();\n          fileReader.onloadend = function () {\n            callback(fileReader.result)\n          };\n          fileReader.readAsDataURL(xhttp.response)\n        };\n        xhttp.responseType = 'blob';\n        xhttp.open('GET', src, true);\n        xhttp.send()\n      },\n      // 初始化\n      getDetail(){\n        if(window.location.href.indexOf('invite_code')> -1){\n          this.invite_code = this.$route.query.invite_code;\n          let l = this.invite_code.split('-').length\n          if(l < 3){\n            this.invite_code_f = false\n          }\n        }\n        if(window.location.href.indexOf('shopId')>-1){\n          this.shopId = this.$route.query.shopId;\n          getGoodsDetailApi(this.shopId).then(res=>{\n            res.desc = JSON.parse(res.desc);\n            res.goods_desc = JSON.parse(res.goods_desc);\n            res.share_desc = JSON.parse(res.share_desc);\n            //商品下架跳转绑定商品\n            if(res.status === 2 && res.bind_goods_id){\n              this.$router.push({name:'buyDetail',query:{shopId:res.bind_goods_id}});\n              this.getDetail();\n              return\n            }\n            this.groupDetail = res;\n            for (let i = 0;i<this.groupDetail.header_url.length;i++){\n              this.groupDetail.header_url[i]=this.groupDetail.header_url[i].replace('http://','https://')\n            }\n            this.groupDetail.desc.detail = this.groupDetail.desc.detail.replace(/http:\\/\\//g,'https://');\n            this.groupDetail.desc.qa = this.groupDetail.desc.qa.replace(/http:\\/\\//g,'https://');\n            if(this.groupDetail.share_desc.refImg && this.groupDetail.share_desc.refImg.length === 1){\n              this.groupDetail.share_desc.refImg[0].url = this.groupDetail.share_desc.refImg[0].url.replace('http://','https://');\n              let _this = this;\n              this.toDataURLBase64(this.groupDetail.share_desc.refImg[0].url, function (avatarUrl) {\n                _this.groupDetail.share_desc.refImg[0].url = avatarUrl;\n              });\n            }\n\n            if(this.groupDetail.goods_type === 2){\n              if(localStorage.getItem('cc_token')){\n                getStatusWechatApi({goods_id:this.shopId}).then(res=>{\n                  if(res.out_trade_no){\n                    this.$router.push({name:'success',query:{out_trade_no:res.out_trade_no}});\n                  }\n                });\n              }\n              if(window.location.href.indexOf('groupId')>-1){\n                this.groupId = this.$route.query.groupId;\n                getGroupDetailApi(this.groupId).then(res=>{\n                  this.groupData = res\n                });\n                this.onShare(0)\n              }else{\n                this.onShare(1)\n              }\n            }\n          })\n        }\n\n      },\n      getInviteResult(){\n        getInviteResultApi().then(res=>{\n          this.earnings = res.earnings;\n          this.userNum = res.user_num;\n        });\n      },\n      getInviteList(){\n        let json = {\n          page: 1,\n          limit: 3\n        }\n        getInviteListApi(json).then(res=>{\n          this.inviteList = res.list\n        });\n      }\n    }\n  }\n</script>\n<style>\n  img,video{\n    max-width: 100%;\n  }\n</style>\n<style scoped lang=\"less\">\n  @import \"../../util/public\";\n  @red: #fc4a1b;\n  @borderRadius: 8px;\n  .activity {\n    background-color: #1a65f7;\n  }\n  .headerImg {\n    width: 100%;\n  }\n  .inviteContainer {\n    position: relative;\n    margin-left:29 / 2 * @toVw;\n    margin-right:29 / 2 * @toVw;\n    margin-top: 128 / 2 * @toVh;\n    min-height: 200px;\n    text-align: center;\n    background-color: #fff;\n    border-radius: @borderRadius;\n    padding-top: 80 / 2 * @toVw;\n    padding-bottom: 38 / 2 * @toVh;\n  }\n  .invite-title {\n    position: absolute;\n    width: 527 / 2 * @toVw;\n    left: 50%;\n    margin-left: -527 / 4 * @toVw;\n    top: -60 / 2 * @toVw;\n    height: auto;\n  }\n  .invite-list {\n    margin-left: 32 / 2 * @toVw;\n    margin-right: 32 / 2 * @toVw;\n    padding: 28 / 2 * @toVh;\n    border: 1px solid @red;\n    border-radius: @borderRadius;\n    .i-title {\n      font-size: 14px;\n    }\n    .i-num {\n      font-size: 18px;\n    }\n  }\n  .flex-center {\n    display: flex;\n    flex-flow: row nowrap;\n    justify-content: center;\n    align-items: center;\n  }\n  .flex-start {\n    display: flex;\n    flex-flow: row nowrap;\n    justify-content: flex-start;\n    align-items: center;\n  }\n  .red{\n    color: @red;\n  }\n  .p-list {\n    margin: 0 32 / 2 * @toVw;\n    padding: 0;\n    li {\n      display: flex;\n      flex-flow:  row nowrap;\n      justify-content: space-between;\n      align-items: center;\n      margin: 0;\n      padding: 8 * @toVw;\n      img {\n        width: 74 / 2 * @toVw;\n        height: 74 / 2 * @toVw;\n        margin-right: 5px;\n        border-radius: 50%;\n      }\n    }\n  }\n  .no-margin {\n    margin: 0;\n  }\n  .moreBtn {\n    width: 220 / 2 * @toVw;\n    height: auto;\n  }\n  .invite-btn {\n    width: 100%;\n    padding-top: 10 * @toVw;\n    box-sizing: content-box;\n    text-align: center;\n    background-color: #fff;\n    img {\n      width: 504 / 2 * @toVw;\n      height: auto;\n    }\n  }\n  .noData {\n    width: 80%;\n    margin-top: 15px;\n  }\n</style>\n\n\n\n// WEBPACK FOOTER //\n// src/components/buy/activity.vue","var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\"div\", [\n    _c(\"div\", { staticClass: \"activity\" }, [\n      _c(\"img\", { staticClass: \"headerImg\", attrs: { src: _vm.header1 } }),\n      _vm._v(\" \"),\n      _c(\"img\", { staticClass: \"headerImg\", attrs: { src: _vm.header2 } }),\n      _vm._v(\" \"),\n      _c(\n        \"div\",\n        { staticClass: \"inviteContainer\" },\n        [\n          _c(\"img\", {\n            staticClass: \"invite-title\",\n            attrs: { src: _vm.inviteResultTitle }\n          }),\n          _vm._v(\" \"),\n          _c(\"div\", { staticClass: \"invite-list\" }, [\n            _vm._m(0),\n            _vm._v(\" \"),\n            _c(\"div\", { staticClass: \"flex-center i-num red\" }, [\n              _c(\"span\", [_vm._v(_vm._s(_vm.userNum) + \"人\")]),\n              _vm._v(\" \"),\n              _c(\"span\", [_vm._v(_vm._s(_vm.earnings / 100) + \"元\")])\n            ])\n          ]),\n          _vm._v(\" \"),\n          _vm.userNum === 0\n            ? _c(\"img\", { staticClass: \"noData\", attrs: { src: _vm.noData } })\n            : _vm._e(),\n          _vm._v(\" \"),\n          _vm.userNum != 0\n            ? [\n                _c(\n                  \"ul\",\n                  { staticClass: \"p-list\" },\n                  _vm._l(_vm.inviteList, function(data) {\n                    return _c(\"li\", [\n                      _c(\"div\", { staticClass: \"flex-start no-margin\" }, [\n                        _c(\"img\", { attrs: { src: data.avatar } }),\n                        _vm._v(\" \"),\n                        _c(\"span\", [_vm._v(_vm._s(data.nickname))])\n                      ]),\n                      _vm._v(\" \"),\n                      _c(\"span\", { staticClass: \"no-margin\" }, [\n                        _vm._v(_vm._s(data.pay_at))\n                      ])\n                    ])\n                  })\n                ),\n                _vm._v(\" \"),\n                _c(\"img\", {\n                  staticClass: \"moreBtn\",\n                  attrs: { src: _vm.moreResult },\n                  on: { click: _vm.goToInviteList }\n                })\n              ]\n            : _vm._e()\n        ],\n        2\n      ),\n      _vm._v(\" \"),\n      _c(\"img\", { staticClass: \"headerImg\", attrs: { src: _vm.header4 } }),\n      _vm._v(\" \"),\n      _c(\"div\", { staticClass: \"invite-btn\" }, [\n        _c(\"img\", {\n          attrs: { src: _vm.inviteBtn },\n          on: { click: _vm.goToInvite }\n        })\n      ])\n    ])\n  ])\n}\nvar staticRenderFns = [\n  function() {\n    var _vm = this\n    var _h = _vm.$createElement\n    var _c = _vm._self._c || _h\n    return _c(\"div\", { staticClass: \"flex-center i-title\" }, [\n      _c(\"span\", [_vm._v(\"受邀购买\")]),\n      _vm._v(\" \"),\n      _c(\"span\", [_vm._v(\"已获奖金\")])\n    ])\n  }\n]\nrender._withStripped = true\nvar esExports = { render: render, staticRenderFns: staticRenderFns }\nexport default esExports\nif (module.hot) {\n  module.hot.accept()\n  if (module.hot.data) {\n    require(\"vue-hot-reload-api\")      .rerender(\"data-v-3bfbbef0\", esExports)\n  }\n}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/vue-loader/lib/template-compiler?{\"id\":\"data-v-3bfbbef0\",\"hasScoped\":true,\"transformToRequire\":{\"video\":[\"src\",\"poster\"],\"source\":\"src\",\"img\":\"src\",\"image\":\"xlink:href\"},\"buble\":{\"transforms\":{}}}!./node_modules/vue-loader/lib/selector.js?type=template&index=0!./src/components/buy/activity.vue\n// module id = null\n// module chunks = ","var disposed = false\nfunction injectStyle (ssrContext) {\n  if (disposed) return\n  require(\"!!vue-style-loader!css-loader?{\\\"sourceMap\\\":true}!../../../node_modules/vue-loader/lib/style-compiler/index?{\\\"vue\\\":true,\\\"id\\\":\\\"data-v-3bfbbef0\\\",\\\"scoped\\\":false,\\\"hasInlineConfig\\\":false}!../../../node_modules/vue-loader/lib/selector?type=styles&index=0!./activity.vue\")\n  require(\"!!vue-style-loader!css-loader?{\\\"sourceMap\\\":true}!../../../node_modules/vue-loader/lib/style-compiler/index?{\\\"vue\\\":true,\\\"id\\\":\\\"data-v-3bfbbef0\\\",\\\"scoped\\\":true,\\\"hasInlineConfig\\\":false}!less-loader?{\\\"sourceMap\\\":true}!../../../node_modules/vue-loader/lib/selector?type=styles&index=1!./activity.vue\")\n}\nvar normalizeComponent = require(\"!../../../node_modules/vue-loader/lib/component-normalizer\")\n/* script */\nexport * from \"!!babel-loader!../../../node_modules/vue-loader/lib/selector?type=script&index=0!./activity.vue\"\nimport __vue_script__ from \"!!babel-loader!../../../node_modules/vue-loader/lib/selector?type=script&index=0!./activity.vue\"\n/* template */\nimport __vue_template__ from \"!!../../../node_modules/vue-loader/lib/template-compiler/index?{\\\"id\\\":\\\"data-v-3bfbbef0\\\",\\\"hasScoped\\\":true,\\\"transformToRequire\\\":{\\\"video\\\":[\\\"src\\\",\\\"poster\\\"],\\\"source\\\":\\\"src\\\",\\\"img\\\":\\\"src\\\",\\\"image\\\":\\\"xlink:href\\\"},\\\"buble\\\":{\\\"transforms\\\":{}}}!../../../node_modules/vue-loader/lib/selector?type=template&index=0!./activity.vue\"\n/* template functional */\nvar __vue_template_functional__ = false\n/* styles */\nvar __vue_styles__ = injectStyle\n/* scopeId */\nvar __vue_scopeId__ = \"data-v-3bfbbef0\"\n/* moduleIdentifier (server only) */\nvar __vue_module_identifier__ = null\nvar Component = normalizeComponent(\n  __vue_script__,\n  __vue_template__,\n  __vue_template_functional__,\n  __vue_styles__,\n  __vue_scopeId__,\n  __vue_module_identifier__\n)\nComponent.options.__file = \"src/components/buy/activity.vue\"\n\n/* hot reload */\nif (module.hot) {(function () {\n  var hotAPI = require(\"vue-hot-reload-api\")\n  hotAPI.install(require(\"vue\"), false)\n  if (!hotAPI.compatible) return\n  module.hot.accept()\n  if (!module.hot.data) {\n    hotAPI.createRecord(\"data-v-3bfbbef0\", Component.options)\n  } else {\n    hotAPI.reload(\"data-v-3bfbbef0\", Component.options)\n  }\n  module.hot.dispose(function (data) {\n    disposed = true\n  })\n})()}\n\nexport default Component.exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/components/buy/activity.vue\n// module id = null\n// module chunks = "],"sourceRoot":""}
\ No newline at end of file
diff --git a/dev/static/js/8.16b92d1aee1891d912d2.js b/dev/static/js/8.16b92d1aee1891d912d2.js
new file mode 100644
index 00000000..9f76a5fa
--- /dev/null
+++ b/dev/static/js/8.16b92d1aee1891d912d2.js
@@ -0,0 +1,2 @@
+webpackJsonp([8],{"5W4P":function(n,e,t){(n.exports=t("FZ+f")(!0)).push([n.i,"\n.fl-r[data-v-ff30e8ae] {\n  float: right;\n}\n.main-block[data-v-ff30e8ae] {\n  margin: 5px;\n  background: white;\n  padding: 5px;\n}\n.clear-both[data-v-ff30e8ae]:after {\n  content: '';\n  display: block;\n  clear: both;\n}\n[data-v-ff30e8ae]::-webkit-scrollbar-track-piece {\n  border-radius: 10px;\n}\n[data-v-ff30e8ae]::-webkit-scrollbar {\n  width: 5px;\n  height: 5px;\n}\n[data-v-ff30e8ae]::-webkit-scrollbar-thumb {\n  background-color: #999;\n  border-radius: 10px;\n  height: 10px;\n  min-height: 10px;\n}\n.img-cvs[data-v-ff30e8ae] {\n  position: absolute;\n  width: 62.13333333vw;\n  top: 46.93333333vw;\n  left: 7.73333333vw;\n}\n.img-cvs .qrcode[data-v-ff30e8ae] {\n  position: absolute;\n  top: 81.33333333vw;\n  left: 4vw;\n  width: 16vw;\n}\n.cvs-img[data-v-ff30e8ae] {\n  position: absolute;\n  width: 62.13333333vw;\n  top: 46.93333333vw;\n  left: 7.73333333vw;\n  z-index: 10;\n}\n.ref-content[data-v-ff30e8ae] {\n  width: 79.73333333vw;\n  height: 150.4vw;\n  background-size: 100% 100%;\n  position: relative;\n}\n.ref-content .tips[data-v-ff30e8ae] {\n  font-size: 12px;\n  position: absolute;\n  color: #666;\n  right: 2.66666667vw;\n  top: 66.66666667vw;\n  width: 1em;\n}\n.group-index[data-v-ff30e8ae] {\n  height: 100%;\n  padding-bottom: toVw(150);\n  background: #f0f0f0;\n  font-family: PingFangSC-Regular;\n}\n.group-index .ref-icon[data-v-ff30e8ae] {\n  position: fixed;\n  height: 24vw;\n  top: 70vw;\n  z-index: 6;\n  right: 2.66666667vw;\n  border-radius: 100px;\n}\n.group-index .banner[data-v-ff30e8ae] {\n  background: white;\n}\n.group-index .banner img[data-v-ff30e8ae] {\n  width: 100%;\n}\n.group-index .head[data-v-ff30e8ae] {\n  background: white;\n  margin-bottom: 10px;\n  padding: 2.66666667vw;\n}\n.group-index .head .title[data-v-ff30e8ae] {\n  font-size: 20px;\n  color: #333333;\n  margin-bottom: 2vw;\n}\n.group-index .head .detail[data-v-ff30e8ae] {\n  font-size: 12px;\n  line-height: 1.6em;\n  color: #333333;\n  display: block;\n  margin-bottom: 2vw;\n}\n.group-index .head .price .price-content[data-v-ff30e8ae] {\n  font-family: PingFang-SC-Bold;\n  font-size: 20px;\n  color: #F83534;\n}\n.group-index .head-icon[data-v-ff30e8ae] {\n  padding: 2.66666667vw;\n  background: white;\n  margin-bottom: 2px;\n}\n.group-index .head-icon .icon[data-v-ff30e8ae] {\n  display: inline-block;\n  width: 8vw;\n  margin: 0 1.33333333vw;\n  border-radius: 1000px;\n  vertical-align: middle;\n}\n.group-index .head-icon .more[data-v-ff30e8ae] {\n  width: 6.66666667vw;\n  vertical-align: middle;\n}\n.group-index .head-icon .has[data-v-ff30e8ae] {\n  font-size: 12px;\n  line-height: 8vw;\n  color: #999999;\n  float: right;\n}\n.group-index .welfare[data-v-ff30e8ae] {\n  background: white;\n  padding: 1.33333333vw;\n  font-size: 12px;\n  text-align: center;\n  color: #999999;\n  margin-bottom: 20px;\n}\n.group-index .main-detail[data-v-ff30e8ae] {\n  padding: 2.66666667vw;\n  background: white;\n}\n.group-index .main-detail .tab-content[data-v-ff30e8ae] {\n  border-radius: 9px ;\n  border: 1px solid #F63539;\n}\n.group-index .main-detail .tab-content[data-v-ff30e8ae]:after {\n  content: '';\n  display: block;\n  clear: both;\n}\n.group-index .main-detail .tab-content .tab-btn[data-v-ff30e8ae] {\n  width: 50%;\n  float: left;\n  height: 10.66666667vw;\n  line-height: 10.66666667vw;\n  text-align: center;\n  color: #F63539;\n  border-radius: 9px ;\n}\n.group-index .main-detail .tab-content .tab-btn.active[data-v-ff30e8ae] {\n  background: #F63539;\n  color: white;\n}\n.group-index .main-detail .qa-block[data-v-ff30e8ae] {\n  padding: 2.66666667vw 0 toVw(150) 0;\n}\n.group-index .main-detail .qa-block img[data-v-ff30e8ae],\n.group-index .main-detail .qa-block video[data-v-ff30e8ae] {\n  max-width: 100%;\n}\n.group-index .main-detail .qa-block .qa-content[data-v-ff30e8ae] {\n  margin: toVw(10) 0;\n}\n.group-index .main-detail .qa-block .qa-content .qa-q[data-v-ff30e8ae] {\n  font-size: 16px;\n  color: #666666;\n}\n.group-index .main-detail .qa-block .qa-content .qa-a[data-v-ff30e8ae] {\n  font-size: 16px;\n  color: #333333;\n}\n.group-index .main-detail .detail[data-v-ff30e8ae] {\n  padding: 2.66666667vw 0 20vw 0;\n}\n.group-index .main-detail .detail .detail-content img[data-v-ff30e8ae],\n.group-index .main-detail .detail .detail-content video[data-v-ff30e8ae] {\n  max-width: 100%;\n}\n.group-index footer[data-v-ff30e8ae] {\n  position: absolute;\n  position: fixed;\n  bottom: 0;\n  width: 100%;\n  height: 16vw;\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  background: white;\n  padding: 1.33333333vw;\n  border-top: 1px solid #d8d8d8;\n  -ms-flex-pack: distribute;\n      justify-content: space-around;\n}\n.group-index footer .btn[data-v-ff30e8ae] {\n  border: 1px solid #cccccc;\n  border-radius: 8px;\n  width: 0;\n  -webkit-box-flex: 2;\n      -ms-flex-positive: 2;\n          flex-grow: 2;\n  text-align: center;\n  padding: 2vw 0;\n  margin: 0 1.33333333vw;\n  line-height: 1.4em;\n  font-size: 16px;\n  color: #666666;\n}\n.group-index footer .btn span[data-v-ff30e8ae] {\n  display: block;\n  font-size: 20px;\n  font-family: PingFang-SC-Bold;\n}\n.group-index footer .btn img[data-v-ff30e8ae] {\n  width: 6.66666667vw;\n}\n.group-index footer .btn.big[data-v-ff30e8ae] {\n  padding: 0.66666667vw 0;\n  -webkit-box-flex: 5;\n      -ms-flex-positive: 5;\n          flex-grow: 5;\n}\n.group-index footer .btn.big.price[data-v-ff30e8ae] {\n  background: #F83534;\n  border-color: #F83534;\n  color: white;\n}\n.group-index .pop-block[data-v-ff30e8ae] {\n  padding: 5.33333333vw 1.33333333vw;\n  width: 80vw;\n  text-align: center;\n  font-size: 14px;\n  color: #666666;\n  position: relative;\n}\n.group-index .pop-block img[data-v-ff30e8ae] {\n  width: 33.33333333vw;\n}\n.group-index .pop-block .close[data-v-ff30e8ae] {\n  width: 6.66666667vw;\n  position: absolute;\n  top: 2.66666667vw;\n  right: 2.66666667vw;\n}\n.group-index .mint-popup[data-v-ff30e8ae] {\n  border-radius: 10px;\n}\n.group-index .pop-fill[data-v-ff30e8ae] {\n  width: 66.66666667vw;\n  padding: 4vw 4vw;\n  font-size: 16px;\n  color: #333333;\n}\n.group-index .pop-fill .btn-block[data-v-ff30e8ae] {\n  margin-top: 4vw;\n}\n.group-index .pop-fill .btn-block[data-v-ff30e8ae]:after {\n  content: '';\n  display: block;\n  clear: both;\n}\n.group-index .pop-fill .btn-block .btn[data-v-ff30e8ae] {\n  float: right;\n  background: #F83534;\n  font-size: 14px;\n  padding: 0.66666667vw 1.33333333vw;\n  border-radius: 8px;\n  color: #FFFFFF;\n}\n","",{version:3,sources:["/Users/wang/Documents/changchang/projects/wechat/src/util/public.less","/Users/wang/Documents/changchang/projects/wechat/src/components/buy/index.vue","/Users/wang/Documents/changchang/projects/wechat/src/components/buy/index.vue"],names:[],mappings:"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",file:"index.vue",sourcesContent:["//颜色参数\n@toVw:100/375vw;\n@toVh:100/667vh;\n@bg-b: #333;\n@bg-b-s:#444;\n@black-line:#191919;\n@gray-line:#666;\n@light-line:#ddd;\n@main-font-color:#fff;\n@secondary-font-color:#999;\n@gold-color-light:#FFD04B;\n@gold-color: #a18430;\n\n//公共类\n.fl-r{\n  float: right;\n}\n.main-block{\n  margin: 5px;\n  background: white;\n  padding: 5px;\n}\nhtml{\n\n}\n.clear-both{\n  &:after{\n    content: '';\n    display: block;\n    clear: both;\n  }\n}\n//滚动条样式\n::-webkit-scrollbar-track-piece { //滚动条凹槽的颜色,还可以设置边框属性\n  border-radius: 10px;\n}\n::-webkit-scrollbar {//滚动条的宽度\n  width:5px;\n  height:5px;\n}\n::-webkit-scrollbar-thumb {//滚动条的设置\n  background-color:@secondary-font-color;\n  border-radius: 10px;\n  height: 10px;\n  min-height:10px;\n}\n",".fl-r {\n  float: right;\n}\n.main-block {\n  margin: 5px;\n  background: white;\n  padding: 5px;\n}\n.clear-both:after {\n  content: '';\n  display: block;\n  clear: both;\n}\n::-webkit-scrollbar-track-piece {\n  border-radius: 10px;\n}\n::-webkit-scrollbar {\n  width: 5px;\n  height: 5px;\n}\n::-webkit-scrollbar-thumb {\n  background-color: #999;\n  border-radius: 10px;\n  height: 10px;\n  min-height: 10px;\n}\n.img-cvs {\n  position: absolute;\n  width: 62.13333333vw;\n  top: 46.93333333vw;\n  left: 7.73333333vw;\n}\n.img-cvs .qrcode {\n  position: absolute;\n  top: 81.33333333vw;\n  left: 4vw;\n  width: 16vw;\n}\n.cvs-img {\n  position: absolute;\n  width: 62.13333333vw;\n  top: 46.93333333vw;\n  left: 7.73333333vw;\n  z-index: 10;\n}\n.ref-content {\n  width: 79.73333333vw;\n  height: 150.4vw;\n  background-size: 100% 100%;\n  position: relative;\n}\n.ref-content .tips {\n  font-size: 12px;\n  position: absolute;\n  color: #666;\n  right: 2.66666667vw;\n  top: 66.66666667vw;\n  width: 1em;\n}\n.group-index {\n  height: 100%;\n  padding-bottom: toVw(150);\n  background: #f0f0f0;\n  font-family: PingFangSC-Regular;\n}\n.group-index .ref-icon {\n  position: fixed;\n  height: 24vw;\n  top: 70vw;\n  z-index: 6;\n  right: 2.66666667vw;\n  border-radius: 100px;\n}\n.group-index .banner {\n  background: white;\n}\n.group-index .banner img {\n  width: 100%;\n}\n.group-index .head {\n  background: white;\n  margin-bottom: 10px;\n  padding: 2.66666667vw;\n}\n.group-index .head .title {\n  font-size: 20px;\n  color: #333333;\n  margin-bottom: 2vw;\n}\n.group-index .head .detail {\n  font-size: 12px;\n  line-height: 1.6em;\n  color: #333333;\n  display: block;\n  margin-bottom: 2vw;\n}\n.group-index .head .price .price-content {\n  font-family: PingFang-SC-Bold;\n  font-size: 20px;\n  color: #F83534;\n}\n.group-index .head-icon {\n  padding: 2.66666667vw;\n  background: white;\n  margin-bottom: 2px;\n}\n.group-index .head-icon .icon {\n  display: inline-block;\n  width: 8vw;\n  margin: 0 1.33333333vw;\n  border-radius: 1000px;\n  vertical-align: middle;\n}\n.group-index .head-icon .more {\n  width: 6.66666667vw;\n  vertical-align: middle;\n}\n.group-index .head-icon .has {\n  font-size: 12px;\n  line-height: 8vw;\n  color: #999999;\n  float: right;\n}\n.group-index .welfare {\n  background: white;\n  padding: 1.33333333vw;\n  font-size: 12px;\n  text-align: center;\n  color: #999999;\n  margin-bottom: 20px;\n}\n.group-index .main-detail {\n  padding: 2.66666667vw;\n  background: white;\n}\n.group-index .main-detail .tab-content {\n  border-radius: 9px ;\n  border: 1px solid #F63539;\n}\n.group-index .main-detail .tab-content:after {\n  content: '';\n  display: block;\n  clear: both;\n}\n.group-index .main-detail .tab-content .tab-btn {\n  width: 50%;\n  float: left;\n  height: 10.66666667vw;\n  line-height: 10.66666667vw;\n  text-align: center;\n  color: #F63539;\n  border-radius: 9px ;\n}\n.group-index .main-detail .tab-content .tab-btn.active {\n  background: #F63539;\n  color: white;\n}\n.group-index .main-detail .qa-block {\n  padding: 2.66666667vw 0 toVw(150) 0;\n}\n.group-index .main-detail .qa-block img,\n.group-index .main-detail .qa-block video {\n  max-width: 100%;\n}\n.group-index .main-detail .qa-block .qa-content {\n  margin: toVw(10) 0;\n}\n.group-index .main-detail .qa-block .qa-content .qa-q {\n  font-size: 16px;\n  color: #666666;\n}\n.group-index .main-detail .qa-block .qa-content .qa-a {\n  font-size: 16px;\n  color: #333333;\n}\n.group-index .main-detail .detail {\n  padding: 2.66666667vw 0 20vw 0;\n}\n.group-index .main-detail .detail .detail-content img,\n.group-index .main-detail .detail .detail-content video {\n  max-width: 100%;\n}\n.group-index footer {\n  position: absolute;\n  position: fixed;\n  bottom: 0;\n  width: 100%;\n  height: 16vw;\n  display: -webkit-box;\n  display: -moz-box;\n  display: -ms-flexbox;\n  display: -webkit-flex;\n  display: flex;\n  background: white;\n  padding: 1.33333333vw;\n  border-top: 1px solid #d8d8d8;\n  justify-content: space-around;\n}\n.group-index footer .btn {\n  border: 1px solid #cccccc;\n  border-radius: 8px;\n  width: 0;\n  flex-grow: 2;\n  text-align: center;\n  padding: 2vw 0;\n  margin: 0 1.33333333vw;\n  line-height: 1.4em;\n  font-size: 16px;\n  color: #666666;\n}\n.group-index footer .btn span {\n  display: block;\n  font-size: 20px;\n  font-family: PingFang-SC-Bold;\n}\n.group-index footer .btn img {\n  width: 6.66666667vw;\n}\n.group-index footer .btn.big {\n  padding: 0.66666667vw 0;\n  flex-grow: 5;\n}\n.group-index footer .btn.big.price {\n  background: #F83534;\n  border-color: #F83534;\n  color: white;\n}\n.group-index .pop-block {\n  padding: 5.33333333vw 1.33333333vw;\n  width: 80vw;\n  text-align: center;\n  font-size: 14px;\n  color: #666666;\n  position: relative;\n}\n.group-index .pop-block img {\n  width: 33.33333333vw;\n}\n.group-index .pop-block .close {\n  width: 6.66666667vw;\n  position: absolute;\n  top: 2.66666667vw;\n  right: 2.66666667vw;\n}\n.group-index .mint-popup {\n  border-radius: 10px;\n}\n.group-index .pop-fill {\n  width: 66.66666667vw;\n  padding: 4vw 4vw;\n  font-size: 16px;\n  color: #333333;\n}\n.group-index .pop-fill .btn-block {\n  margin-top: 4vw;\n}\n.group-index .pop-fill .btn-block:after {\n  content: '';\n  display: block;\n  clear: both;\n}\n.group-index .pop-fill .btn-block .btn {\n  float: right;\n  background: #F83534;\n  font-size: 14px;\n  padding: 0.66666667vw 1.33333333vw;\n  border-radius: 8px;\n  color: #FFFFFF;\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\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\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\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\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\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@import \"../../util/public\";\n.img-cvs{\n  position: absolute;\n  width: 233 * @toVw;\n  top: 176 * @toVw;\n  left: 29 * @toVw;\n  .qrcode{\n    position: absolute;\n    top: 305 * @toVw;\n    left: 15 * @toVw;\n    width: 60 * @toVw;\n  }\n}\n.cvs-img{\n  position: absolute;\n  width: 233 * @toVw;\n  top: 176 * @toVw;\n  left: 29 * @toVw;\n  z-index: 10;\n}\n.ref-content{\n  width: 299 * @toVw;\n  height: 564 * @toVw;\n  background-size: 100% 100%;\n  position: relative;\n  .tips{\n    font-size: 12px;\n    position: absolute;\n    color: #666;\n    right: 10 * @toVw;\n    top: 250 * @toVw;\n    width: 1em;\n  }\n}\n.group-index{\n  height: 100%;\n  padding-bottom: toVw(150);\n  background: #f0f0f0;\n  font-family: PingFangSC-Regular;\n  .ref-icon{\n    position: fixed;\n    height: 100/375 * 90vw ;\n    top: 70vw;\n    z-index: 6;\n    right: 10 * 100 /375vw;\n    border-radius: 100px;\n  }\n  .banner{\n    background: white;\n    img{\n      width: 100%;\n    }\n  }\n  .head{\n    background: white;\n    margin-bottom: 10px;\n    padding: 20/7.5vw;\n    .title{\n      font-size: 20px;\n      color: #333333;\n      margin-bottom: 15/7.5vw;\n    }\n    .detail{\n      font-size: 12px;\n      line-height: 1.6em;\n      color: #333333;\n      display: block;\n      margin-bottom: 15/7.5vw;\n    }\n    .price{\n      .price-content{\n        font-family: PingFang-SC-Bold;\n        font-size: 20px;\n        color: #F83534;\n      }\n    }\n  }\n  .head-icon{\n    padding: 20/7.5vw;\n    background: white;\n    margin-bottom: 2px;\n    .icon{\n      display: inline-block;\n      width: 60/7.5vw;\n      margin: 0 10/7.5vw;\n      border-radius: 1000px;\n      vertical-align: middle;\n    }\n    .more{\n      width: 50/7.5vw;\n      vertical-align: middle;\n    }\n    .has{\n      font-size: 12px;\n      line-height: 60/7.5vw;\n      color: #999999;\n      float: right;\n    }\n  }\n  .welfare{\n    background: white;\n    padding:10/7.5vw ;\n    font-size: 12px;\n    text-align: center;\n    color: #999999;\n    margin-bottom: 20px;\n  }\n  .main-detail{\n    padding: 20/7.5vw;\n    background: white;\n    .tab-content{\n      border-radius: 9px ;\n      border: 1px solid #F63539;\n      &:after{\n        content: '';\n        display: block;\n        clear: both;\n      }\n      .tab-btn{\n        width: 50%;\n        float: left;\n        height: 80/7.5vw;\n        line-height: 80/7.5vw;\n        text-align: center;\n        color: #F63539;\n        border-radius:9px ;\n        &.active{\n          background: #F63539;\n          color: white;\n        }\n      }\n    }\n    .qa-block{\n      padding: 20/7.5vw 0 toVw(150) 0;\n      img,video{\n        max-width: 100%;\n      }\n      .qa-content{\n        margin: toVw(10) 0;\n        .qa-q{\n          font-size: 16px;\n          color: #666666;\n        }\n        .qa-a{\n          font-size: 16px;\n          color: #333333;\n        }\n      }\n    }\n    .detail{\n      padding: 20/7.5vw 0 150/7.5vw 0;\n      .detail-content{\n        img,video{\n          max-width: 100%;\n        }\n      }\n\n    }\n  }\n  footer{\n    position: absolute;\n    position: fixed;\n    bottom: 0;\n    width: 100%;\n    height: 120/7.5vw;\n    display: -webkit-box;      // OLD - iOS 6-, Safari 3.1-6 //\n    display: -moz-box;         // OLD - Firefox 19- (buggy but mostly works) //\n    display: -ms-flexbox;      // TWEENER - IE 10 //\n    display: -webkit-flex;     // NEW - Chrome //\n    display: flex;             // NEW, Spec - Opera 12.1, Firefox 20+ //\n    background: white;\n    padding: 10/7.5vw;\n    border-top: 1px solid #d8d8d8;\n    justify-content:space-around;\n    .btn{\n      border: 1px solid #cccccc;\n      border-radius: 8px;\n      width:0;\n      flex-grow:2;\n      text-align: center;\n      padding: 15/7.5vw 0;\n      margin: 0 10/7.5vw;\n      line-height: 1.4em;\n      font-size: 16px;\n      color: #666666;\n      span{\n        display: block;\n        font-size: 20px;\n        font-family: PingFang-SC-Bold;\n      }\n      img{\n        width: 50/7.5vw;\n      }\n      &.big{\n        padding: 5/7.5vw 0;\n        flex-grow:5;\n        &.price{\n          background:  #F83534;\n          border-color: #F83534;\n          color: white;\n        }\n      }\n    }\n  }\n  .pop-block{\n    padding:40/7.5vw 10/7.5vw;\n    width: 600/7.5vw;\n    text-align: center;\n    font-size: 14px;\n    color: #666666;\n    position: relative;\n    img{\n      width: 250/7.5vw;\n    }\n    .close{\n      width: 50/7.5vw;\n      position: absolute;\n      top: 20/7.5vw;\n      right: 20/7.5vw;\n    }\n  }\n  .mint-popup{\n    border-radius: 10px;\n  }\n  .pop-fill{\n    width: 500/7.5vw;\n    padding:30/7.5vw 30/7.5vw;\n    font-size: 16px;\n    color: #333333;\n    .btn-block{\n      margin-top: 30/7.5vw;\n      &:after{\n        content:'';\n        display: block;\n        clear: both;\n      }\n      .btn{\n        float: right;\n        background: #F83534;\n        font-size: 14px;\n        padding: 5/7.5vw 10/7.5vw;\n        border-radius: 8px;\n        color: #FFFFFF;\n      }\n    }\n  }\n\n}\n\n"],sourceRoot:""}])},"9Nk9":function(n,e,t){var i=t("yEDY");"string"==typeof i&&(i=[[n.i,i,""]]),i.locals&&(n.exports=i.locals);t("rjj0")("3d1e8a62",i,!1,{})},bNYG:function(n,e,t){"use strict";Object.defineProperty(e,"__esModule",{value:!0});t("v2ns");var i=t("7QTg"),o=t("MJLE"),a=t.n(o),r=t("Au9i"),s=t("CCn6"),d=t("E26C"),l=t.n(d),p=t("kXdI"),c=t.n(p),A=(t("1UEi"),t("XaoW")),g=t.n(A),u=t("zpE/"),h=t.n(u),f=t("0ZjB"),v=t.n(f),w=t("2Pnh"),m=t.n(w),b={name:"index",components:{swiper:i.swiper,swiperSlide:i.swiperSlide},data:function(){return{refBg:l.a,join:!1,popType:!1,popFill:!1,popupVisible:!1,refVisible:!1,tabType:!0,popcontentW:"您已经购买过课程,无需重复<br>购买,您可以添加微信公众号了解更多",popcontentT:"为了更好地为您进行课程服务,<br>请扫码添加老师二维码",qrCode:h.a,weChatIcon:g.a,closeUrl:v.a,moreUrl:c.a,refIcon:"https://cdn.singsingenglish.com/new-sing/b7f43ced8f8268655c2c5b289360df990ec8f18e.png",swiperOption:{pagination:{el:".swiper-pagination"}},QRCodeB:!1,dataURL:null,user_id:null,invite_code_f:!0,invite_code:"",shopId:"",groupId:null,groupDetail:!1,groupData:null}},mounted:function(){this.getDetail()},methods:{goToActivity:function(){var n={};window.location.href.indexOf("shopId")>-1&&(n.shopId=this.$route.query.shopId),window.location.href.indexOf("groupId")>-1&&(n.groupId=this.$route.query.groupId),window.location.href.indexOf("invite_code")>-1&&(n.invite_code=this.$route.query.invite_code),this.$router.push({name:"activity",query:n})},refshow:function(){var n=this;if(r.Indicator.open(),document.body.scrollTop<10&&(document.body.scrollTop=20,document.documentElement.scrollTop=20),localStorage.getItem("cc_token")&&""!==localStorage.getItem("cc_token"))setTimeout(function(){r.Indicator.close(),n.invite_code||(n.invite_code="CC-USER"),Object(s.q)().then(function(e){n.user_id=e.user_id;var t=n.invite_code.split("-");t.length>2&&"TEACHER"===t[1]&&(t[1]="USER");var i=t[0]+"-"+t[1],o="https://wechat-test.changchangenglish.com/#/buyDetail?shopId="+n.shopId+"&invite_code="+i+"-"+n.user_id;n.groupId&&"null"!==n.groupId&&(o+="&groupId="+n.groupId),console.log(o),n.qrcode(o),n.refVisible=!0,n.$nextTick(function(){n.dataURL||setTimeout(function(){var e=document.getElementById("capture").getClientRects()[0],t=(e.height,e.width);document.getElementById("capture").style.width=t+"px";n.getOffsetRect(n.$refs.imageWrapper);var i=document.getElementById("capture").getClientRects()[0],o=i.height1,a=i.width1;m()(document.getElementById("capture"),{async:!0,timeout:500,scrollX:1,scale:3,width:a,height:o,letterRendering:!0}).then(function(e){var t=e.toDataURL("image/jpg");n.dataURL=t}).catch(function(n){alert(n),console.log()})},500)})})},500);else{var e={retUrl:this.$route.fullPath,is_new_user_url:"1"};this.$router.push({name:"author",query:e})}},getOffsetRect:function(n){var e=n.getBoundingClientRect(),t=document.body,i=document.documentElement,o=window.pageYOffset||i.scrollTop||t.scrollTop,a=window.pageXOffset||i.scrollLeft||t.scrollLeft,r=i.clientTop||t.clientTop,s=i.clientLeft||t.clientLeft,d=e.top+o-r,l=e.left+a-s;return{top:Math.round(d),left:Math.round(l)}},qrcode:function(n){this.QRCodeB?this.QRCodeB.makeCode(n):this.QRCodeB=new a.a("qrcode",{width:80,height:80,text:n,image:""})},enableShare:function(n){var e=this;Object(s.t)({api_list:"onMenuShareAppMessage,onMenuShareTimeline",url:window.location.href.split("#")[0]}).then(function(t){wx.config({debug:!1,appId:t.appId,timestamp:parseInt(t.timestamp),nonceStr:t.nonceStr,signature:t.signature,jsApiList:t.jsApiList}),wx.ready(function(){wx.onMenuShareTimeline({title:n.product_title,desc:n.desc,link:n.shareUrl,imgUrl:n.shareIcon||"https://cdn.singsingenglish.com/singsing/recommend/logo-refer.png",success:function(){console.log("分享成功"),window._hmt.push(["_trackEvent","分享","商品页好友分享","id"+e.shopId,e.invite_code])},cancel:function(){console.log("分享失败")}}),wx.onMenuShareAppMessage({title:n.product_title,desc:n.desc,link:n.shareUrl,imgUrl:n.shareIcon||"https://cdn.singsingenglish.com/singsing/recommend/logo-refer.png",success:function(){window._hmt.push(["_trackEvent","分享","商品页朋友圈分享","id"+e.shopId,e.invite_code])},cancel:function(){}})})})},onShare:function(n){var e="https://wechat-test.changchangenglish.com/#/buyDetail??shopId="+this.shopId+"&groupId="+this.groupId+"&invite_code="+this.invite_code;1===n&&(e="https://wechat-test.changchangenglish.com/#/buyDetail??shopId="+this.shopId+"&invite_code="+this.invite_code),this.enableShare({product_title:this.groupDetail.share_desc.title,desc:this.groupDetail.share_desc.content,shareIcon:this.groupDetail.share_desc.img[0].url,shareUrl:e})},toDataURLBase64:function(n,e){var t=new XMLHttpRequest;t.onload=function(){var n=new FileReader;n.onloadend=function(){e(n.result)},n.readAsDataURL(t.response)},t.responseType="blob",t.open("GET",n,!0),t.send()},getDetail:function(){var n=this;window.location.href.indexOf("invite_code")>-1&&(this.invite_code=this.$route.query.invite_code,this.invite_code.split("-").length<3&&(this.invite_code_f=!1));window.location.href.indexOf("shopId")>-1&&(this.shopId=this.$route.query.shopId,Object(s.d)(this.shopId).then(function(e){if(e.desc=JSON.parse(e.desc),e.goods_desc=JSON.parse(e.goods_desc),e.share_desc=JSON.parse(e.share_desc),2===e.status&&e.bind_goods_id)return n.$router.push({name:"buyDetail",query:{shopId:e.bind_goods_id}}),void n.getDetail();n.groupDetail=e;for(var t=0;t<n.groupDetail.header_url.length;t++)n.groupDetail.header_url[t]=n.groupDetail.header_url[t].replace("http://","https://");if(n.groupDetail.desc.detail=n.groupDetail.desc.detail.replace(/http:\/\//g,"https://"),n.groupDetail.desc.qa=n.groupDetail.desc.qa.replace(/http:\/\//g,"https://"),n.groupDetail.share_desc.refImg&&1===n.groupDetail.share_desc.refImg.length){n.groupDetail.share_desc.refImg[0].url=n.groupDetail.share_desc.refImg[0].url.replace("http://","https://");var i=n;n.toDataURLBase64(n.groupDetail.share_desc.refImg[0].url,function(n){i.groupDetail.share_desc.refImg[0].url=n})}2===n.groupDetail.goods_type&&(localStorage.getItem("cc_token")&&Object(s.n)({goods_id:n.shopId}).then(function(e){e.out_trade_no&&n.$router.push({name:"success",query:{out_trade_no:e.out_trade_no}})}),window.location.href.indexOf("groupId")>-1?(n.groupId=n.$route.query.groupId,Object(s.f)(n.groupId).then(function(e){n.groupData=e}),n.onShare(0)):n.onShare(1))}))},showTeacher:function(){this.popType=!1,this.popupVisible=!0},groupPay:function(n){var e={shopId:this.shopId,invite_code:this.invite_code};this.groupId&&(e.group_order_id=this.groupId),0!==n||this.groupId?0===n&&this.groupId?(window.location.href="/#/buyDetail?shopId="+this.shopId,window._hmt.push(["_trackEvent","购买","商品页团购重新开团","id"+this.shopId,this.invite_code])):(window._hmt.push(["_trackEvent","购买","商品页购买","id"+this.shopId,this.invite_code]),e.type=""):(e.type="single",window._hmt.push(["_trackEvent","购买","商品页团购单独购买","id"+this.shopId,this.invite_code])),this.$router.push({name:"buy",query:e})}}},C=function(){var n=this,e=n.$createElement,t=n._self._c||e;return n.groupDetail?t("div",{ref:"index",staticClass:"group-index"},[t("swiper",{ref:"mySwiper",staticClass:"banner",attrs:{options:n.swiperOption}},[n._l(n.groupDetail.goods_desc.img,function(e,i){return n.groupDetail.goods_desc?t("swiper-slide",{key:i},[t("img",{attrs:{src:e.url}})]):n._e()}),n._v(" "),t("div",{staticClass:"swiper-pagination",attrs:{slot:"pagination"},slot:"pagination"})],2),n._v(" "),1===n.groupDetail.is_auth_user?t("img",{staticClass:"ref-icon shake",attrs:{src:n.refIcon},on:{click:function(e){n.goToActivity()}}}):n._e(),n._v(" "),t("div",{staticClass:"head"},[t("div",{staticClass:"title"},[n._v("\n      "+n._s(n.groupDetail.name)+"\n    ")]),n._v(" "),t("span",{staticClass:"detail"},[n._v("\n              "+n._s(n.groupDetail.goods_desc.desc)+"\n          ")]),n._v(" "),t("div",{staticClass:"price"},[t("span",{staticClass:"price-content"},[n._v("¥"+n._s(n.groupDetail.current_price/100)+"元")])])]),n._v(" "),t("div",{staticClass:"head-icon"},[n._l(n.groupDetail.header_url,function(e,i){return i<5?t("img",{key:e,staticClass:"icon",attrs:{src:e}}):n._e()}),n._v(" "),t("img",{staticClass:"more",attrs:{src:n.moreUrl}}),n._v(" "),t("span",{staticClass:"has"},[n._v("已售"+n._s(n.groupDetail.has_group_num)+"件")])],2),n._v(" "),n.groupDetail.head_welfare&&""!==n.groupDetail.head_welfare&&null!==n.groupDetail.head_welfare?t("div",{staticClass:"welfare"},[n._v("\n    团长福利:"+n._s(n.groupDetail.head_welfare)+"\n  ")]):n._e(),n._v(" "),t("div",{staticClass:"main-detail"},[t("div",{staticClass:"tab-content"},[t("div",{class:{"tab-btn":!0,active:n.tabType},on:{click:function(e){n.tabType=!0}}},[n._v("图文详情")]),n._v(" "),t("div",{class:{"tab-btn":!0,active:!n.tabType},on:{click:function(e){n.tabType=!1}}},[n._v("购买须知")])]),n._v(" "),n.tabType?t("div",{staticClass:"detail"},[t("div",{staticClass:"detail-content",domProps:{innerHTML:n._s(n.groupDetail.desc.detail)}})]):n._e(),n._v(" "),n.tabType?n._e():t("div",{staticClass:"qa-block"},[t("div",{staticClass:"qa-content qaDetail",domProps:{innerHTML:n._s(n.groupDetail.desc.qa)}})])]),n._v(" "),t("mt-popup",{model:{value:n.popupVisible,callback:function(e){n.popupVisible=e},expression:"popupVisible"}},[t("div",{staticClass:"pop-block"},[n.popType?t("img",{attrs:{src:n.qrCode}}):n._e(),n._v(" "),n.popType?n._e():t("img",{attrs:{src:n.groupDetail.desc.customer_service[0].url}}),n._v(" "),t("div",[n.popType?t("span",{domProps:{innerHTML:n._s(n.popcontentW)}}):n._e(),n._v(" "),n.popType?n._e():t("span",{domProps:{innerHTML:n._s(n.popcontentT)}})]),n._v(" "),t("img",{staticClass:"close",attrs:{src:n.closeUrl},on:{click:function(e){n.popupVisible=!1}}})])]),n._v(" "),t("mt-popup",{attrs:{closeOnClickModal:!1},model:{value:n.popFill,callback:function(e){n.popFill=e},expression:"popFill"}},[t("div",{staticClass:"pop-fill"},[n._v("\n      您好,本次拼团已经结束。您可以选择重新开团或单独购买\n      "),t("div",{staticClass:"btn-block"},[t("div",{staticClass:"btn",on:{click:function(e){n.rePlay()}}},[n._v("重新开团")])])])]),n._v(" "),t("mt-popup",{staticStyle:{"background-color":"transparent","margin-top":"-80vw","margin-left":"-40vw",transform:"none"},model:{value:n.refVisible,callback:function(e){n.refVisible=e},expression:"refVisible"}},[n.groupDetail.share_desc.refImg&&n.groupDetail.share_desc.refImg.length>0?t("div",{staticClass:"ref-content",style:{backgroundImage:"url("+n.refBg+")"}},[t("div",{staticClass:"tips"},[n._v("\n        长按保存图片\n      ")])]):n._e(),n._v(" "),n.groupDetail.share_desc.refImg&&n.groupDetail.share_desc.refImg.length>0?t("div",{ref:"imageWrapper",staticClass:"img-cvs",attrs:{id:"capture"}},[t("img",{attrs:{src:n.groupDetail.share_desc.refImg[0].url}}),n._v(" "),t("div",{staticClass:"qrcode",attrs:{id:"qrcode"}})]):n._e(),n._v(" "),t("img",{staticClass:"cvs-img",attrs:{src:n.dataURL}})]),n._v(" "),1===n.groupDetail.status&&n.invite_code_f?t("div",[n.groupDetail.goods_type&&2===n.groupDetail.goods_type?t("footer",[t("div",{staticClass:"btn",on:{click:function(e){n.showTeacher()}}},[t("img",{attrs:{src:n.weChatIcon}})]),n._v(" "),t("div",{staticClass:"btn big",attrs:{id:n.groupId?"reGroup":"singleBuy"},on:{click:function(e){n.groupPay(0)}}},[n.groupId?n._e():t("span",[n._v("¥"+n._s(n.groupDetail.original_price/100))]),n._v(" "),n.groupId?n._e():t("div",[n._v("单独购")]),n._v(" "),n.groupId?t("span",[n._v("¥"+n._s(n.groupDetail.current_price/100))]):n._e(),n._v(" "),n.groupId?t("div",[n._v("重新开团")]):n._e()]),n._v(" "),t("div",{staticClass:"btn big price",attrs:{id:n.groupId?"joinGroup":"newGroup"},on:{click:function(e){n.groupPay(1)}}},[t("span",[n._v("¥"+n._s(n.groupDetail.current_price/100))]),n._v(" "),n.groupId?n._e():t("div",[n._v(n._s(n.groupDetail.desc.group_number)+"人团")]),n._v(" "),n.groupId?t("div",[n._v("立即参团")]):n._e()])]):n._e(),n._v(" "),n.groupDetail.goods_type&&2!==n.groupDetail.goods_type?t("footer",[t("div",{staticClass:"btn",on:{click:function(e){n.showTeacher()}}},[t("img",{attrs:{src:n.weChatIcon}})]),n._v(" "),t("div",{staticClass:"btn big price",on:{click:function(e){n.groupPay(1)}}},[t("span",[n._v("¥"+n._s(n.groupDetail.current_price/100))]),n._v(" "),t("div",[n._v("立即购买")])])]):n._e()]):n._e(),n._v(" "),1!==n.groupDetail.status?t("div",[n._m(0)]):n._e()],1):n._e()};C._withStripped=!0;var x={render:C,staticRenderFns:[function(){var n=this.$createElement,e=this._self._c||n;return e("footer",[e("div",{staticStyle:{color:"#888"}},[this._v("\n        已售罄\n      ")])])}]},_=x;var D=!1;var E=t("VU/8")(b,_,!1,function(n){D||(t("9Nk9"),t("rC6I"))},"data-v-ff30e8ae",null);E.options.__file="src/components/buy/index.vue";e.default=E.exports},rC6I:function(n,e,t){var i=t("5W4P");"string"==typeof i&&(i=[[n.i,i,""]]),i.locals&&(n.exports=i.locals);t("rjj0")("7d03ddee",i,!1,{})},yEDY:function(n,e,t){(n.exports=t("FZ+f")(!0)).push([n.i,"\nimg,video{\n  max-width: 100%;\n}\n@-webkit-keyframes swing {\n10% {\n    -webkit-transform: rotate(15deg);\n            transform: rotate(15deg);\n}\n20% {\n    -webkit-transform: rotate(-10deg);\n            transform: rotate(-10deg);\n}\n30% {\n    -webkit-transform: rotate(5deg);\n            transform: rotate(5deg);\n}\n40% {\n    -webkit-transform: rotate(-5deg);\n            transform: rotate(-5deg);\n}\n50%, 100% {\n    -webkit-transform: rotate(0deg);\n            transform: rotate(0deg);\n}\n}\n.shake{\n   -webkit-animation-name: swing;\n   -webkit-animation-duration: 0.8s;\n   -webkit-transform-origin:50% 50%;\n   -webkit-animation-iteration-count: infinite;\n   -webkit-animation-timing-function: linear;\n}\n\n","",{version:3,sources:["/Users/wang/Documents/changchang/projects/wechat/src/components/buy/src/components/buy/index.vue"],names:[],mappings:";AA2aA;EACA,gBAAA;CACA;AACA;AACA;IACA,iCAAA;YAAA,yBAAA;CACA;AACA;IACA,kCAAA;YAAA,0BAAA;CACA;AACA;IACA,gCAAA;YAAA,wBAAA;CACA;AACA;IACA,iCAAA;YAAA,yBAAA;CACA;AACA;IACA,gCAAA;YAAA,wBAAA;CACA;CACA;AACA;GACA,8BAAA;GACA,iCAAA;GACA,iCAAA;GACA,4CAAA;GACA,0CAAA;CACA",file:"index.vue",sourcesContent:['<template>\n  <div class="group-index" ref="index" v-if="groupDetail">\n    <swiper :options="swiperOption" class="banner" ref="mySwiper">\n      <swiper-slide v-if="groupDetail.goods_desc" v-for="(data,index) in groupDetail.goods_desc.img" :key="index">\n        <img :src="data.url"/>\n      </swiper-slide>\n      <div class="swiper-pagination" slot="pagination"></div>\n    </swiper>\n    <img :src="refIcon" class="ref-icon shake" @click="goToActivity()" v-if="groupDetail.is_auth_user === 1">\n    <div class="head">\n      <div class="title">\n        {{groupDetail.name}}\n      </div>\n      <span class="detail">\n                {{groupDetail.goods_desc.desc}}\n            </span>\n      <div class="price">\n        <span class="price-content">¥{{groupDetail.current_price/100}}元</span>\n      </div>\n    </div>\n    <div class="head-icon">\n      <img class="icon" v-for="(data,index) in groupDetail.header_url" v-if="index<5" :src="data" :key="data">\n      <img class="more" :src="moreUrl"/>\n      <span class="has">已售{{groupDetail.has_group_num}}件</span>\n    </div>\n    <div class="welfare" v-if="groupDetail.head_welfare && groupDetail.head_welfare !== \'\' && groupDetail.head_welfare !== null">\n      团长福利:{{groupDetail.head_welfare}}\n    </div>\n    <div class="main-detail">\n      <div class="tab-content">\n        <div :class="{\'tab-btn\':true,active:tabType}" @click="tabType=true">图文详情</div>\n        <div :class="{\'tab-btn\':true,active:!tabType}" @click="tabType=false">购买须知</div>\n      </div>\n      <div v-if="tabType" class="detail">\n        <div v-html="groupDetail.desc.detail" class="detail-content"></div>\n      </div>\n      <div v-if="!tabType" class="qa-block">\n        <div class="qa-content qaDetail" v-html="groupDetail.desc.qa">\n        </div>\n      </div>\n    </div>\n    <mt-popup v-model="popupVisible">\n      <div class="pop-block">\n        <img v-if="popType" :src="qrCode"/>\n        <img v-if="!popType" :src="groupDetail.desc.customer_service[0].url"/>\n        <div>\n          <span v-if="popType" v-html="popcontentW"></span>\n          <span v-if="!popType" v-html="popcontentT"></span>\n        </div>\n        <img class="close" :src="closeUrl" @click="popupVisible = false">\n      </div>\n    </mt-popup>\n    <mt-popup v-model="popFill" :closeOnClickModal="false">\n      <div class="pop-fill">\n        您好,本次拼团已经结束。您可以选择重新开团或单独购买\n        <div class="btn-block">\n          <div class="btn" @click="rePlay()">重新开团</div>\n        </div>\n      </div>\n    </mt-popup>\n    <mt-popup v-model="refVisible" style="background-color: transparent;margin-top: -80vw;margin-left: -40vw;transform: none">\n      <div :style="{backgroundImage:`url(${refBg})`}" class="ref-content"\n           v-if="groupDetail.share_desc.refImg && groupDetail.share_desc.refImg.length > 0">\n        <div class="tips">\n          长按保存图片\n        </div>\n      </div>\n      <div class="img-cvs" id="capture" ref="imageWrapper" v-if="groupDetail.share_desc.refImg && groupDetail.share_desc.refImg.length > 0">\n        <img :src="groupDetail.share_desc.refImg[0].url">\n        <div id="qrcode" class="qrcode">\n        </div>\n      </div>\n      <img :src="dataURL" class="cvs-img"/>\n    </mt-popup>\n    <div v-if="groupDetail.status === 1 && invite_code_f">\n    <footer v-if="groupDetail.goods_type && groupDetail.goods_type === 2">\n      <div class="btn" @click="showTeacher()">\n        <img :src="weChatIcon"/>\n      </div>\n      <div class="btn big" @click="groupPay(0)" :id="groupId ? \'reGroup\':\'singleBuy\'">\n        <span v-if="!groupId">¥{{groupDetail.original_price/100}}</span>\n        <div v-if="!groupId">单独购</div>\n        <span v-if="groupId">¥{{groupDetail.current_price/100}}</span>\n        <div v-if="groupId">重新开团</div>\n      </div>\n      <div class="btn big price" @click="groupPay(1)" :id="groupId ? \'joinGroup\':\'newGroup\'">\n        <span>¥{{groupDetail.current_price/100}}</span>\n        <div v-if="!groupId">{{groupDetail.desc.group_number}}人团</div>\n        <div v-if="groupId">立即参团</div>\n      </div>\n    </footer>\n    <footer v-if="groupDetail.goods_type && groupDetail.goods_type !== 2">\n      <div class="btn" @click="showTeacher()">\n        <img :src="weChatIcon"/>\n      </div>\n      <div class="btn big price" @click="groupPay(1)">\n        <span>¥{{groupDetail.current_price/100}}</span>\n        <div>立即购买</div>\n      </div>\n    </footer>\n    </div>\n    <div v-if="groupDetail.status !== 1">\n      <footer>\n        <div style="color: #888">\n          已售罄\n        </div>\n      </footer>\n    </div>\n  </div>\n</template>\n\n<script>\n  import \'swiper/dist/css/swiper.css\'\n  import { swiper, swiperSlide } from \'vue-awesome-swiper\'\n  import  QRCode from \'qrcodejs2\'\n  import { Indicator } from \'mint-ui\';\n  import {getwechatParam,getGoodsDetailApi,getGroupDetailApi,getStatusWechatApi,getUserDetailApi} from "../../service/api";\n  import refBg from \'../../assets/refBg.png\'\n  import moreUrl from \'../../assets/moreIcon.png\'\n  import refIcon from \'../../assets/refIcon.png\'\n  import weChatIcon from \'../../assets/wechatIcon.png\'\n  import weChatQrUrl from \'../../assets/weChatCode.png\'\n  import closeUrl from \'../../assets/closemy.png\'\n  import html2canvas from \'html2canvas\'\n  export default {\n    name: "index",\n    components: {\n      swiper,\n      swiperSlide,\n    },\n    data(){\n      return {\n        refBg:refBg,\n        join:false,\n        popType:false,\n        popFill:false,\n        popupVisible:false,\n        refVisible:false,\n        tabType:true,\n        popcontentW:`您已经购买过课程,无需重复<br>购买,您可以添加微信公众号了解更多`,\n        popcontentT:`为了更好地为您进行课程服务,<br>请扫码添加老师二维码`,\n        qrCode:weChatQrUrl,\n        weChatIcon:weChatIcon,\n        closeUrl:closeUrl,\n        moreUrl:moreUrl,\n        refIcon:\'https://cdn.singsingenglish.com/new-sing/b7f43ced8f8268655c2c5b289360df990ec8f18e.png\',\n        swiperOption: {\n          pagination: {\n            el: \'.swiper-pagination\'\n          }\n        },\n        QRCodeB:false,\n        dataURL:null,\n        user_id:null,\n        invite_code_f:true,\n        invite_code:\'\',\n        shopId:\'\',\n        groupId:null,\n        groupDetail:false,\n        groupData:null,\n      }\n    },\n    mounted(){\n      this.getDetail();\n    },\n    methods:{\n      goToActivity(){\n        let query = {}\n        if(window.location.href.indexOf(\'shopId\')>-1){\n          query.shopId = this.$route.query.shopId;\n        }\n        if(window.location.href.indexOf(\'groupId\')>-1){\n          query.groupId = this.$route.query.groupId;\n        }\n        if(window.location.href.indexOf(\'invite_code\')> -1) {\n          query.invite_code = this.$route.query.invite_code;\n        }\n        this.$router.push({name:\'activity\',query:query})\n      },\n      refshow(){\n        Indicator.open();\n        if(document.body.scrollTop < 10){\n          document.body.scrollTop = 20;\n          document.documentElement.scrollTop = 20;\n        }\n        if(localStorage.getItem(\'cc_token\') && localStorage.getItem(\'cc_token\') !== \'\'){\n          setTimeout(()=>{\n            Indicator.close();\n            if(!this.invite_code){\n              this.invite_code = \'CC-USER\'\n            }\n            getUserDetailApi().then(res=>{\n              this.user_id=res.user_id;\n              let invite_code = this.invite_code.split(\'-\');\n              if(invite_code.length > 2 && invite_code[1] === \'TEACHER\'){\n                invite_code[1] = \'USER\'\n              }\n              let code = `${invite_code[0]}-${invite_code[1]}`;\n              let URL = `${process.env.BUY_URL}shopId=${this.shopId}&invite_code=${code}-${this.user_id}`;\n              if(this.groupId && this.groupId !== \'null\'){\n                URL += `&groupId=${this.groupId}`\n              }\n              console.log(URL);\n              this.qrcode(URL);\n              this.refVisible = true;\n              this.$nextTick(()=>{\n                if(!this.dataURL){\n                  setTimeout(()=>{\n                    let {\n                      height,\n                      width\n                    } = document.getElementById(\'capture\').getClientRects()[0]\n                    document.getElementById(\'capture\').style.width = width + \'px\';\n                    let o = this.getOffsetRect(this.$refs.imageWrapper);\n                    let {\n                      height1,\n                      width1\n                    } = document.getElementById(\'capture\').getClientRects()[0];\n                    html2canvas(document.getElementById(\'capture\'),{\n                      async: true,\n                      timeout: 500,\n                      scrollX:1,\n                      scale: 3,\n                      width: width1,\n                      height: height1,\n                      letterRendering: true,\n                    }).then((canvas) => {\n                      let dataURL = canvas.toDataURL("image/jpg");\n                      this.dataURL = dataURL;\n                    }).catch(res=>{alert(res);console.log()});\n                  },500)\n                }else{\n\n                }\n              })\n            });\n          },500)\n\n        }else{\n          let query = {retUrl:this.$route.fullPath,is_new_user_url:\'1\'};\n          this.$router.push({name:\'author\',query:query})\n        }\n      },\n      getOffsetRect(ele){\n        var box=ele.getBoundingClientRect();\n        var body=document.body,\n          docElem=document.documentElement;\n        //获取页面的scrollTop,scrollLeft(兼容性写法)\n        var scrollTop=window.pageYOffset||docElem.scrollTop||body.scrollTop,\n          scrollLeft=window.pageXOffset||docElem.scrollLeft||body.scrollLeft;\n        var clientTop=docElem.clientTop||body.clientTop,\n          clientLeft=docElem.clientLeft||body.clientLeft;\n        var top=box.top+scrollTop-clientTop,\n          left=box.left+scrollLeft-clientLeft;\n        return {\n          //Math.round 兼容火狐浏览器bug\n          top:Math.round(top),\n          left:Math.round(left)\n        }\n      },\n      qrcode(data){\n        if(this.QRCodeB){\n          this.QRCodeB.makeCode(data)\n        }else{\n          this.QRCodeB = new QRCode(\'qrcode\', {\n            width: 80,\n            height: 80, // 高度\n            text: data, // 二维码内容\n            image: \'\'\n          });\n        }\n\n      },\n      // 分享\n      enableShare: function(option) {\n        let that = this;\n        getwechatParam({\n          api_list:   \'onMenuShareAppMessage,onMenuShareTimeline\',\n          url:window.location.href.split(\'#\')[0]\n        }).then(wechatRes => {\n          wx.config({\n            debug: false,\n            appId: wechatRes.appId,\n            timestamp: parseInt(wechatRes.timestamp),\n            nonceStr: wechatRes.nonceStr,\n            signature: wechatRes.signature,\n            jsApiList: wechatRes.jsApiList\n          });\n          wx.ready(function() {\n            wx.onMenuShareTimeline({\n              title: option.product_title, // 分享标题\n              desc: option.desc,// 分享描述\n              link: option.shareUrl, // 分享链接\n              imgUrl: option.shareIcon || \'https://cdn.singsingenglish.com/singsing/recommend/logo-refer.png\', // 分享图标\n              success: function() {\n                console.log(\'分享成功\');\n                window._hmt.push([\'_trackEvent\', \'分享\', "商品页好友分享",`id${that.shopId}`,that.invite_code]);//百度统计\n              },\n              cancel: function() {\n                // alert("失败")\n                console.log(\'分享失败\')\n              }\n            });\n            wx.onMenuShareAppMessage({\n              title: option.product_title, // 分享标题\n              desc: option.desc,// 分享描述\n              link: option.shareUrl, // 分享链接\n              imgUrl: option.shareIcon || \'https://cdn.singsingenglish.com/singsing/recommend/logo-refer.png\', // 分享图标\n              success: function() {\n                window._hmt.push([\'_trackEvent\', \'分享\', "商品页朋友圈分享",`id${that.shopId}`,that.invite_code]);//百度统计\n              },\n              cancel: function() {\n              }\n            });\n          })\n        })\n      },\n      onShare: function(type) {\n        let URL = `${process.env.BUY_URL}?shopId=${this.shopId}&groupId=${this.groupId}&invite_code=${this.invite_code}`;\n        if(type === 1 ){\n          URL = `${process.env.BUY_URL}?shopId=${this.shopId}&invite_code=${this.invite_code}`\n        }\n        this.enableShare({\n          product_title: this.groupDetail.share_desc.title,\n          desc: this.groupDetail.share_desc.content,\n          shareIcon:this.groupDetail.share_desc.img[0].url,\n          shareUrl:URL\n        })\n      },\n      toDataURLBase64 (src, callback) {\n        let xhttp = new XMLHttpRequest();\n        xhttp.onload = function () {\n          let fileReader = new FileReader();\n          fileReader.onloadend = function () {\n            callback(fileReader.result)\n          };\n          fileReader.readAsDataURL(xhttp.response)\n        };\n        xhttp.responseType = \'blob\';\n        xhttp.open(\'GET\', src, true);\n        xhttp.send()\n      },\n      // 初始化\n      getDetail(){\n        if(window.location.href.indexOf(\'invite_code\')> -1){\n          this.invite_code = this.$route.query.invite_code;\n          let l = this.invite_code.split(\'-\').length\n          if(l < 3){\n            this.invite_code_f = false\n          }\n        }\n        if(window.location.href.indexOf(\'shopId\')>-1){\n          this.shopId = this.$route.query.shopId;\n          getGoodsDetailApi(this.shopId).then(res=>{\n            res.desc = JSON.parse(res.desc);\n            res.goods_desc = JSON.parse(res.goods_desc);\n            res.share_desc = JSON.parse(res.share_desc);\n            //商品下架跳转绑定商品\n            if(res.status === 2 && res.bind_goods_id){\n              this.$router.push({name:\'buyDetail\',query:{shopId:res.bind_goods_id}});\n              this.getDetail();\n              return\n            }\n            this.groupDetail = res;\n            for (let i = 0;i<this.groupDetail.header_url.length;i++){\n              this.groupDetail.header_url[i]=this.groupDetail.header_url[i].replace(\'http://\',\'https://\')\n            }\n            this.groupDetail.desc.detail = this.groupDetail.desc.detail.replace(/http:\\/\\//g,\'https://\');\n            this.groupDetail.desc.qa = this.groupDetail.desc.qa.replace(/http:\\/\\//g,\'https://\');\n            if(this.groupDetail.share_desc.refImg && this.groupDetail.share_desc.refImg.length === 1){\n              this.groupDetail.share_desc.refImg[0].url = this.groupDetail.share_desc.refImg[0].url.replace(\'http://\',\'https://\');\n              let _this = this;\n              this.toDataURLBase64(this.groupDetail.share_desc.refImg[0].url, function (avatarUrl) {\n                _this.groupDetail.share_desc.refImg[0].url = avatarUrl;\n              });\n            }\n\n            if(this.groupDetail.goods_type === 2){\n              if(localStorage.getItem(\'cc_token\')){\n                getStatusWechatApi({goods_id:this.shopId}).then(res=>{\n                  if(res.out_trade_no){\n                    this.$router.push({name:\'success\',query:{out_trade_no:res.out_trade_no}});\n                  }\n                });\n              }\n              if(window.location.href.indexOf(\'groupId\')>-1){\n                this.groupId = this.$route.query.groupId;\n                getGroupDetailApi(this.groupId).then(res=>{\n                  this.groupData = res\n                });\n                this.onShare(0)\n              }else{\n                this.onShare(1)\n              }\n            }\n          })\n        }\n\n      },\n      showTeacher(){\n        this.popType = false;\n        this.popupVisible = true\n      },\n      groupPay(type){\n        let query = {shopId: this.shopId,invite_code:this.invite_code};\n        if(this.groupId){\n          query.group_order_id = this.groupId\n        }\n        if(type === 0 && !this.groupId){\n          query.type=\'single\';\n          window._hmt.push([\'_trackEvent\', \'购买\', "商品页团购单独购买",`id${this.shopId}`,this.invite_code]);//百度统计\n        }else if (type === 0 && this.groupId){\n          window.location.href = `/#/buyDetail?shopId=${this.shopId}`;\n          window._hmt.push([\'_trackEvent\', \'购买\', "商品页团购重新开团",`id${this.shopId}`,this.invite_code]);//百度统计\n        } else{\n          window._hmt.push([\'_trackEvent\', \'购买\', "商品页购买",`id${this.shopId}`,this.invite_code]);//百度统计\n          query.type=\'\'\n        }\n        this.$router.push({\n          name: \'buy\',\n          query:query\n        })\n      }\n    }\n  }\n<\/script>\n<style>\n  img,video{\n    max-width: 100%;\n  }\n  @-webkit-keyframes swing {\n    10% {\n      transform: rotate(15deg);\n    }\n    20% {\n      transform: rotate(-10deg);\n    }\n    30% {\n      transform: rotate(5deg);\n    }\n    40% {\n      transform: rotate(-5deg);\n    }\n    50%, 100% {\n      transform: rotate(0deg);\n    }\n  }\n  .shake{\n     -webkit-animation-name: swing;\n     -webkit-animation-duration: 0.8s;\n     -webkit-transform-origin:50% 50%;\n     -webkit-animation-iteration-count: infinite;\n     -webkit-animation-timing-function: linear;\n   }\n\n</style>\n<style scoped lang="less">\n  @import "../../util/public";\n  .img-cvs{\n    position: absolute;\n    width: 233 * @toVw;\n    top: 176 * @toVw;\n    left: 29 * @toVw;\n    .qrcode{\n      position: absolute;\n      top: 305 * @toVw;\n      left: 15 * @toVw;\n      width: 60 * @toVw;\n    }\n  }\n  .cvs-img{\n    position: absolute;\n    width: 233 * @toVw;\n    top: 176 * @toVw;\n    left: 29 * @toVw;\n    z-index: 10;\n  }\n  .ref-content{\n    width: 299 * @toVw;\n    height: 564 * @toVw;\n    background-size: 100% 100%;\n    position: relative;\n    .tips{\n      font-size: 12px;\n      position: absolute;\n      color: #666;\n      right: 10 * @toVw;\n      top: 250 * @toVw;\n      width: 1em;\n    }\n  }\n  .group-index{\n    height: 100%;\n    padding-bottom: toVw(150);\n    background: #f0f0f0;\n    font-family: PingFangSC-Regular;\n    .ref-icon{\n      position: fixed;\n      height: 100/375 * 90vw ;\n      top: 70vw;\n      z-index: 6;\n      right: 10 * 100 /375vw;\n      border-radius: 100px;\n    }\n    .banner{\n      background: white;\n      img{\n        width: 100%;\n      }\n    }\n    .head{\n      background: white;\n      margin-bottom: 10px;\n      padding: 20/7.5vw;\n      .title{\n        font-size: 20px;\n        color: #333333;\n        margin-bottom: 15/7.5vw;\n      }\n      .detail{\n        font-size: 12px;\n        line-height: 1.6em;\n        color: #333333;\n        display: block;\n        margin-bottom: 15/7.5vw;\n      }\n      .price{\n        .price-content{\n          font-family: PingFang-SC-Bold;\n          font-size: 20px;\n          color: #F83534;\n        }\n      }\n    }\n    .head-icon{\n      padding: 20/7.5vw;\n      background: white;\n      margin-bottom: 2px;\n      .icon{\n        display: inline-block;\n        width: 60/7.5vw;\n        margin: 0 10/7.5vw;\n        border-radius: 1000px;\n        vertical-align: middle;\n      }\n      .more{\n        width: 50/7.5vw;\n        vertical-align: middle;\n      }\n      .has{\n        font-size: 12px;\n        line-height: 60/7.5vw;\n        color: #999999;\n        float: right;\n      }\n    }\n    .welfare{\n      background: white;\n      padding:10/7.5vw ;\n      font-size: 12px;\n      text-align: center;\n      color: #999999;\n      margin-bottom: 20px;\n    }\n    .main-detail{\n      padding: 20/7.5vw;\n      background: white;\n      .tab-content{\n        border-radius: 9px ;\n        border: 1px solid #F63539;\n        &:after{\n          content: \'\';\n          display: block;\n          clear: both;\n        }\n        .tab-btn{\n          width: 50%;\n          float: left;\n          height: 80/7.5vw;\n          line-height: 80/7.5vw;\n          text-align: center;\n          color: #F63539;\n          border-radius:9px ;\n          &.active{\n            background: #F63539;\n            color: white;\n          }\n        }\n      }\n      .qa-block{\n        padding: 20/7.5vw 0 toVw(150) 0;\n        img,video{\n          max-width: 100%;\n        }\n        .qa-content{\n          margin: toVw(10) 0;\n          .qa-q{\n            font-size: 16px;\n            color: #666666;\n          }\n          .qa-a{\n            font-size: 16px;\n            color: #333333;\n          }\n        }\n      }\n      .detail{\n        padding: 20/7.5vw 0 150/7.5vw 0;\n        .detail-content{\n          img,video{\n            max-width: 100%;\n          }\n        }\n\n      }\n    }\n    footer{\n      position: absolute;\n      position: fixed;\n      bottom: 0;\n      width: 100%;\n      height: 120/7.5vw;\n      display: -webkit-box;      // OLD - iOS 6-, Safari 3.1-6 //\n      display: -moz-box;         // OLD - Firefox 19- (buggy but mostly works) //\n      display: -ms-flexbox;      // TWEENER - IE 10 //\n      display: -webkit-flex;     // NEW - Chrome //\n      display: flex;             // NEW, Spec - Opera 12.1, Firefox 20+ //\n      background: white;\n      padding: 10/7.5vw;\n      border-top: 1px solid #d8d8d8;\n      justify-content:space-around;\n      .btn{\n        border: 1px solid #cccccc;\n        border-radius: 8px;\n        width:0;\n        flex-grow:2;\n        text-align: center;\n        padding: 15/7.5vw 0;\n        margin: 0 10/7.5vw;\n        line-height: 1.4em;\n        font-size: 16px;\n        color: #666666;\n        span{\n          display: block;\n          font-size: 20px;\n          font-family: PingFang-SC-Bold;\n        }\n        img{\n          width: 50/7.5vw;\n        }\n        &.big{\n          padding: 5/7.5vw 0;\n          flex-grow:5;\n          &.price{\n            background:  #F83534;\n            border-color: #F83534;\n            color: white;\n          }\n        }\n      }\n    }\n    .pop-block{\n      padding:40/7.5vw 10/7.5vw;\n      width: 600/7.5vw;\n      text-align: center;\n      font-size: 14px;\n      color: #666666;\n      position: relative;\n      img{\n        width: 250/7.5vw;\n      }\n      .close{\n        width: 50/7.5vw;\n        position: absolute;\n        top: 20/7.5vw;\n        right: 20/7.5vw;\n      }\n    }\n    .mint-popup{\n      border-radius: 10px;\n    }\n    .pop-fill{\n      width: 500/7.5vw;\n      padding:30/7.5vw 30/7.5vw;\n      font-size: 16px;\n      color: #333333;\n      .btn-block{\n        margin-top: 30/7.5vw;\n        &:after{\n          content:\'\';\n          display: block;\n          clear: both;\n        }\n        .btn{\n          float: right;\n          background: #F83534;\n          font-size: 14px;\n          padding: 5/7.5vw 10/7.5vw;\n          border-radius: 8px;\n          color: #FFFFFF;\n        }\n      }\n    }\n\n  }\n\n</style>\n'],sourceRoot:""}])}});
+//# sourceMappingURL=8.16b92d1aee1891d912d2.js.map
\ No newline at end of file
diff --git a/dev/static/js/8.16b92d1aee1891d912d2.js.map b/dev/static/js/8.16b92d1aee1891d912d2.js.map
new file mode 100644
index 00000000..5339fe5d
--- /dev/null
+++ b/dev/static/js/8.16b92d1aee1891d912d2.js.map
@@ -0,0 +1 @@
+{"version":3,"sources":["webpack:///./src/components/buy/index.vue?4efe","webpack:///./src/components/buy/index.vue?1174","webpack:///src/components/buy/index.vue","webpack:///./src/components/buy/index.vue?ab9c","webpack:///./src/components/buy/index.vue","webpack:///./src/components/buy/index.vue?019b","webpack:///./src/components/buy/index.vue?d370"],"names":["module","exports","__webpack_require__","push","i","version","sources","names","mappings","file","sourcesContent","sourceRoot","content","locals","buy","name","components","swiper","vue_awesome_swiper","swiperSlide","data","refBg","refBg_default","a","join","popType","popFill","popupVisible","refVisible","tabType","popcontentW","popcontentT","qrCode","weChatCode_default","weChatIcon","wechatIcon_default","closeUrl","closemy_default","moreUrl","moreIcon_default","refIcon","swiperOption","pagination","el","QRCodeB","dataURL","user_id","invite_code_f","invite_code","shopId","groupId","groupDetail","groupData","mounted","this","getDetail","methods","goToActivity","query","window","location","href","indexOf","$route","$router","refshow","_this2","mint_ui_common","open","document","body","scrollTop","documentElement","localStorage","getItem","setTimeout","close","Object","api","then","res","split","length","code","URL","console","log","qrcode","$nextTick","_document$getElementB","getElementById","getClientRects","width","height","style","getOffsetRect","$refs","imageWrapper","_document$getElementB2","height1","width1","npm_default","async","timeout","scrollX","scale","letterRendering","canvas","toDataURL","catch","alert","retUrl","fullPath","is_new_user_url","ele","box","getBoundingClientRect","docElem","pageYOffset","scrollLeft","pageXOffset","clientTop","clientLeft","top","left","Math","round","makeCode","qrcode_default","text","image","enableShare","option","that","api_list","url","wechatRes","wx","config","debug","appId","timestamp","parseInt","nonceStr","signature","jsApiList","ready","onMenuShareTimeline","title","product_title","desc","link","shareUrl","imgUrl","shareIcon","success","_hmt","cancel","onMenuShareAppMessage","onShare","type","share_desc","img","toDataURLBase64","src","callback","xhttp","XMLHttpRequest","onload","fileReader","FileReader","onloadend","result","readAsDataURL","response","responseType","send","_this3","JSON","parse","goods_desc","status","bind_goods_id","header_url","replace","detail","qa","refImg","_this","avatarUrl","goods_type","goods_id","out_trade_no","showTeacher","groupPay","group_order_id","render","_vm","_h","$createElement","_c","_self","ref","staticClass","attrs","options","_l","index","key","_e","_v","slot","is_auth_user","on","click","$event","_s","current_price","has_group_num","head_welfare","class","tab-btn","active","domProps","innerHTML","model","value","$$v","expression","customer_service","closeOnClickModal","rePlay","staticStyle","background-color","margin-top","margin-left","transform","backgroundImage","id","original_price","group_number","_m","_withStripped","esExports","staticRenderFns","color","components_buy","disposed","Component","normalizeComponent","ssrContext","__file","__webpack_exports__"],"mappings":"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","file":"static/js/8.16b92d1aee1891d912d2.js","sourcesContent":["exports = module.exports = require(\"../../../node_modules/css-loader/lib/css-base.js\")(true);\n// imports\n\n\n// module\nexports.push([module.id, \"\\n.fl-r[data-v-ff30e8ae] {\\n  float: right;\\n}\\n.main-block[data-v-ff30e8ae] {\\n  margin: 5px;\\n  background: white;\\n  padding: 5px;\\n}\\n.clear-both[data-v-ff30e8ae]:after {\\n  content: '';\\n  display: block;\\n  clear: both;\\n}\\n[data-v-ff30e8ae]::-webkit-scrollbar-track-piece {\\n  border-radius: 10px;\\n}\\n[data-v-ff30e8ae]::-webkit-scrollbar {\\n  width: 5px;\\n  height: 5px;\\n}\\n[data-v-ff30e8ae]::-webkit-scrollbar-thumb {\\n  background-color: #999;\\n  border-radius: 10px;\\n  height: 10px;\\n  min-height: 10px;\\n}\\n.img-cvs[data-v-ff30e8ae] {\\n  position: absolute;\\n  width: 62.13333333vw;\\n  top: 46.93333333vw;\\n  left: 7.73333333vw;\\n}\\n.img-cvs .qrcode[data-v-ff30e8ae] {\\n  position: absolute;\\n  top: 81.33333333vw;\\n  left: 4vw;\\n  width: 16vw;\\n}\\n.cvs-img[data-v-ff30e8ae] {\\n  position: absolute;\\n  width: 62.13333333vw;\\n  top: 46.93333333vw;\\n  left: 7.73333333vw;\\n  z-index: 10;\\n}\\n.ref-content[data-v-ff30e8ae] {\\n  width: 79.73333333vw;\\n  height: 150.4vw;\\n  background-size: 100% 100%;\\n  position: relative;\\n}\\n.ref-content .tips[data-v-ff30e8ae] {\\n  font-size: 12px;\\n  position: absolute;\\n  color: #666;\\n  right: 2.66666667vw;\\n  top: 66.66666667vw;\\n  width: 1em;\\n}\\n.group-index[data-v-ff30e8ae] {\\n  height: 100%;\\n  padding-bottom: toVw(150);\\n  background: #f0f0f0;\\n  font-family: PingFangSC-Regular;\\n}\\n.group-index .ref-icon[data-v-ff30e8ae] {\\n  position: fixed;\\n  height: 24vw;\\n  top: 70vw;\\n  z-index: 6;\\n  right: 2.66666667vw;\\n  border-radius: 100px;\\n}\\n.group-index .banner[data-v-ff30e8ae] {\\n  background: white;\\n}\\n.group-index .banner img[data-v-ff30e8ae] {\\n  width: 100%;\\n}\\n.group-index .head[data-v-ff30e8ae] {\\n  background: white;\\n  margin-bottom: 10px;\\n  padding: 2.66666667vw;\\n}\\n.group-index .head .title[data-v-ff30e8ae] {\\n  font-size: 20px;\\n  color: #333333;\\n  margin-bottom: 2vw;\\n}\\n.group-index .head .detail[data-v-ff30e8ae] {\\n  font-size: 12px;\\n  line-height: 1.6em;\\n  color: #333333;\\n  display: block;\\n  margin-bottom: 2vw;\\n}\\n.group-index .head .price .price-content[data-v-ff30e8ae] {\\n  font-family: PingFang-SC-Bold;\\n  font-size: 20px;\\n  color: #F83534;\\n}\\n.group-index .head-icon[data-v-ff30e8ae] {\\n  padding: 2.66666667vw;\\n  background: white;\\n  margin-bottom: 2px;\\n}\\n.group-index .head-icon .icon[data-v-ff30e8ae] {\\n  display: inline-block;\\n  width: 8vw;\\n  margin: 0 1.33333333vw;\\n  border-radius: 1000px;\\n  vertical-align: middle;\\n}\\n.group-index .head-icon .more[data-v-ff30e8ae] {\\n  width: 6.66666667vw;\\n  vertical-align: middle;\\n}\\n.group-index .head-icon .has[data-v-ff30e8ae] {\\n  font-size: 12px;\\n  line-height: 8vw;\\n  color: #999999;\\n  float: right;\\n}\\n.group-index .welfare[data-v-ff30e8ae] {\\n  background: white;\\n  padding: 1.33333333vw;\\n  font-size: 12px;\\n  text-align: center;\\n  color: #999999;\\n  margin-bottom: 20px;\\n}\\n.group-index .main-detail[data-v-ff30e8ae] {\\n  padding: 2.66666667vw;\\n  background: white;\\n}\\n.group-index .main-detail .tab-content[data-v-ff30e8ae] {\\n  border-radius: 9px ;\\n  border: 1px solid #F63539;\\n}\\n.group-index .main-detail .tab-content[data-v-ff30e8ae]:after {\\n  content: '';\\n  display: block;\\n  clear: both;\\n}\\n.group-index .main-detail .tab-content .tab-btn[data-v-ff30e8ae] {\\n  width: 50%;\\n  float: left;\\n  height: 10.66666667vw;\\n  line-height: 10.66666667vw;\\n  text-align: center;\\n  color: #F63539;\\n  border-radius: 9px ;\\n}\\n.group-index .main-detail .tab-content .tab-btn.active[data-v-ff30e8ae] {\\n  background: #F63539;\\n  color: white;\\n}\\n.group-index .main-detail .qa-block[data-v-ff30e8ae] {\\n  padding: 2.66666667vw 0 toVw(150) 0;\\n}\\n.group-index .main-detail .qa-block img[data-v-ff30e8ae],\\n.group-index .main-detail .qa-block video[data-v-ff30e8ae] {\\n  max-width: 100%;\\n}\\n.group-index .main-detail .qa-block .qa-content[data-v-ff30e8ae] {\\n  margin: toVw(10) 0;\\n}\\n.group-index .main-detail .qa-block .qa-content .qa-q[data-v-ff30e8ae] {\\n  font-size: 16px;\\n  color: #666666;\\n}\\n.group-index .main-detail .qa-block .qa-content .qa-a[data-v-ff30e8ae] {\\n  font-size: 16px;\\n  color: #333333;\\n}\\n.group-index .main-detail .detail[data-v-ff30e8ae] {\\n  padding: 2.66666667vw 0 20vw 0;\\n}\\n.group-index .main-detail .detail .detail-content img[data-v-ff30e8ae],\\n.group-index .main-detail .detail .detail-content video[data-v-ff30e8ae] {\\n  max-width: 100%;\\n}\\n.group-index footer[data-v-ff30e8ae] {\\n  position: absolute;\\n  position: fixed;\\n  bottom: 0;\\n  width: 100%;\\n  height: 16vw;\\n  display: -webkit-box;\\n  display: -ms-flexbox;\\n  display: flex;\\n  background: white;\\n  padding: 1.33333333vw;\\n  border-top: 1px solid #d8d8d8;\\n  -ms-flex-pack: distribute;\\n      justify-content: space-around;\\n}\\n.group-index footer .btn[data-v-ff30e8ae] {\\n  border: 1px solid #cccccc;\\n  border-radius: 8px;\\n  width: 0;\\n  -webkit-box-flex: 2;\\n      -ms-flex-positive: 2;\\n          flex-grow: 2;\\n  text-align: center;\\n  padding: 2vw 0;\\n  margin: 0 1.33333333vw;\\n  line-height: 1.4em;\\n  font-size: 16px;\\n  color: #666666;\\n}\\n.group-index footer .btn span[data-v-ff30e8ae] {\\n  display: block;\\n  font-size: 20px;\\n  font-family: PingFang-SC-Bold;\\n}\\n.group-index footer .btn img[data-v-ff30e8ae] {\\n  width: 6.66666667vw;\\n}\\n.group-index footer .btn.big[data-v-ff30e8ae] {\\n  padding: 0.66666667vw 0;\\n  -webkit-box-flex: 5;\\n      -ms-flex-positive: 5;\\n          flex-grow: 5;\\n}\\n.group-index footer .btn.big.price[data-v-ff30e8ae] {\\n  background: #F83534;\\n  border-color: #F83534;\\n  color: white;\\n}\\n.group-index .pop-block[data-v-ff30e8ae] {\\n  padding: 5.33333333vw 1.33333333vw;\\n  width: 80vw;\\n  text-align: center;\\n  font-size: 14px;\\n  color: #666666;\\n  position: relative;\\n}\\n.group-index .pop-block img[data-v-ff30e8ae] {\\n  width: 33.33333333vw;\\n}\\n.group-index .pop-block .close[data-v-ff30e8ae] {\\n  width: 6.66666667vw;\\n  position: absolute;\\n  top: 2.66666667vw;\\n  right: 2.66666667vw;\\n}\\n.group-index .mint-popup[data-v-ff30e8ae] {\\n  border-radius: 10px;\\n}\\n.group-index .pop-fill[data-v-ff30e8ae] {\\n  width: 66.66666667vw;\\n  padding: 4vw 4vw;\\n  font-size: 16px;\\n  color: #333333;\\n}\\n.group-index .pop-fill .btn-block[data-v-ff30e8ae] {\\n  margin-top: 4vw;\\n}\\n.group-index .pop-fill .btn-block[data-v-ff30e8ae]:after {\\n  content: '';\\n  display: block;\\n  clear: both;\\n}\\n.group-index .pop-fill .btn-block .btn[data-v-ff30e8ae] {\\n  float: right;\\n  background: #F83534;\\n  font-size: 14px;\\n  padding: 0.66666667vw 1.33333333vw;\\n  border-radius: 8px;\\n  color: #FFFFFF;\\n}\\n\", \"\", {\"version\":3,\"sources\":[\"/Users/wang/Documents/changchang/projects/wechat/src/util/public.less\",\"/Users/wang/Documents/changchang/projects/wechat/src/components/buy/index.vue\",\"/Users/wang/Documents/changchang/projects/wechat/src/components/buy/index.vue\"],\"names\":[],\"mappings\":\"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\",\"file\":\"index.vue\",\"sourcesContent\":[\"//颜色参数\\n@toVw:100/375vw;\\n@toVh:100/667vh;\\n@bg-b: #333;\\n@bg-b-s:#444;\\n@black-line:#191919;\\n@gray-line:#666;\\n@light-line:#ddd;\\n@main-font-color:#fff;\\n@secondary-font-color:#999;\\n@gold-color-light:#FFD04B;\\n@gold-color: #a18430;\\n\\n//公共类\\n.fl-r{\\n  float: right;\\n}\\n.main-block{\\n  margin: 5px;\\n  background: white;\\n  padding: 5px;\\n}\\nhtml{\\n\\n}\\n.clear-both{\\n  &:after{\\n    content: '';\\n    display: block;\\n    clear: both;\\n  }\\n}\\n//滚动条样式\\n::-webkit-scrollbar-track-piece { //滚动条凹槽的颜色,还可以设置边框属性\\n  border-radius: 10px;\\n}\\n::-webkit-scrollbar {//滚动条的宽度\\n  width:5px;\\n  height:5px;\\n}\\n::-webkit-scrollbar-thumb {//滚动条的设置\\n  background-color:@secondary-font-color;\\n  border-radius: 10px;\\n  height: 10px;\\n  min-height:10px;\\n}\\n\",\".fl-r {\\n  float: right;\\n}\\n.main-block {\\n  margin: 5px;\\n  background: white;\\n  padding: 5px;\\n}\\n.clear-both:after {\\n  content: '';\\n  display: block;\\n  clear: both;\\n}\\n::-webkit-scrollbar-track-piece {\\n  border-radius: 10px;\\n}\\n::-webkit-scrollbar {\\n  width: 5px;\\n  height: 5px;\\n}\\n::-webkit-scrollbar-thumb {\\n  background-color: #999;\\n  border-radius: 10px;\\n  height: 10px;\\n  min-height: 10px;\\n}\\n.img-cvs {\\n  position: absolute;\\n  width: 62.13333333vw;\\n  top: 46.93333333vw;\\n  left: 7.73333333vw;\\n}\\n.img-cvs .qrcode {\\n  position: absolute;\\n  top: 81.33333333vw;\\n  left: 4vw;\\n  width: 16vw;\\n}\\n.cvs-img {\\n  position: absolute;\\n  width: 62.13333333vw;\\n  top: 46.93333333vw;\\n  left: 7.73333333vw;\\n  z-index: 10;\\n}\\n.ref-content {\\n  width: 79.73333333vw;\\n  height: 150.4vw;\\n  background-size: 100% 100%;\\n  position: relative;\\n}\\n.ref-content .tips {\\n  font-size: 12px;\\n  position: absolute;\\n  color: #666;\\n  right: 2.66666667vw;\\n  top: 66.66666667vw;\\n  width: 1em;\\n}\\n.group-index {\\n  height: 100%;\\n  padding-bottom: toVw(150);\\n  background: #f0f0f0;\\n  font-family: PingFangSC-Regular;\\n}\\n.group-index .ref-icon {\\n  position: fixed;\\n  height: 24vw;\\n  top: 70vw;\\n  z-index: 6;\\n  right: 2.66666667vw;\\n  border-radius: 100px;\\n}\\n.group-index .banner {\\n  background: white;\\n}\\n.group-index .banner img {\\n  width: 100%;\\n}\\n.group-index .head {\\n  background: white;\\n  margin-bottom: 10px;\\n  padding: 2.66666667vw;\\n}\\n.group-index .head .title {\\n  font-size: 20px;\\n  color: #333333;\\n  margin-bottom: 2vw;\\n}\\n.group-index .head .detail {\\n  font-size: 12px;\\n  line-height: 1.6em;\\n  color: #333333;\\n  display: block;\\n  margin-bottom: 2vw;\\n}\\n.group-index .head .price .price-content {\\n  font-family: PingFang-SC-Bold;\\n  font-size: 20px;\\n  color: #F83534;\\n}\\n.group-index .head-icon {\\n  padding: 2.66666667vw;\\n  background: white;\\n  margin-bottom: 2px;\\n}\\n.group-index .head-icon .icon {\\n  display: inline-block;\\n  width: 8vw;\\n  margin: 0 1.33333333vw;\\n  border-radius: 1000px;\\n  vertical-align: middle;\\n}\\n.group-index .head-icon .more {\\n  width: 6.66666667vw;\\n  vertical-align: middle;\\n}\\n.group-index .head-icon .has {\\n  font-size: 12px;\\n  line-height: 8vw;\\n  color: #999999;\\n  float: right;\\n}\\n.group-index .welfare {\\n  background: white;\\n  padding: 1.33333333vw;\\n  font-size: 12px;\\n  text-align: center;\\n  color: #999999;\\n  margin-bottom: 20px;\\n}\\n.group-index .main-detail {\\n  padding: 2.66666667vw;\\n  background: white;\\n}\\n.group-index .main-detail .tab-content {\\n  border-radius: 9px ;\\n  border: 1px solid #F63539;\\n}\\n.group-index .main-detail .tab-content:after {\\n  content: '';\\n  display: block;\\n  clear: both;\\n}\\n.group-index .main-detail .tab-content .tab-btn {\\n  width: 50%;\\n  float: left;\\n  height: 10.66666667vw;\\n  line-height: 10.66666667vw;\\n  text-align: center;\\n  color: #F63539;\\n  border-radius: 9px ;\\n}\\n.group-index .main-detail .tab-content .tab-btn.active {\\n  background: #F63539;\\n  color: white;\\n}\\n.group-index .main-detail .qa-block {\\n  padding: 2.66666667vw 0 toVw(150) 0;\\n}\\n.group-index .main-detail .qa-block img,\\n.group-index .main-detail .qa-block video {\\n  max-width: 100%;\\n}\\n.group-index .main-detail .qa-block .qa-content {\\n  margin: toVw(10) 0;\\n}\\n.group-index .main-detail .qa-block .qa-content .qa-q {\\n  font-size: 16px;\\n  color: #666666;\\n}\\n.group-index .main-detail .qa-block .qa-content .qa-a {\\n  font-size: 16px;\\n  color: #333333;\\n}\\n.group-index .main-detail .detail {\\n  padding: 2.66666667vw 0 20vw 0;\\n}\\n.group-index .main-detail .detail .detail-content img,\\n.group-index .main-detail .detail .detail-content video {\\n  max-width: 100%;\\n}\\n.group-index footer {\\n  position: absolute;\\n  position: fixed;\\n  bottom: 0;\\n  width: 100%;\\n  height: 16vw;\\n  display: -webkit-box;\\n  display: -moz-box;\\n  display: -ms-flexbox;\\n  display: -webkit-flex;\\n  display: flex;\\n  background: white;\\n  padding: 1.33333333vw;\\n  border-top: 1px solid #d8d8d8;\\n  justify-content: space-around;\\n}\\n.group-index footer .btn {\\n  border: 1px solid #cccccc;\\n  border-radius: 8px;\\n  width: 0;\\n  flex-grow: 2;\\n  text-align: center;\\n  padding: 2vw 0;\\n  margin: 0 1.33333333vw;\\n  line-height: 1.4em;\\n  font-size: 16px;\\n  color: #666666;\\n}\\n.group-index footer .btn span {\\n  display: block;\\n  font-size: 20px;\\n  font-family: PingFang-SC-Bold;\\n}\\n.group-index footer .btn img {\\n  width: 6.66666667vw;\\n}\\n.group-index footer .btn.big {\\n  padding: 0.66666667vw 0;\\n  flex-grow: 5;\\n}\\n.group-index footer .btn.big.price {\\n  background: #F83534;\\n  border-color: #F83534;\\n  color: white;\\n}\\n.group-index .pop-block {\\n  padding: 5.33333333vw 1.33333333vw;\\n  width: 80vw;\\n  text-align: center;\\n  font-size: 14px;\\n  color: #666666;\\n  position: relative;\\n}\\n.group-index .pop-block img {\\n  width: 33.33333333vw;\\n}\\n.group-index .pop-block .close {\\n  width: 6.66666667vw;\\n  position: absolute;\\n  top: 2.66666667vw;\\n  right: 2.66666667vw;\\n}\\n.group-index .mint-popup {\\n  border-radius: 10px;\\n}\\n.group-index .pop-fill {\\n  width: 66.66666667vw;\\n  padding: 4vw 4vw;\\n  font-size: 16px;\\n  color: #333333;\\n}\\n.group-index .pop-fill .btn-block {\\n  margin-top: 4vw;\\n}\\n.group-index .pop-fill .btn-block:after {\\n  content: '';\\n  display: block;\\n  clear: both;\\n}\\n.group-index .pop-fill .btn-block .btn {\\n  float: right;\\n  background: #F83534;\\n  font-size: 14px;\\n  padding: 0.66666667vw 1.33333333vw;\\n  border-radius: 8px;\\n  color: #FFFFFF;\\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\\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\\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\\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\\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\\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@import \\\"../../util/public\\\";\\n.img-cvs{\\n  position: absolute;\\n  width: 233 * @toVw;\\n  top: 176 * @toVw;\\n  left: 29 * @toVw;\\n  .qrcode{\\n    position: absolute;\\n    top: 305 * @toVw;\\n    left: 15 * @toVw;\\n    width: 60 * @toVw;\\n  }\\n}\\n.cvs-img{\\n  position: absolute;\\n  width: 233 * @toVw;\\n  top: 176 * @toVw;\\n  left: 29 * @toVw;\\n  z-index: 10;\\n}\\n.ref-content{\\n  width: 299 * @toVw;\\n  height: 564 * @toVw;\\n  background-size: 100% 100%;\\n  position: relative;\\n  .tips{\\n    font-size: 12px;\\n    position: absolute;\\n    color: #666;\\n    right: 10 * @toVw;\\n    top: 250 * @toVw;\\n    width: 1em;\\n  }\\n}\\n.group-index{\\n  height: 100%;\\n  padding-bottom: toVw(150);\\n  background: #f0f0f0;\\n  font-family: PingFangSC-Regular;\\n  .ref-icon{\\n    position: fixed;\\n    height: 100/375 * 90vw ;\\n    top: 70vw;\\n    z-index: 6;\\n    right: 10 * 100 /375vw;\\n    border-radius: 100px;\\n  }\\n  .banner{\\n    background: white;\\n    img{\\n      width: 100%;\\n    }\\n  }\\n  .head{\\n    background: white;\\n    margin-bottom: 10px;\\n    padding: 20/7.5vw;\\n    .title{\\n      font-size: 20px;\\n      color: #333333;\\n      margin-bottom: 15/7.5vw;\\n    }\\n    .detail{\\n      font-size: 12px;\\n      line-height: 1.6em;\\n      color: #333333;\\n      display: block;\\n      margin-bottom: 15/7.5vw;\\n    }\\n    .price{\\n      .price-content{\\n        font-family: PingFang-SC-Bold;\\n        font-size: 20px;\\n        color: #F83534;\\n      }\\n    }\\n  }\\n  .head-icon{\\n    padding: 20/7.5vw;\\n    background: white;\\n    margin-bottom: 2px;\\n    .icon{\\n      display: inline-block;\\n      width: 60/7.5vw;\\n      margin: 0 10/7.5vw;\\n      border-radius: 1000px;\\n      vertical-align: middle;\\n    }\\n    .more{\\n      width: 50/7.5vw;\\n      vertical-align: middle;\\n    }\\n    .has{\\n      font-size: 12px;\\n      line-height: 60/7.5vw;\\n      color: #999999;\\n      float: right;\\n    }\\n  }\\n  .welfare{\\n    background: white;\\n    padding:10/7.5vw ;\\n    font-size: 12px;\\n    text-align: center;\\n    color: #999999;\\n    margin-bottom: 20px;\\n  }\\n  .main-detail{\\n    padding: 20/7.5vw;\\n    background: white;\\n    .tab-content{\\n      border-radius: 9px ;\\n      border: 1px solid #F63539;\\n      &:after{\\n        content: '';\\n        display: block;\\n        clear: both;\\n      }\\n      .tab-btn{\\n        width: 50%;\\n        float: left;\\n        height: 80/7.5vw;\\n        line-height: 80/7.5vw;\\n        text-align: center;\\n        color: #F63539;\\n        border-radius:9px ;\\n        &.active{\\n          background: #F63539;\\n          color: white;\\n        }\\n      }\\n    }\\n    .qa-block{\\n      padding: 20/7.5vw 0 toVw(150) 0;\\n      img,video{\\n        max-width: 100%;\\n      }\\n      .qa-content{\\n        margin: toVw(10) 0;\\n        .qa-q{\\n          font-size: 16px;\\n          color: #666666;\\n        }\\n        .qa-a{\\n          font-size: 16px;\\n          color: #333333;\\n        }\\n      }\\n    }\\n    .detail{\\n      padding: 20/7.5vw 0 150/7.5vw 0;\\n      .detail-content{\\n        img,video{\\n          max-width: 100%;\\n        }\\n      }\\n\\n    }\\n  }\\n  footer{\\n    position: absolute;\\n    position: fixed;\\n    bottom: 0;\\n    width: 100%;\\n    height: 120/7.5vw;\\n    display: -webkit-box;      // OLD - iOS 6-, Safari 3.1-6 //\\n    display: -moz-box;         // OLD - Firefox 19- (buggy but mostly works) //\\n    display: -ms-flexbox;      // TWEENER - IE 10 //\\n    display: -webkit-flex;     // NEW - Chrome //\\n    display: flex;             // NEW, Spec - Opera 12.1, Firefox 20+ //\\n    background: white;\\n    padding: 10/7.5vw;\\n    border-top: 1px solid #d8d8d8;\\n    justify-content:space-around;\\n    .btn{\\n      border: 1px solid #cccccc;\\n      border-radius: 8px;\\n      width:0;\\n      flex-grow:2;\\n      text-align: center;\\n      padding: 15/7.5vw 0;\\n      margin: 0 10/7.5vw;\\n      line-height: 1.4em;\\n      font-size: 16px;\\n      color: #666666;\\n      span{\\n        display: block;\\n        font-size: 20px;\\n        font-family: PingFang-SC-Bold;\\n      }\\n      img{\\n        width: 50/7.5vw;\\n      }\\n      &.big{\\n        padding: 5/7.5vw 0;\\n        flex-grow:5;\\n        &.price{\\n          background:  #F83534;\\n          border-color: #F83534;\\n          color: white;\\n        }\\n      }\\n    }\\n  }\\n  .pop-block{\\n    padding:40/7.5vw 10/7.5vw;\\n    width: 600/7.5vw;\\n    text-align: center;\\n    font-size: 14px;\\n    color: #666666;\\n    position: relative;\\n    img{\\n      width: 250/7.5vw;\\n    }\\n    .close{\\n      width: 50/7.5vw;\\n      position: absolute;\\n      top: 20/7.5vw;\\n      right: 20/7.5vw;\\n    }\\n  }\\n  .mint-popup{\\n    border-radius: 10px;\\n  }\\n  .pop-fill{\\n    width: 500/7.5vw;\\n    padding:30/7.5vw 30/7.5vw;\\n    font-size: 16px;\\n    color: #333333;\\n    .btn-block{\\n      margin-top: 30/7.5vw;\\n      &:after{\\n        content:'';\\n        display: block;\\n        clear: both;\\n      }\\n      .btn{\\n        float: right;\\n        background: #F83534;\\n        font-size: 14px;\\n        padding: 5/7.5vw 10/7.5vw;\\n        border-radius: 8px;\\n        color: #FFFFFF;\\n      }\\n    }\\n  }\\n\\n}\\n\\n\"],\"sourceRoot\":\"\"}]);\n\n// exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/css-loader?{\"sourceMap\":true}!./node_modules/vue-loader/lib/style-compiler?{\"vue\":true,\"id\":\"data-v-ff30e8ae\",\"scoped\":true,\"hasInlineConfig\":false}!./node_modules/less-loader/dist/cjs.js?{\"sourceMap\":true}!./node_modules/vue-loader/lib/selector.js?type=styles&index=1!./src/components/buy/index.vue\n// module id = 5W4P\n// module chunks = 8","// style-loader: Adds some css to the DOM by adding a <style> tag\n\n// load the styles\nvar content = require(\"!!../../../node_modules/css-loader/index.js?{\\\"sourceMap\\\":true}!../../../node_modules/vue-loader/lib/style-compiler/index.js?{\\\"vue\\\":true,\\\"id\\\":\\\"data-v-ff30e8ae\\\",\\\"scoped\\\":false,\\\"hasInlineConfig\\\":false}!../../../node_modules/vue-loader/lib/selector.js?type=styles&index=0!./index.vue\");\nif(typeof content === 'string') content = [[module.id, content, '']];\nif(content.locals) module.exports = content.locals;\n// add the styles to the DOM\nvar update = require(\"!../../../node_modules/vue-style-loader/lib/addStylesClient.js\")(\"3d1e8a62\", content, false, {});\n// Hot Module Replacement\nif(module.hot) {\n // When the styles change, update the <style> tags\n if(!content.locals) {\n   module.hot.accept(\"!!../../../node_modules/css-loader/index.js?{\\\"sourceMap\\\":true}!../../../node_modules/vue-loader/lib/style-compiler/index.js?{\\\"vue\\\":true,\\\"id\\\":\\\"data-v-ff30e8ae\\\",\\\"scoped\\\":false,\\\"hasInlineConfig\\\":false}!../../../node_modules/vue-loader/lib/selector.js?type=styles&index=0!./index.vue\", function() {\n     var newContent = require(\"!!../../../node_modules/css-loader/index.js?{\\\"sourceMap\\\":true}!../../../node_modules/vue-loader/lib/style-compiler/index.js?{\\\"vue\\\":true,\\\"id\\\":\\\"data-v-ff30e8ae\\\",\\\"scoped\\\":false,\\\"hasInlineConfig\\\":false}!../../../node_modules/vue-loader/lib/selector.js?type=styles&index=0!./index.vue\");\n     if(typeof newContent === 'string') newContent = [[module.id, newContent, '']];\n     update(newContent);\n   });\n }\n // When the module is disposed, remove the <style> tags\n module.hot.dispose(function() { update(); });\n}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/vue-style-loader!./node_modules/css-loader?{\"sourceMap\":true}!./node_modules/vue-loader/lib/style-compiler?{\"vue\":true,\"id\":\"data-v-ff30e8ae\",\"scoped\":false,\"hasInlineConfig\":false}!./node_modules/vue-loader/lib/selector.js?type=styles&index=0!./src/components/buy/index.vue\n// module id = 9Nk9\n// module chunks = 8","<template>\n  <div class=\"group-index\" ref=\"index\" v-if=\"groupDetail\">\n    <swiper :options=\"swiperOption\" class=\"banner\" ref=\"mySwiper\">\n      <swiper-slide v-if=\"groupDetail.goods_desc\" v-for=\"(data,index) in groupDetail.goods_desc.img\" :key=\"index\">\n        <img :src=\"data.url\"/>\n      </swiper-slide>\n      <div class=\"swiper-pagination\" slot=\"pagination\"></div>\n    </swiper>\n    <img :src=\"refIcon\" class=\"ref-icon shake\" @click=\"goToActivity()\" v-if=\"groupDetail.is_auth_user === 1\">\n    <div class=\"head\">\n      <div class=\"title\">\n        {{groupDetail.name}}\n      </div>\n      <span class=\"detail\">\n                {{groupDetail.goods_desc.desc}}\n            </span>\n      <div class=\"price\">\n        <span class=\"price-content\">¥{{groupDetail.current_price/100}}元</span>\n      </div>\n    </div>\n    <div class=\"head-icon\">\n      <img class=\"icon\" v-for=\"(data,index) in groupDetail.header_url\" v-if=\"index<5\" :src=\"data\" :key=\"data\">\n      <img class=\"more\" :src=\"moreUrl\"/>\n      <span class=\"has\">已售{{groupDetail.has_group_num}}件</span>\n    </div>\n    <div class=\"welfare\" v-if=\"groupDetail.head_welfare && groupDetail.head_welfare !== '' && groupDetail.head_welfare !== null\">\n      团长福利:{{groupDetail.head_welfare}}\n    </div>\n    <div class=\"main-detail\">\n      <div class=\"tab-content\">\n        <div :class=\"{'tab-btn':true,active:tabType}\" @click=\"tabType=true\">图文详情</div>\n        <div :class=\"{'tab-btn':true,active:!tabType}\" @click=\"tabType=false\">购买须知</div>\n      </div>\n      <div v-if=\"tabType\" class=\"detail\">\n        <div v-html=\"groupDetail.desc.detail\" class=\"detail-content\"></div>\n      </div>\n      <div v-if=\"!tabType\" class=\"qa-block\">\n        <div class=\"qa-content qaDetail\" v-html=\"groupDetail.desc.qa\">\n        </div>\n      </div>\n    </div>\n    <mt-popup v-model=\"popupVisible\">\n      <div class=\"pop-block\">\n        <img v-if=\"popType\" :src=\"qrCode\"/>\n        <img v-if=\"!popType\" :src=\"groupDetail.desc.customer_service[0].url\"/>\n        <div>\n          <span v-if=\"popType\" v-html=\"popcontentW\"></span>\n          <span v-if=\"!popType\" v-html=\"popcontentT\"></span>\n        </div>\n        <img class=\"close\" :src=\"closeUrl\" @click=\"popupVisible = false\">\n      </div>\n    </mt-popup>\n    <mt-popup v-model=\"popFill\" :closeOnClickModal=\"false\">\n      <div class=\"pop-fill\">\n        您好,本次拼团已经结束。您可以选择重新开团或单独购买\n        <div class=\"btn-block\">\n          <div class=\"btn\" @click=\"rePlay()\">重新开团</div>\n        </div>\n      </div>\n    </mt-popup>\n    <mt-popup v-model=\"refVisible\" style=\"background-color: transparent;margin-top: -80vw;margin-left: -40vw;transform: none\">\n      <div :style=\"{backgroundImage:`url(${refBg})`}\" class=\"ref-content\"\n           v-if=\"groupDetail.share_desc.refImg && groupDetail.share_desc.refImg.length > 0\">\n        <div class=\"tips\">\n          长按保存图片\n        </div>\n      </div>\n      <div class=\"img-cvs\" id=\"capture\" ref=\"imageWrapper\" v-if=\"groupDetail.share_desc.refImg && groupDetail.share_desc.refImg.length > 0\">\n        <img :src=\"groupDetail.share_desc.refImg[0].url\">\n        <div id=\"qrcode\" class=\"qrcode\">\n        </div>\n      </div>\n      <img :src=\"dataURL\" class=\"cvs-img\"/>\n    </mt-popup>\n    <div v-if=\"groupDetail.status === 1 && invite_code_f\">\n    <footer v-if=\"groupDetail.goods_type && groupDetail.goods_type === 2\">\n      <div class=\"btn\" @click=\"showTeacher()\">\n        <img :src=\"weChatIcon\"/>\n      </div>\n      <div class=\"btn big\" @click=\"groupPay(0)\" :id=\"groupId ? 'reGroup':'singleBuy'\">\n        <span v-if=\"!groupId\">¥{{groupDetail.original_price/100}}</span>\n        <div v-if=\"!groupId\">单独购</div>\n        <span v-if=\"groupId\">¥{{groupDetail.current_price/100}}</span>\n        <div v-if=\"groupId\">重新开团</div>\n      </div>\n      <div class=\"btn big price\" @click=\"groupPay(1)\" :id=\"groupId ? 'joinGroup':'newGroup'\">\n        <span>¥{{groupDetail.current_price/100}}</span>\n        <div v-if=\"!groupId\">{{groupDetail.desc.group_number}}人团</div>\n        <div v-if=\"groupId\">立即参团</div>\n      </div>\n    </footer>\n    <footer v-if=\"groupDetail.goods_type && groupDetail.goods_type !== 2\">\n      <div class=\"btn\" @click=\"showTeacher()\">\n        <img :src=\"weChatIcon\"/>\n      </div>\n      <div class=\"btn big price\" @click=\"groupPay(1)\">\n        <span>¥{{groupDetail.current_price/100}}</span>\n        <div>立即购买</div>\n      </div>\n    </footer>\n    </div>\n    <div v-if=\"groupDetail.status !== 1\">\n      <footer>\n        <div style=\"color: #888\">\n          已售罄\n        </div>\n      </footer>\n    </div>\n  </div>\n</template>\n\n<script>\n  import 'swiper/dist/css/swiper.css'\n  import { swiper, swiperSlide } from 'vue-awesome-swiper'\n  import  QRCode from 'qrcodejs2'\n  import { Indicator } from 'mint-ui';\n  import {getwechatParam,getGoodsDetailApi,getGroupDetailApi,getStatusWechatApi,getUserDetailApi} from \"../../service/api\";\n  import refBg from '../../assets/refBg.png'\n  import moreUrl from '../../assets/moreIcon.png'\n  import refIcon from '../../assets/refIcon.png'\n  import weChatIcon from '../../assets/wechatIcon.png'\n  import weChatQrUrl from '../../assets/weChatCode.png'\n  import closeUrl from '../../assets/closemy.png'\n  import html2canvas from 'html2canvas'\n  export default {\n    name: \"index\",\n    components: {\n      swiper,\n      swiperSlide,\n    },\n    data(){\n      return {\n        refBg:refBg,\n        join:false,\n        popType:false,\n        popFill:false,\n        popupVisible:false,\n        refVisible:false,\n        tabType:true,\n        popcontentW:`您已经购买过课程,无需重复<br>购买,您可以添加微信公众号了解更多`,\n        popcontentT:`为了更好地为您进行课程服务,<br>请扫码添加老师二维码`,\n        qrCode:weChatQrUrl,\n        weChatIcon:weChatIcon,\n        closeUrl:closeUrl,\n        moreUrl:moreUrl,\n        refIcon:'https://cdn.singsingenglish.com/new-sing/b7f43ced8f8268655c2c5b289360df990ec8f18e.png',\n        swiperOption: {\n          pagination: {\n            el: '.swiper-pagination'\n          }\n        },\n        QRCodeB:false,\n        dataURL:null,\n        user_id:null,\n        invite_code_f:true,\n        invite_code:'',\n        shopId:'',\n        groupId:null,\n        groupDetail:false,\n        groupData:null,\n      }\n    },\n    mounted(){\n      this.getDetail();\n    },\n    methods:{\n      goToActivity(){\n        let query = {}\n        if(window.location.href.indexOf('shopId')>-1){\n          query.shopId = this.$route.query.shopId;\n        }\n        if(window.location.href.indexOf('groupId')>-1){\n          query.groupId = this.$route.query.groupId;\n        }\n        if(window.location.href.indexOf('invite_code')> -1) {\n          query.invite_code = this.$route.query.invite_code;\n        }\n        this.$router.push({name:'activity',query:query})\n      },\n      refshow(){\n        Indicator.open();\n        if(document.body.scrollTop < 10){\n          document.body.scrollTop = 20;\n          document.documentElement.scrollTop = 20;\n        }\n        if(localStorage.getItem('cc_token') && localStorage.getItem('cc_token') !== ''){\n          setTimeout(()=>{\n            Indicator.close();\n            if(!this.invite_code){\n              this.invite_code = 'CC-USER'\n            }\n            getUserDetailApi().then(res=>{\n              this.user_id=res.user_id;\n              let invite_code = this.invite_code.split('-');\n              if(invite_code.length > 2 && invite_code[1] === 'TEACHER'){\n                invite_code[1] = 'USER'\n              }\n              let code = `${invite_code[0]}-${invite_code[1]}`;\n              let URL = `${process.env.BUY_URL}shopId=${this.shopId}&invite_code=${code}-${this.user_id}`;\n              if(this.groupId && this.groupId !== 'null'){\n                URL += `&groupId=${this.groupId}`\n              }\n              console.log(URL);\n              this.qrcode(URL);\n              this.refVisible = true;\n              this.$nextTick(()=>{\n                if(!this.dataURL){\n                  setTimeout(()=>{\n                    let {\n                      height,\n                      width\n                    } = document.getElementById('capture').getClientRects()[0]\n                    document.getElementById('capture').style.width = width + 'px';\n                    let o = this.getOffsetRect(this.$refs.imageWrapper);\n                    let {\n                      height1,\n                      width1\n                    } = document.getElementById('capture').getClientRects()[0];\n                    html2canvas(document.getElementById('capture'),{\n                      async: true,\n                      timeout: 500,\n                      scrollX:1,\n                      scale: 3,\n                      width: width1,\n                      height: height1,\n                      letterRendering: true,\n                    }).then((canvas) => {\n                      let dataURL = canvas.toDataURL(\"image/jpg\");\n                      this.dataURL = dataURL;\n                    }).catch(res=>{alert(res);console.log()});\n                  },500)\n                }else{\n\n                }\n              })\n            });\n          },500)\n\n        }else{\n          let query = {retUrl:this.$route.fullPath,is_new_user_url:'1'};\n          this.$router.push({name:'author',query:query})\n        }\n      },\n      getOffsetRect(ele){\n        var box=ele.getBoundingClientRect();\n        var body=document.body,\n          docElem=document.documentElement;\n        //获取页面的scrollTop,scrollLeft(兼容性写法)\n        var scrollTop=window.pageYOffset||docElem.scrollTop||body.scrollTop,\n          scrollLeft=window.pageXOffset||docElem.scrollLeft||body.scrollLeft;\n        var clientTop=docElem.clientTop||body.clientTop,\n          clientLeft=docElem.clientLeft||body.clientLeft;\n        var top=box.top+scrollTop-clientTop,\n          left=box.left+scrollLeft-clientLeft;\n        return {\n          //Math.round 兼容火狐浏览器bug\n          top:Math.round(top),\n          left:Math.round(left)\n        }\n      },\n      qrcode(data){\n        if(this.QRCodeB){\n          this.QRCodeB.makeCode(data)\n        }else{\n          this.QRCodeB = new QRCode('qrcode', {\n            width: 80,\n            height: 80, // 高度\n            text: data, // 二维码内容\n            image: ''\n          });\n        }\n\n      },\n      // 分享\n      enableShare: function(option) {\n        let that = this;\n        getwechatParam({\n          api_list:   'onMenuShareAppMessage,onMenuShareTimeline',\n          url:window.location.href.split('#')[0]\n        }).then(wechatRes => {\n          wx.config({\n            debug: false,\n            appId: wechatRes.appId,\n            timestamp: parseInt(wechatRes.timestamp),\n            nonceStr: wechatRes.nonceStr,\n            signature: wechatRes.signature,\n            jsApiList: wechatRes.jsApiList\n          });\n          wx.ready(function() {\n            wx.onMenuShareTimeline({\n              title: option.product_title, // 分享标题\n              desc: option.desc,// 分享描述\n              link: option.shareUrl, // 分享链接\n              imgUrl: option.shareIcon || 'https://cdn.singsingenglish.com/singsing/recommend/logo-refer.png', // 分享图标\n              success: function() {\n                console.log('分享成功');\n                window._hmt.push(['_trackEvent', '分享', \"商品页好友分享\",`id${that.shopId}`,that.invite_code]);//百度统计\n              },\n              cancel: function() {\n                // alert(\"失败\")\n                console.log('分享失败')\n              }\n            });\n            wx.onMenuShareAppMessage({\n              title: option.product_title, // 分享标题\n              desc: option.desc,// 分享描述\n              link: option.shareUrl, // 分享链接\n              imgUrl: option.shareIcon || 'https://cdn.singsingenglish.com/singsing/recommend/logo-refer.png', // 分享图标\n              success: function() {\n                window._hmt.push(['_trackEvent', '分享', \"商品页朋友圈分享\",`id${that.shopId}`,that.invite_code]);//百度统计\n              },\n              cancel: function() {\n              }\n            });\n          })\n        })\n      },\n      onShare: function(type) {\n        let URL = `${process.env.BUY_URL}?shopId=${this.shopId}&groupId=${this.groupId}&invite_code=${this.invite_code}`;\n        if(type === 1 ){\n          URL = `${process.env.BUY_URL}?shopId=${this.shopId}&invite_code=${this.invite_code}`\n        }\n        this.enableShare({\n          product_title: this.groupDetail.share_desc.title,\n          desc: this.groupDetail.share_desc.content,\n          shareIcon:this.groupDetail.share_desc.img[0].url,\n          shareUrl:URL\n        })\n      },\n      toDataURLBase64 (src, callback) {\n        let xhttp = new XMLHttpRequest();\n        xhttp.onload = function () {\n          let fileReader = new FileReader();\n          fileReader.onloadend = function () {\n            callback(fileReader.result)\n          };\n          fileReader.readAsDataURL(xhttp.response)\n        };\n        xhttp.responseType = 'blob';\n        xhttp.open('GET', src, true);\n        xhttp.send()\n      },\n      // 初始化\n      getDetail(){\n        if(window.location.href.indexOf('invite_code')> -1){\n          this.invite_code = this.$route.query.invite_code;\n          let l = this.invite_code.split('-').length\n          if(l < 3){\n            this.invite_code_f = false\n          }\n        }\n        if(window.location.href.indexOf('shopId')>-1){\n          this.shopId = this.$route.query.shopId;\n          getGoodsDetailApi(this.shopId).then(res=>{\n            res.desc = JSON.parse(res.desc);\n            res.goods_desc = JSON.parse(res.goods_desc);\n            res.share_desc = JSON.parse(res.share_desc);\n            //商品下架跳转绑定商品\n            if(res.status === 2 && res.bind_goods_id){\n              this.$router.push({name:'buyDetail',query:{shopId:res.bind_goods_id}});\n              this.getDetail();\n              return\n            }\n            this.groupDetail = res;\n            for (let i = 0;i<this.groupDetail.header_url.length;i++){\n              this.groupDetail.header_url[i]=this.groupDetail.header_url[i].replace('http://','https://')\n            }\n            this.groupDetail.desc.detail = this.groupDetail.desc.detail.replace(/http:\\/\\//g,'https://');\n            this.groupDetail.desc.qa = this.groupDetail.desc.qa.replace(/http:\\/\\//g,'https://');\n            if(this.groupDetail.share_desc.refImg && this.groupDetail.share_desc.refImg.length === 1){\n              this.groupDetail.share_desc.refImg[0].url = this.groupDetail.share_desc.refImg[0].url.replace('http://','https://');\n              let _this = this;\n              this.toDataURLBase64(this.groupDetail.share_desc.refImg[0].url, function (avatarUrl) {\n                _this.groupDetail.share_desc.refImg[0].url = avatarUrl;\n              });\n            }\n\n            if(this.groupDetail.goods_type === 2){\n              if(localStorage.getItem('cc_token')){\n                getStatusWechatApi({goods_id:this.shopId}).then(res=>{\n                  if(res.out_trade_no){\n                    this.$router.push({name:'success',query:{out_trade_no:res.out_trade_no}});\n                  }\n                });\n              }\n              if(window.location.href.indexOf('groupId')>-1){\n                this.groupId = this.$route.query.groupId;\n                getGroupDetailApi(this.groupId).then(res=>{\n                  this.groupData = res\n                });\n                this.onShare(0)\n              }else{\n                this.onShare(1)\n              }\n            }\n          })\n        }\n\n      },\n      showTeacher(){\n        this.popType = false;\n        this.popupVisible = true\n      },\n      groupPay(type){\n        let query = {shopId: this.shopId,invite_code:this.invite_code};\n        if(this.groupId){\n          query.group_order_id = this.groupId\n        }\n        if(type === 0 && !this.groupId){\n          query.type='single';\n          window._hmt.push(['_trackEvent', '购买', \"商品页团购单独购买\",`id${this.shopId}`,this.invite_code]);//百度统计\n        }else if (type === 0 && this.groupId){\n          window.location.href = `/#/buyDetail?shopId=${this.shopId}`;\n          window._hmt.push(['_trackEvent', '购买', \"商品页团购重新开团\",`id${this.shopId}`,this.invite_code]);//百度统计\n        } else{\n          window._hmt.push(['_trackEvent', '购买', \"商品页购买\",`id${this.shopId}`,this.invite_code]);//百度统计\n          query.type=''\n        }\n        this.$router.push({\n          name: 'buy',\n          query:query\n        })\n      }\n    }\n  }\n</script>\n<style>\n  img,video{\n    max-width: 100%;\n  }\n  @-webkit-keyframes swing {\n    10% {\n      transform: rotate(15deg);\n    }\n    20% {\n      transform: rotate(-10deg);\n    }\n    30% {\n      transform: rotate(5deg);\n    }\n    40% {\n      transform: rotate(-5deg);\n    }\n    50%, 100% {\n      transform: rotate(0deg);\n    }\n  }\n  .shake{\n     -webkit-animation-name: swing;\n     -webkit-animation-duration: 0.8s;\n     -webkit-transform-origin:50% 50%;\n     -webkit-animation-iteration-count: infinite;\n     -webkit-animation-timing-function: linear;\n   }\n\n</style>\n<style scoped lang=\"less\">\n  @import \"../../util/public\";\n  .img-cvs{\n    position: absolute;\n    width: 233 * @toVw;\n    top: 176 * @toVw;\n    left: 29 * @toVw;\n    .qrcode{\n      position: absolute;\n      top: 305 * @toVw;\n      left: 15 * @toVw;\n      width: 60 * @toVw;\n    }\n  }\n  .cvs-img{\n    position: absolute;\n    width: 233 * @toVw;\n    top: 176 * @toVw;\n    left: 29 * @toVw;\n    z-index: 10;\n  }\n  .ref-content{\n    width: 299 * @toVw;\n    height: 564 * @toVw;\n    background-size: 100% 100%;\n    position: relative;\n    .tips{\n      font-size: 12px;\n      position: absolute;\n      color: #666;\n      right: 10 * @toVw;\n      top: 250 * @toVw;\n      width: 1em;\n    }\n  }\n  .group-index{\n    height: 100%;\n    padding-bottom: toVw(150);\n    background: #f0f0f0;\n    font-family: PingFangSC-Regular;\n    .ref-icon{\n      position: fixed;\n      height: 100/375 * 90vw ;\n      top: 70vw;\n      z-index: 6;\n      right: 10 * 100 /375vw;\n      border-radius: 100px;\n    }\n    .banner{\n      background: white;\n      img{\n        width: 100%;\n      }\n    }\n    .head{\n      background: white;\n      margin-bottom: 10px;\n      padding: 20/7.5vw;\n      .title{\n        font-size: 20px;\n        color: #333333;\n        margin-bottom: 15/7.5vw;\n      }\n      .detail{\n        font-size: 12px;\n        line-height: 1.6em;\n        color: #333333;\n        display: block;\n        margin-bottom: 15/7.5vw;\n      }\n      .price{\n        .price-content{\n          font-family: PingFang-SC-Bold;\n          font-size: 20px;\n          color: #F83534;\n        }\n      }\n    }\n    .head-icon{\n      padding: 20/7.5vw;\n      background: white;\n      margin-bottom: 2px;\n      .icon{\n        display: inline-block;\n        width: 60/7.5vw;\n        margin: 0 10/7.5vw;\n        border-radius: 1000px;\n        vertical-align: middle;\n      }\n      .more{\n        width: 50/7.5vw;\n        vertical-align: middle;\n      }\n      .has{\n        font-size: 12px;\n        line-height: 60/7.5vw;\n        color: #999999;\n        float: right;\n      }\n    }\n    .welfare{\n      background: white;\n      padding:10/7.5vw ;\n      font-size: 12px;\n      text-align: center;\n      color: #999999;\n      margin-bottom: 20px;\n    }\n    .main-detail{\n      padding: 20/7.5vw;\n      background: white;\n      .tab-content{\n        border-radius: 9px ;\n        border: 1px solid #F63539;\n        &:after{\n          content: '';\n          display: block;\n          clear: both;\n        }\n        .tab-btn{\n          width: 50%;\n          float: left;\n          height: 80/7.5vw;\n          line-height: 80/7.5vw;\n          text-align: center;\n          color: #F63539;\n          border-radius:9px ;\n          &.active{\n            background: #F63539;\n            color: white;\n          }\n        }\n      }\n      .qa-block{\n        padding: 20/7.5vw 0 toVw(150) 0;\n        img,video{\n          max-width: 100%;\n        }\n        .qa-content{\n          margin: toVw(10) 0;\n          .qa-q{\n            font-size: 16px;\n            color: #666666;\n          }\n          .qa-a{\n            font-size: 16px;\n            color: #333333;\n          }\n        }\n      }\n      .detail{\n        padding: 20/7.5vw 0 150/7.5vw 0;\n        .detail-content{\n          img,video{\n            max-width: 100%;\n          }\n        }\n\n      }\n    }\n    footer{\n      position: absolute;\n      position: fixed;\n      bottom: 0;\n      width: 100%;\n      height: 120/7.5vw;\n      display: -webkit-box;      // OLD - iOS 6-, Safari 3.1-6 //\n      display: -moz-box;         // OLD - Firefox 19- (buggy but mostly works) //\n      display: -ms-flexbox;      // TWEENER - IE 10 //\n      display: -webkit-flex;     // NEW - Chrome //\n      display: flex;             // NEW, Spec - Opera 12.1, Firefox 20+ //\n      background: white;\n      padding: 10/7.5vw;\n      border-top: 1px solid #d8d8d8;\n      justify-content:space-around;\n      .btn{\n        border: 1px solid #cccccc;\n        border-radius: 8px;\n        width:0;\n        flex-grow:2;\n        text-align: center;\n        padding: 15/7.5vw 0;\n        margin: 0 10/7.5vw;\n        line-height: 1.4em;\n        font-size: 16px;\n        color: #666666;\n        span{\n          display: block;\n          font-size: 20px;\n          font-family: PingFang-SC-Bold;\n        }\n        img{\n          width: 50/7.5vw;\n        }\n        &.big{\n          padding: 5/7.5vw 0;\n          flex-grow:5;\n          &.price{\n            background:  #F83534;\n            border-color: #F83534;\n            color: white;\n          }\n        }\n      }\n    }\n    .pop-block{\n      padding:40/7.5vw 10/7.5vw;\n      width: 600/7.5vw;\n      text-align: center;\n      font-size: 14px;\n      color: #666666;\n      position: relative;\n      img{\n        width: 250/7.5vw;\n      }\n      .close{\n        width: 50/7.5vw;\n        position: absolute;\n        top: 20/7.5vw;\n        right: 20/7.5vw;\n      }\n    }\n    .mint-popup{\n      border-radius: 10px;\n    }\n    .pop-fill{\n      width: 500/7.5vw;\n      padding:30/7.5vw 30/7.5vw;\n      font-size: 16px;\n      color: #333333;\n      .btn-block{\n        margin-top: 30/7.5vw;\n        &:after{\n          content:'';\n          display: block;\n          clear: both;\n        }\n        .btn{\n          float: right;\n          background: #F83534;\n          font-size: 14px;\n          padding: 5/7.5vw 10/7.5vw;\n          border-radius: 8px;\n          color: #FFFFFF;\n        }\n      }\n    }\n\n  }\n\n</style>\n\n\n\n// WEBPACK FOOTER //\n// src/components/buy/index.vue","var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _vm.groupDetail\n    ? _c(\n        \"div\",\n        { ref: \"index\", staticClass: \"group-index\" },\n        [\n          _c(\n            \"swiper\",\n            {\n              ref: \"mySwiper\",\n              staticClass: \"banner\",\n              attrs: { options: _vm.swiperOption }\n            },\n            [\n              _vm._l(_vm.groupDetail.goods_desc.img, function(data, index) {\n                return _vm.groupDetail.goods_desc\n                  ? _c(\"swiper-slide\", { key: index }, [\n                      _c(\"img\", { attrs: { src: data.url } })\n                    ])\n                  : _vm._e()\n              }),\n              _vm._v(\" \"),\n              _c(\"div\", {\n                staticClass: \"swiper-pagination\",\n                attrs: { slot: \"pagination\" },\n                slot: \"pagination\"\n              })\n            ],\n            2\n          ),\n          _vm._v(\" \"),\n          _vm.groupDetail.is_auth_user === 1\n            ? _c(\"img\", {\n                staticClass: \"ref-icon shake\",\n                attrs: { src: _vm.refIcon },\n                on: {\n                  click: function($event) {\n                    _vm.goToActivity()\n                  }\n                }\n              })\n            : _vm._e(),\n          _vm._v(\" \"),\n          _c(\"div\", { staticClass: \"head\" }, [\n            _c(\"div\", { staticClass: \"title\" }, [\n              _vm._v(\"\\n      \" + _vm._s(_vm.groupDetail.name) + \"\\n    \")\n            ]),\n            _vm._v(\" \"),\n            _c(\"span\", { staticClass: \"detail\" }, [\n              _vm._v(\n                \"\\n              \" +\n                  _vm._s(_vm.groupDetail.goods_desc.desc) +\n                  \"\\n          \"\n              )\n            ]),\n            _vm._v(\" \"),\n            _c(\"div\", { staticClass: \"price\" }, [\n              _c(\"span\", { staticClass: \"price-content\" }, [\n                _vm._v(\n                  \"¥\" + _vm._s(_vm.groupDetail.current_price / 100) + \"元\"\n                )\n              ])\n            ])\n          ]),\n          _vm._v(\" \"),\n          _c(\n            \"div\",\n            { staticClass: \"head-icon\" },\n            [\n              _vm._l(_vm.groupDetail.header_url, function(data, index) {\n                return index < 5\n                  ? _c(\"img\", {\n                      key: data,\n                      staticClass: \"icon\",\n                      attrs: { src: data }\n                    })\n                  : _vm._e()\n              }),\n              _vm._v(\" \"),\n              _c(\"img\", { staticClass: \"more\", attrs: { src: _vm.moreUrl } }),\n              _vm._v(\" \"),\n              _c(\"span\", { staticClass: \"has\" }, [\n                _vm._v(\"已售\" + _vm._s(_vm.groupDetail.has_group_num) + \"件\")\n              ])\n            ],\n            2\n          ),\n          _vm._v(\" \"),\n          _vm.groupDetail.head_welfare &&\n          _vm.groupDetail.head_welfare !== \"\" &&\n          _vm.groupDetail.head_welfare !== null\n            ? _c(\"div\", { staticClass: \"welfare\" }, [\n                _vm._v(\n                  \"\\n    团长福利:\" +\n                    _vm._s(_vm.groupDetail.head_welfare) +\n                    \"\\n  \"\n                )\n              ])\n            : _vm._e(),\n          _vm._v(\" \"),\n          _c(\"div\", { staticClass: \"main-detail\" }, [\n            _c(\"div\", { staticClass: \"tab-content\" }, [\n              _c(\n                \"div\",\n                {\n                  class: { \"tab-btn\": true, active: _vm.tabType },\n                  on: {\n                    click: function($event) {\n                      _vm.tabType = true\n                    }\n                  }\n                },\n                [_vm._v(\"图文详情\")]\n              ),\n              _vm._v(\" \"),\n              _c(\n                \"div\",\n                {\n                  class: { \"tab-btn\": true, active: !_vm.tabType },\n                  on: {\n                    click: function($event) {\n                      _vm.tabType = false\n                    }\n                  }\n                },\n                [_vm._v(\"购买须知\")]\n              )\n            ]),\n            _vm._v(\" \"),\n            _vm.tabType\n              ? _c(\"div\", { staticClass: \"detail\" }, [\n                  _c(\"div\", {\n                    staticClass: \"detail-content\",\n                    domProps: { innerHTML: _vm._s(_vm.groupDetail.desc.detail) }\n                  })\n                ])\n              : _vm._e(),\n            _vm._v(\" \"),\n            !_vm.tabType\n              ? _c(\"div\", { staticClass: \"qa-block\" }, [\n                  _c(\"div\", {\n                    staticClass: \"qa-content qaDetail\",\n                    domProps: { innerHTML: _vm._s(_vm.groupDetail.desc.qa) }\n                  })\n                ])\n              : _vm._e()\n          ]),\n          _vm._v(\" \"),\n          _c(\n            \"mt-popup\",\n            {\n              model: {\n                value: _vm.popupVisible,\n                callback: function($$v) {\n                  _vm.popupVisible = $$v\n                },\n                expression: \"popupVisible\"\n              }\n            },\n            [\n              _c(\"div\", { staticClass: \"pop-block\" }, [\n                _vm.popType\n                  ? _c(\"img\", { attrs: { src: _vm.qrCode } })\n                  : _vm._e(),\n                _vm._v(\" \"),\n                !_vm.popType\n                  ? _c(\"img\", {\n                      attrs: {\n                        src: _vm.groupDetail.desc.customer_service[0].url\n                      }\n                    })\n                  : _vm._e(),\n                _vm._v(\" \"),\n                _c(\"div\", [\n                  _vm.popType\n                    ? _c(\"span\", {\n                        domProps: { innerHTML: _vm._s(_vm.popcontentW) }\n                      })\n                    : _vm._e(),\n                  _vm._v(\" \"),\n                  !_vm.popType\n                    ? _c(\"span\", {\n                        domProps: { innerHTML: _vm._s(_vm.popcontentT) }\n                      })\n                    : _vm._e()\n                ]),\n                _vm._v(\" \"),\n                _c(\"img\", {\n                  staticClass: \"close\",\n                  attrs: { src: _vm.closeUrl },\n                  on: {\n                    click: function($event) {\n                      _vm.popupVisible = false\n                    }\n                  }\n                })\n              ])\n            ]\n          ),\n          _vm._v(\" \"),\n          _c(\n            \"mt-popup\",\n            {\n              attrs: { closeOnClickModal: false },\n              model: {\n                value: _vm.popFill,\n                callback: function($$v) {\n                  _vm.popFill = $$v\n                },\n                expression: \"popFill\"\n              }\n            },\n            [\n              _c(\"div\", { staticClass: \"pop-fill\" }, [\n                _vm._v(\n                  \"\\n      您好,本次拼团已经结束。您可以选择重新开团或单独购买\\n      \"\n                ),\n                _c(\"div\", { staticClass: \"btn-block\" }, [\n                  _c(\n                    \"div\",\n                    {\n                      staticClass: \"btn\",\n                      on: {\n                        click: function($event) {\n                          _vm.rePlay()\n                        }\n                      }\n                    },\n                    [_vm._v(\"重新开团\")]\n                  )\n                ])\n              ])\n            ]\n          ),\n          _vm._v(\" \"),\n          _c(\n            \"mt-popup\",\n            {\n              staticStyle: {\n                \"background-color\": \"transparent\",\n                \"margin-top\": \"-80vw\",\n                \"margin-left\": \"-40vw\",\n                transform: \"none\"\n              },\n              model: {\n                value: _vm.refVisible,\n                callback: function($$v) {\n                  _vm.refVisible = $$v\n                },\n                expression: \"refVisible\"\n              }\n            },\n            [\n              _vm.groupDetail.share_desc.refImg &&\n              _vm.groupDetail.share_desc.refImg.length > 0\n                ? _c(\n                    \"div\",\n                    {\n                      staticClass: \"ref-content\",\n                      style: { backgroundImage: \"url(\" + _vm.refBg + \")\" }\n                    },\n                    [\n                      _c(\"div\", { staticClass: \"tips\" }, [\n                        _vm._v(\"\\n        长按保存图片\\n      \")\n                      ])\n                    ]\n                  )\n                : _vm._e(),\n              _vm._v(\" \"),\n              _vm.groupDetail.share_desc.refImg &&\n              _vm.groupDetail.share_desc.refImg.length > 0\n                ? _c(\n                    \"div\",\n                    {\n                      ref: \"imageWrapper\",\n                      staticClass: \"img-cvs\",\n                      attrs: { id: \"capture\" }\n                    },\n                    [\n                      _c(\"img\", {\n                        attrs: { src: _vm.groupDetail.share_desc.refImg[0].url }\n                      }),\n                      _vm._v(\" \"),\n                      _c(\"div\", {\n                        staticClass: \"qrcode\",\n                        attrs: { id: \"qrcode\" }\n                      })\n                    ]\n                  )\n                : _vm._e(),\n              _vm._v(\" \"),\n              _c(\"img\", { staticClass: \"cvs-img\", attrs: { src: _vm.dataURL } })\n            ]\n          ),\n          _vm._v(\" \"),\n          _vm.groupDetail.status === 1 && _vm.invite_code_f\n            ? _c(\"div\", [\n                _vm.groupDetail.goods_type && _vm.groupDetail.goods_type === 2\n                  ? _c(\"footer\", [\n                      _c(\n                        \"div\",\n                        {\n                          staticClass: \"btn\",\n                          on: {\n                            click: function($event) {\n                              _vm.showTeacher()\n                            }\n                          }\n                        },\n                        [_c(\"img\", { attrs: { src: _vm.weChatIcon } })]\n                      ),\n                      _vm._v(\" \"),\n                      _c(\n                        \"div\",\n                        {\n                          staticClass: \"btn big\",\n                          attrs: { id: _vm.groupId ? \"reGroup\" : \"singleBuy\" },\n                          on: {\n                            click: function($event) {\n                              _vm.groupPay(0)\n                            }\n                          }\n                        },\n                        [\n                          !_vm.groupId\n                            ? _c(\"span\", [\n                                _vm._v(\n                                  \"¥\" +\n                                    _vm._s(_vm.groupDetail.original_price / 100)\n                                )\n                              ])\n                            : _vm._e(),\n                          _vm._v(\" \"),\n                          !_vm.groupId\n                            ? _c(\"div\", [_vm._v(\"单独购\")])\n                            : _vm._e(),\n                          _vm._v(\" \"),\n                          _vm.groupId\n                            ? _c(\"span\", [\n                                _vm._v(\n                                  \"¥\" +\n                                    _vm._s(_vm.groupDetail.current_price / 100)\n                                )\n                              ])\n                            : _vm._e(),\n                          _vm._v(\" \"),\n                          _vm.groupId\n                            ? _c(\"div\", [_vm._v(\"重新开团\")])\n                            : _vm._e()\n                        ]\n                      ),\n                      _vm._v(\" \"),\n                      _c(\n                        \"div\",\n                        {\n                          staticClass: \"btn big price\",\n                          attrs: { id: _vm.groupId ? \"joinGroup\" : \"newGroup\" },\n                          on: {\n                            click: function($event) {\n                              _vm.groupPay(1)\n                            }\n                          }\n                        },\n                        [\n                          _c(\"span\", [\n                            _vm._v(\n                              \"¥\" + _vm._s(_vm.groupDetail.current_price / 100)\n                            )\n                          ]),\n                          _vm._v(\" \"),\n                          !_vm.groupId\n                            ? _c(\"div\", [\n                                _vm._v(\n                                  _vm._s(_vm.groupDetail.desc.group_number) +\n                                    \"人团\"\n                                )\n                              ])\n                            : _vm._e(),\n                          _vm._v(\" \"),\n                          _vm.groupId\n                            ? _c(\"div\", [_vm._v(\"立即参团\")])\n                            : _vm._e()\n                        ]\n                      )\n                    ])\n                  : _vm._e(),\n                _vm._v(\" \"),\n                _vm.groupDetail.goods_type && _vm.groupDetail.goods_type !== 2\n                  ? _c(\"footer\", [\n                      _c(\n                        \"div\",\n                        {\n                          staticClass: \"btn\",\n                          on: {\n                            click: function($event) {\n                              _vm.showTeacher()\n                            }\n                          }\n                        },\n                        [_c(\"img\", { attrs: { src: _vm.weChatIcon } })]\n                      ),\n                      _vm._v(\" \"),\n                      _c(\n                        \"div\",\n                        {\n                          staticClass: \"btn big price\",\n                          on: {\n                            click: function($event) {\n                              _vm.groupPay(1)\n                            }\n                          }\n                        },\n                        [\n                          _c(\"span\", [\n                            _vm._v(\n                              \"¥\" + _vm._s(_vm.groupDetail.current_price / 100)\n                            )\n                          ]),\n                          _vm._v(\" \"),\n                          _c(\"div\", [_vm._v(\"立即购买\")])\n                        ]\n                      )\n                    ])\n                  : _vm._e()\n              ])\n            : _vm._e(),\n          _vm._v(\" \"),\n          _vm.groupDetail.status !== 1 ? _c(\"div\", [_vm._m(0)]) : _vm._e()\n        ],\n        1\n      )\n    : _vm._e()\n}\nvar staticRenderFns = [\n  function() {\n    var _vm = this\n    var _h = _vm.$createElement\n    var _c = _vm._self._c || _h\n    return _c(\"footer\", [\n      _c(\"div\", { staticStyle: { color: \"#888\" } }, [\n        _vm._v(\"\\n        已售罄\\n      \")\n      ])\n    ])\n  }\n]\nrender._withStripped = true\nvar esExports = { render: render, staticRenderFns: staticRenderFns }\nexport default esExports\nif (module.hot) {\n  module.hot.accept()\n  if (module.hot.data) {\n    require(\"vue-hot-reload-api\")      .rerender(\"data-v-ff30e8ae\", esExports)\n  }\n}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/vue-loader/lib/template-compiler?{\"id\":\"data-v-ff30e8ae\",\"hasScoped\":true,\"transformToRequire\":{\"video\":[\"src\",\"poster\"],\"source\":\"src\",\"img\":\"src\",\"image\":\"xlink:href\"},\"buble\":{\"transforms\":{}}}!./node_modules/vue-loader/lib/selector.js?type=template&index=0!./src/components/buy/index.vue\n// module id = null\n// module chunks = ","var disposed = false\nfunction injectStyle (ssrContext) {\n  if (disposed) return\n  require(\"!!vue-style-loader!css-loader?{\\\"sourceMap\\\":true}!../../../node_modules/vue-loader/lib/style-compiler/index?{\\\"vue\\\":true,\\\"id\\\":\\\"data-v-ff30e8ae\\\",\\\"scoped\\\":false,\\\"hasInlineConfig\\\":false}!../../../node_modules/vue-loader/lib/selector?type=styles&index=0!./index.vue\")\n  require(\"!!vue-style-loader!css-loader?{\\\"sourceMap\\\":true}!../../../node_modules/vue-loader/lib/style-compiler/index?{\\\"vue\\\":true,\\\"id\\\":\\\"data-v-ff30e8ae\\\",\\\"scoped\\\":true,\\\"hasInlineConfig\\\":false}!less-loader?{\\\"sourceMap\\\":true}!../../../node_modules/vue-loader/lib/selector?type=styles&index=1!./index.vue\")\n}\nvar normalizeComponent = require(\"!../../../node_modules/vue-loader/lib/component-normalizer\")\n/* script */\nexport * from \"!!babel-loader!../../../node_modules/vue-loader/lib/selector?type=script&index=0!./index.vue\"\nimport __vue_script__ from \"!!babel-loader!../../../node_modules/vue-loader/lib/selector?type=script&index=0!./index.vue\"\n/* template */\nimport __vue_template__ from \"!!../../../node_modules/vue-loader/lib/template-compiler/index?{\\\"id\\\":\\\"data-v-ff30e8ae\\\",\\\"hasScoped\\\":true,\\\"transformToRequire\\\":{\\\"video\\\":[\\\"src\\\",\\\"poster\\\"],\\\"source\\\":\\\"src\\\",\\\"img\\\":\\\"src\\\",\\\"image\\\":\\\"xlink:href\\\"},\\\"buble\\\":{\\\"transforms\\\":{}}}!../../../node_modules/vue-loader/lib/selector?type=template&index=0!./index.vue\"\n/* template functional */\nvar __vue_template_functional__ = false\n/* styles */\nvar __vue_styles__ = injectStyle\n/* scopeId */\nvar __vue_scopeId__ = \"data-v-ff30e8ae\"\n/* moduleIdentifier (server only) */\nvar __vue_module_identifier__ = null\nvar Component = normalizeComponent(\n  __vue_script__,\n  __vue_template__,\n  __vue_template_functional__,\n  __vue_styles__,\n  __vue_scopeId__,\n  __vue_module_identifier__\n)\nComponent.options.__file = \"src/components/buy/index.vue\"\n\n/* hot reload */\nif (module.hot) {(function () {\n  var hotAPI = require(\"vue-hot-reload-api\")\n  hotAPI.install(require(\"vue\"), false)\n  if (!hotAPI.compatible) return\n  module.hot.accept()\n  if (!module.hot.data) {\n    hotAPI.createRecord(\"data-v-ff30e8ae\", Component.options)\n  } else {\n    hotAPI.reload(\"data-v-ff30e8ae\", Component.options)\n  }\n  module.hot.dispose(function (data) {\n    disposed = true\n  })\n})()}\n\nexport default Component.exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/components/buy/index.vue\n// module id = null\n// module chunks = ","// style-loader: Adds some css to the DOM by adding a <style> tag\n\n// load the styles\nvar content = require(\"!!../../../node_modules/css-loader/index.js?{\\\"sourceMap\\\":true}!../../../node_modules/vue-loader/lib/style-compiler/index.js?{\\\"vue\\\":true,\\\"id\\\":\\\"data-v-ff30e8ae\\\",\\\"scoped\\\":true,\\\"hasInlineConfig\\\":false}!../../../node_modules/less-loader/dist/cjs.js?{\\\"sourceMap\\\":true}!../../../node_modules/vue-loader/lib/selector.js?type=styles&index=1!./index.vue\");\nif(typeof content === 'string') content = [[module.id, content, '']];\nif(content.locals) module.exports = content.locals;\n// add the styles to the DOM\nvar update = require(\"!../../../node_modules/vue-style-loader/lib/addStylesClient.js\")(\"7d03ddee\", content, false, {});\n// Hot Module Replacement\nif(module.hot) {\n // When the styles change, update the <style> tags\n if(!content.locals) {\n   module.hot.accept(\"!!../../../node_modules/css-loader/index.js?{\\\"sourceMap\\\":true}!../../../node_modules/vue-loader/lib/style-compiler/index.js?{\\\"vue\\\":true,\\\"id\\\":\\\"data-v-ff30e8ae\\\",\\\"scoped\\\":true,\\\"hasInlineConfig\\\":false}!../../../node_modules/less-loader/dist/cjs.js?{\\\"sourceMap\\\":true}!../../../node_modules/vue-loader/lib/selector.js?type=styles&index=1!./index.vue\", function() {\n     var newContent = require(\"!!../../../node_modules/css-loader/index.js?{\\\"sourceMap\\\":true}!../../../node_modules/vue-loader/lib/style-compiler/index.js?{\\\"vue\\\":true,\\\"id\\\":\\\"data-v-ff30e8ae\\\",\\\"scoped\\\":true,\\\"hasInlineConfig\\\":false}!../../../node_modules/less-loader/dist/cjs.js?{\\\"sourceMap\\\":true}!../../../node_modules/vue-loader/lib/selector.js?type=styles&index=1!./index.vue\");\n     if(typeof newContent === 'string') newContent = [[module.id, newContent, '']];\n     update(newContent);\n   });\n }\n // When the module is disposed, remove the <style> tags\n module.hot.dispose(function() { update(); });\n}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/vue-style-loader!./node_modules/css-loader?{\"sourceMap\":true}!./node_modules/vue-loader/lib/style-compiler?{\"vue\":true,\"id\":\"data-v-ff30e8ae\",\"scoped\":true,\"hasInlineConfig\":false}!./node_modules/less-loader/dist/cjs.js?{\"sourceMap\":true}!./node_modules/vue-loader/lib/selector.js?type=styles&index=1!./src/components/buy/index.vue\n// module id = rC6I\n// module chunks = 8","exports = module.exports = require(\"../../../node_modules/css-loader/lib/css-base.js\")(true);\n// imports\n\n\n// module\nexports.push([module.id, \"\\nimg,video{\\n  max-width: 100%;\\n}\\n@-webkit-keyframes swing {\\n10% {\\n    -webkit-transform: rotate(15deg);\\n            transform: rotate(15deg);\\n}\\n20% {\\n    -webkit-transform: rotate(-10deg);\\n            transform: rotate(-10deg);\\n}\\n30% {\\n    -webkit-transform: rotate(5deg);\\n            transform: rotate(5deg);\\n}\\n40% {\\n    -webkit-transform: rotate(-5deg);\\n            transform: rotate(-5deg);\\n}\\n50%, 100% {\\n    -webkit-transform: rotate(0deg);\\n            transform: rotate(0deg);\\n}\\n}\\n.shake{\\n   -webkit-animation-name: swing;\\n   -webkit-animation-duration: 0.8s;\\n   -webkit-transform-origin:50% 50%;\\n   -webkit-animation-iteration-count: infinite;\\n   -webkit-animation-timing-function: linear;\\n}\\n\\n\", \"\", {\"version\":3,\"sources\":[\"/Users/wang/Documents/changchang/projects/wechat/src/components/buy/src/components/buy/index.vue\"],\"names\":[],\"mappings\":\";AA2aA;EACA,gBAAA;CACA;AACA;AACA;IACA,iCAAA;YAAA,yBAAA;CACA;AACA;IACA,kCAAA;YAAA,0BAAA;CACA;AACA;IACA,gCAAA;YAAA,wBAAA;CACA;AACA;IACA,iCAAA;YAAA,yBAAA;CACA;AACA;IACA,gCAAA;YAAA,wBAAA;CACA;CACA;AACA;GACA,8BAAA;GACA,iCAAA;GACA,iCAAA;GACA,4CAAA;GACA,0CAAA;CACA\",\"file\":\"index.vue\",\"sourcesContent\":[\"<template>\\n  <div class=\\\"group-index\\\" ref=\\\"index\\\" v-if=\\\"groupDetail\\\">\\n    <swiper :options=\\\"swiperOption\\\" class=\\\"banner\\\" ref=\\\"mySwiper\\\">\\n      <swiper-slide v-if=\\\"groupDetail.goods_desc\\\" v-for=\\\"(data,index) in groupDetail.goods_desc.img\\\" :key=\\\"index\\\">\\n        <img :src=\\\"data.url\\\"/>\\n      </swiper-slide>\\n      <div class=\\\"swiper-pagination\\\" slot=\\\"pagination\\\"></div>\\n    </swiper>\\n    <img :src=\\\"refIcon\\\" class=\\\"ref-icon shake\\\" @click=\\\"goToActivity()\\\" v-if=\\\"groupDetail.is_auth_user === 1\\\">\\n    <div class=\\\"head\\\">\\n      <div class=\\\"title\\\">\\n        {{groupDetail.name}}\\n      </div>\\n      <span class=\\\"detail\\\">\\n                {{groupDetail.goods_desc.desc}}\\n            </span>\\n      <div class=\\\"price\\\">\\n        <span class=\\\"price-content\\\">¥{{groupDetail.current_price/100}}元</span>\\n      </div>\\n    </div>\\n    <div class=\\\"head-icon\\\">\\n      <img class=\\\"icon\\\" v-for=\\\"(data,index) in groupDetail.header_url\\\" v-if=\\\"index<5\\\" :src=\\\"data\\\" :key=\\\"data\\\">\\n      <img class=\\\"more\\\" :src=\\\"moreUrl\\\"/>\\n      <span class=\\\"has\\\">已售{{groupDetail.has_group_num}}件</span>\\n    </div>\\n    <div class=\\\"welfare\\\" v-if=\\\"groupDetail.head_welfare && groupDetail.head_welfare !== '' && groupDetail.head_welfare !== null\\\">\\n      团长福利:{{groupDetail.head_welfare}}\\n    </div>\\n    <div class=\\\"main-detail\\\">\\n      <div class=\\\"tab-content\\\">\\n        <div :class=\\\"{'tab-btn':true,active:tabType}\\\" @click=\\\"tabType=true\\\">图文详情</div>\\n        <div :class=\\\"{'tab-btn':true,active:!tabType}\\\" @click=\\\"tabType=false\\\">购买须知</div>\\n      </div>\\n      <div v-if=\\\"tabType\\\" class=\\\"detail\\\">\\n        <div v-html=\\\"groupDetail.desc.detail\\\" class=\\\"detail-content\\\"></div>\\n      </div>\\n      <div v-if=\\\"!tabType\\\" class=\\\"qa-block\\\">\\n        <div class=\\\"qa-content qaDetail\\\" v-html=\\\"groupDetail.desc.qa\\\">\\n        </div>\\n      </div>\\n    </div>\\n    <mt-popup v-model=\\\"popupVisible\\\">\\n      <div class=\\\"pop-block\\\">\\n        <img v-if=\\\"popType\\\" :src=\\\"qrCode\\\"/>\\n        <img v-if=\\\"!popType\\\" :src=\\\"groupDetail.desc.customer_service[0].url\\\"/>\\n        <div>\\n          <span v-if=\\\"popType\\\" v-html=\\\"popcontentW\\\"></span>\\n          <span v-if=\\\"!popType\\\" v-html=\\\"popcontentT\\\"></span>\\n        </div>\\n        <img class=\\\"close\\\" :src=\\\"closeUrl\\\" @click=\\\"popupVisible = false\\\">\\n      </div>\\n    </mt-popup>\\n    <mt-popup v-model=\\\"popFill\\\" :closeOnClickModal=\\\"false\\\">\\n      <div class=\\\"pop-fill\\\">\\n        您好,本次拼团已经结束。您可以选择重新开团或单独购买\\n        <div class=\\\"btn-block\\\">\\n          <div class=\\\"btn\\\" @click=\\\"rePlay()\\\">重新开团</div>\\n        </div>\\n      </div>\\n    </mt-popup>\\n    <mt-popup v-model=\\\"refVisible\\\" style=\\\"background-color: transparent;margin-top: -80vw;margin-left: -40vw;transform: none\\\">\\n      <div :style=\\\"{backgroundImage:`url(${refBg})`}\\\" class=\\\"ref-content\\\"\\n           v-if=\\\"groupDetail.share_desc.refImg && groupDetail.share_desc.refImg.length > 0\\\">\\n        <div class=\\\"tips\\\">\\n          长按保存图片\\n        </div>\\n      </div>\\n      <div class=\\\"img-cvs\\\" id=\\\"capture\\\" ref=\\\"imageWrapper\\\" v-if=\\\"groupDetail.share_desc.refImg && groupDetail.share_desc.refImg.length > 0\\\">\\n        <img :src=\\\"groupDetail.share_desc.refImg[0].url\\\">\\n        <div id=\\\"qrcode\\\" class=\\\"qrcode\\\">\\n        </div>\\n      </div>\\n      <img :src=\\\"dataURL\\\" class=\\\"cvs-img\\\"/>\\n    </mt-popup>\\n    <div v-if=\\\"groupDetail.status === 1 && invite_code_f\\\">\\n    <footer v-if=\\\"groupDetail.goods_type && groupDetail.goods_type === 2\\\">\\n      <div class=\\\"btn\\\" @click=\\\"showTeacher()\\\">\\n        <img :src=\\\"weChatIcon\\\"/>\\n      </div>\\n      <div class=\\\"btn big\\\" @click=\\\"groupPay(0)\\\" :id=\\\"groupId ? 'reGroup':'singleBuy'\\\">\\n        <span v-if=\\\"!groupId\\\">¥{{groupDetail.original_price/100}}</span>\\n        <div v-if=\\\"!groupId\\\">单独购</div>\\n        <span v-if=\\\"groupId\\\">¥{{groupDetail.current_price/100}}</span>\\n        <div v-if=\\\"groupId\\\">重新开团</div>\\n      </div>\\n      <div class=\\\"btn big price\\\" @click=\\\"groupPay(1)\\\" :id=\\\"groupId ? 'joinGroup':'newGroup'\\\">\\n        <span>¥{{groupDetail.current_price/100}}</span>\\n        <div v-if=\\\"!groupId\\\">{{groupDetail.desc.group_number}}人团</div>\\n        <div v-if=\\\"groupId\\\">立即参团</div>\\n      </div>\\n    </footer>\\n    <footer v-if=\\\"groupDetail.goods_type && groupDetail.goods_type !== 2\\\">\\n      <div class=\\\"btn\\\" @click=\\\"showTeacher()\\\">\\n        <img :src=\\\"weChatIcon\\\"/>\\n      </div>\\n      <div class=\\\"btn big price\\\" @click=\\\"groupPay(1)\\\">\\n        <span>¥{{groupDetail.current_price/100}}</span>\\n        <div>立即购买</div>\\n      </div>\\n    </footer>\\n    </div>\\n    <div v-if=\\\"groupDetail.status !== 1\\\">\\n      <footer>\\n        <div style=\\\"color: #888\\\">\\n          已售罄\\n        </div>\\n      </footer>\\n    </div>\\n  </div>\\n</template>\\n\\n<script>\\n  import 'swiper/dist/css/swiper.css'\\n  import { swiper, swiperSlide } from 'vue-awesome-swiper'\\n  import  QRCode from 'qrcodejs2'\\n  import { Indicator } from 'mint-ui';\\n  import {getwechatParam,getGoodsDetailApi,getGroupDetailApi,getStatusWechatApi,getUserDetailApi} from \\\"../../service/api\\\";\\n  import refBg from '../../assets/refBg.png'\\n  import moreUrl from '../../assets/moreIcon.png'\\n  import refIcon from '../../assets/refIcon.png'\\n  import weChatIcon from '../../assets/wechatIcon.png'\\n  import weChatQrUrl from '../../assets/weChatCode.png'\\n  import closeUrl from '../../assets/closemy.png'\\n  import html2canvas from 'html2canvas'\\n  export default {\\n    name: \\\"index\\\",\\n    components: {\\n      swiper,\\n      swiperSlide,\\n    },\\n    data(){\\n      return {\\n        refBg:refBg,\\n        join:false,\\n        popType:false,\\n        popFill:false,\\n        popupVisible:false,\\n        refVisible:false,\\n        tabType:true,\\n        popcontentW:`您已经购买过课程,无需重复<br>购买,您可以添加微信公众号了解更多`,\\n        popcontentT:`为了更好地为您进行课程服务,<br>请扫码添加老师二维码`,\\n        qrCode:weChatQrUrl,\\n        weChatIcon:weChatIcon,\\n        closeUrl:closeUrl,\\n        moreUrl:moreUrl,\\n        refIcon:'https://cdn.singsingenglish.com/new-sing/b7f43ced8f8268655c2c5b289360df990ec8f18e.png',\\n        swiperOption: {\\n          pagination: {\\n            el: '.swiper-pagination'\\n          }\\n        },\\n        QRCodeB:false,\\n        dataURL:null,\\n        user_id:null,\\n        invite_code_f:true,\\n        invite_code:'',\\n        shopId:'',\\n        groupId:null,\\n        groupDetail:false,\\n        groupData:null,\\n      }\\n    },\\n    mounted(){\\n      this.getDetail();\\n    },\\n    methods:{\\n      goToActivity(){\\n        let query = {}\\n        if(window.location.href.indexOf('shopId')>-1){\\n          query.shopId = this.$route.query.shopId;\\n        }\\n        if(window.location.href.indexOf('groupId')>-1){\\n          query.groupId = this.$route.query.groupId;\\n        }\\n        if(window.location.href.indexOf('invite_code')> -1) {\\n          query.invite_code = this.$route.query.invite_code;\\n        }\\n        this.$router.push({name:'activity',query:query})\\n      },\\n      refshow(){\\n        Indicator.open();\\n        if(document.body.scrollTop < 10){\\n          document.body.scrollTop = 20;\\n          document.documentElement.scrollTop = 20;\\n        }\\n        if(localStorage.getItem('cc_token') && localStorage.getItem('cc_token') !== ''){\\n          setTimeout(()=>{\\n            Indicator.close();\\n            if(!this.invite_code){\\n              this.invite_code = 'CC-USER'\\n            }\\n            getUserDetailApi().then(res=>{\\n              this.user_id=res.user_id;\\n              let invite_code = this.invite_code.split('-');\\n              if(invite_code.length > 2 && invite_code[1] === 'TEACHER'){\\n                invite_code[1] = 'USER'\\n              }\\n              let code = `${invite_code[0]}-${invite_code[1]}`;\\n              let URL = `${process.env.BUY_URL}shopId=${this.shopId}&invite_code=${code}-${this.user_id}`;\\n              if(this.groupId && this.groupId !== 'null'){\\n                URL += `&groupId=${this.groupId}`\\n              }\\n              console.log(URL);\\n              this.qrcode(URL);\\n              this.refVisible = true;\\n              this.$nextTick(()=>{\\n                if(!this.dataURL){\\n                  setTimeout(()=>{\\n                    let {\\n                      height,\\n                      width\\n                    } = document.getElementById('capture').getClientRects()[0]\\n                    document.getElementById('capture').style.width = width + 'px';\\n                    let o = this.getOffsetRect(this.$refs.imageWrapper);\\n                    let {\\n                      height1,\\n                      width1\\n                    } = document.getElementById('capture').getClientRects()[0];\\n                    html2canvas(document.getElementById('capture'),{\\n                      async: true,\\n                      timeout: 500,\\n                      scrollX:1,\\n                      scale: 3,\\n                      width: width1,\\n                      height: height1,\\n                      letterRendering: true,\\n                    }).then((canvas) => {\\n                      let dataURL = canvas.toDataURL(\\\"image/jpg\\\");\\n                      this.dataURL = dataURL;\\n                    }).catch(res=>{alert(res);console.log()});\\n                  },500)\\n                }else{\\n\\n                }\\n              })\\n            });\\n          },500)\\n\\n        }else{\\n          let query = {retUrl:this.$route.fullPath,is_new_user_url:'1'};\\n          this.$router.push({name:'author',query:query})\\n        }\\n      },\\n      getOffsetRect(ele){\\n        var box=ele.getBoundingClientRect();\\n        var body=document.body,\\n          docElem=document.documentElement;\\n        //获取页面的scrollTop,scrollLeft(兼容性写法)\\n        var scrollTop=window.pageYOffset||docElem.scrollTop||body.scrollTop,\\n          scrollLeft=window.pageXOffset||docElem.scrollLeft||body.scrollLeft;\\n        var clientTop=docElem.clientTop||body.clientTop,\\n          clientLeft=docElem.clientLeft||body.clientLeft;\\n        var top=box.top+scrollTop-clientTop,\\n          left=box.left+scrollLeft-clientLeft;\\n        return {\\n          //Math.round 兼容火狐浏览器bug\\n          top:Math.round(top),\\n          left:Math.round(left)\\n        }\\n      },\\n      qrcode(data){\\n        if(this.QRCodeB){\\n          this.QRCodeB.makeCode(data)\\n        }else{\\n          this.QRCodeB = new QRCode('qrcode', {\\n            width: 80,\\n            height: 80, // 高度\\n            text: data, // 二维码内容\\n            image: ''\\n          });\\n        }\\n\\n      },\\n      // 分享\\n      enableShare: function(option) {\\n        let that = this;\\n        getwechatParam({\\n          api_list:   'onMenuShareAppMessage,onMenuShareTimeline',\\n          url:window.location.href.split('#')[0]\\n        }).then(wechatRes => {\\n          wx.config({\\n            debug: false,\\n            appId: wechatRes.appId,\\n            timestamp: parseInt(wechatRes.timestamp),\\n            nonceStr: wechatRes.nonceStr,\\n            signature: wechatRes.signature,\\n            jsApiList: wechatRes.jsApiList\\n          });\\n          wx.ready(function() {\\n            wx.onMenuShareTimeline({\\n              title: option.product_title, // 分享标题\\n              desc: option.desc,// 分享描述\\n              link: option.shareUrl, // 分享链接\\n              imgUrl: option.shareIcon || 'https://cdn.singsingenglish.com/singsing/recommend/logo-refer.png', // 分享图标\\n              success: function() {\\n                console.log('分享成功');\\n                window._hmt.push(['_trackEvent', '分享', \\\"商品页好友分享\\\",`id${that.shopId}`,that.invite_code]);//百度统计\\n              },\\n              cancel: function() {\\n                // alert(\\\"失败\\\")\\n                console.log('分享失败')\\n              }\\n            });\\n            wx.onMenuShareAppMessage({\\n              title: option.product_title, // 分享标题\\n              desc: option.desc,// 分享描述\\n              link: option.shareUrl, // 分享链接\\n              imgUrl: option.shareIcon || 'https://cdn.singsingenglish.com/singsing/recommend/logo-refer.png', // 分享图标\\n              success: function() {\\n                window._hmt.push(['_trackEvent', '分享', \\\"商品页朋友圈分享\\\",`id${that.shopId}`,that.invite_code]);//百度统计\\n              },\\n              cancel: function() {\\n              }\\n            });\\n          })\\n        })\\n      },\\n      onShare: function(type) {\\n        let URL = `${process.env.BUY_URL}?shopId=${this.shopId}&groupId=${this.groupId}&invite_code=${this.invite_code}`;\\n        if(type === 1 ){\\n          URL = `${process.env.BUY_URL}?shopId=${this.shopId}&invite_code=${this.invite_code}`\\n        }\\n        this.enableShare({\\n          product_title: this.groupDetail.share_desc.title,\\n          desc: this.groupDetail.share_desc.content,\\n          shareIcon:this.groupDetail.share_desc.img[0].url,\\n          shareUrl:URL\\n        })\\n      },\\n      toDataURLBase64 (src, callback) {\\n        let xhttp = new XMLHttpRequest();\\n        xhttp.onload = function () {\\n          let fileReader = new FileReader();\\n          fileReader.onloadend = function () {\\n            callback(fileReader.result)\\n          };\\n          fileReader.readAsDataURL(xhttp.response)\\n        };\\n        xhttp.responseType = 'blob';\\n        xhttp.open('GET', src, true);\\n        xhttp.send()\\n      },\\n      // 初始化\\n      getDetail(){\\n        if(window.location.href.indexOf('invite_code')> -1){\\n          this.invite_code = this.$route.query.invite_code;\\n          let l = this.invite_code.split('-').length\\n          if(l < 3){\\n            this.invite_code_f = false\\n          }\\n        }\\n        if(window.location.href.indexOf('shopId')>-1){\\n          this.shopId = this.$route.query.shopId;\\n          getGoodsDetailApi(this.shopId).then(res=>{\\n            res.desc = JSON.parse(res.desc);\\n            res.goods_desc = JSON.parse(res.goods_desc);\\n            res.share_desc = JSON.parse(res.share_desc);\\n            //商品下架跳转绑定商品\\n            if(res.status === 2 && res.bind_goods_id){\\n              this.$router.push({name:'buyDetail',query:{shopId:res.bind_goods_id}});\\n              this.getDetail();\\n              return\\n            }\\n            this.groupDetail = res;\\n            for (let i = 0;i<this.groupDetail.header_url.length;i++){\\n              this.groupDetail.header_url[i]=this.groupDetail.header_url[i].replace('http://','https://')\\n            }\\n            this.groupDetail.desc.detail = this.groupDetail.desc.detail.replace(/http:\\\\/\\\\//g,'https://');\\n            this.groupDetail.desc.qa = this.groupDetail.desc.qa.replace(/http:\\\\/\\\\//g,'https://');\\n            if(this.groupDetail.share_desc.refImg && this.groupDetail.share_desc.refImg.length === 1){\\n              this.groupDetail.share_desc.refImg[0].url = this.groupDetail.share_desc.refImg[0].url.replace('http://','https://');\\n              let _this = this;\\n              this.toDataURLBase64(this.groupDetail.share_desc.refImg[0].url, function (avatarUrl) {\\n                _this.groupDetail.share_desc.refImg[0].url = avatarUrl;\\n              });\\n            }\\n\\n            if(this.groupDetail.goods_type === 2){\\n              if(localStorage.getItem('cc_token')){\\n                getStatusWechatApi({goods_id:this.shopId}).then(res=>{\\n                  if(res.out_trade_no){\\n                    this.$router.push({name:'success',query:{out_trade_no:res.out_trade_no}});\\n                  }\\n                });\\n              }\\n              if(window.location.href.indexOf('groupId')>-1){\\n                this.groupId = this.$route.query.groupId;\\n                getGroupDetailApi(this.groupId).then(res=>{\\n                  this.groupData = res\\n                });\\n                this.onShare(0)\\n              }else{\\n                this.onShare(1)\\n              }\\n            }\\n          })\\n        }\\n\\n      },\\n      showTeacher(){\\n        this.popType = false;\\n        this.popupVisible = true\\n      },\\n      groupPay(type){\\n        let query = {shopId: this.shopId,invite_code:this.invite_code};\\n        if(this.groupId){\\n          query.group_order_id = this.groupId\\n        }\\n        if(type === 0 && !this.groupId){\\n          query.type='single';\\n          window._hmt.push(['_trackEvent', '购买', \\\"商品页团购单独购买\\\",`id${this.shopId}`,this.invite_code]);//百度统计\\n        }else if (type === 0 && this.groupId){\\n          window.location.href = `/#/buyDetail?shopId=${this.shopId}`;\\n          window._hmt.push(['_trackEvent', '购买', \\\"商品页团购重新开团\\\",`id${this.shopId}`,this.invite_code]);//百度统计\\n        } else{\\n          window._hmt.push(['_trackEvent', '购买', \\\"商品页购买\\\",`id${this.shopId}`,this.invite_code]);//百度统计\\n          query.type=''\\n        }\\n        this.$router.push({\\n          name: 'buy',\\n          query:query\\n        })\\n      }\\n    }\\n  }\\n</script>\\n<style>\\n  img,video{\\n    max-width: 100%;\\n  }\\n  @-webkit-keyframes swing {\\n    10% {\\n      transform: rotate(15deg);\\n    }\\n    20% {\\n      transform: rotate(-10deg);\\n    }\\n    30% {\\n      transform: rotate(5deg);\\n    }\\n    40% {\\n      transform: rotate(-5deg);\\n    }\\n    50%, 100% {\\n      transform: rotate(0deg);\\n    }\\n  }\\n  .shake{\\n     -webkit-animation-name: swing;\\n     -webkit-animation-duration: 0.8s;\\n     -webkit-transform-origin:50% 50%;\\n     -webkit-animation-iteration-count: infinite;\\n     -webkit-animation-timing-function: linear;\\n   }\\n\\n</style>\\n<style scoped lang=\\\"less\\\">\\n  @import \\\"../../util/public\\\";\\n  .img-cvs{\\n    position: absolute;\\n    width: 233 * @toVw;\\n    top: 176 * @toVw;\\n    left: 29 * @toVw;\\n    .qrcode{\\n      position: absolute;\\n      top: 305 * @toVw;\\n      left: 15 * @toVw;\\n      width: 60 * @toVw;\\n    }\\n  }\\n  .cvs-img{\\n    position: absolute;\\n    width: 233 * @toVw;\\n    top: 176 * @toVw;\\n    left: 29 * @toVw;\\n    z-index: 10;\\n  }\\n  .ref-content{\\n    width: 299 * @toVw;\\n    height: 564 * @toVw;\\n    background-size: 100% 100%;\\n    position: relative;\\n    .tips{\\n      font-size: 12px;\\n      position: absolute;\\n      color: #666;\\n      right: 10 * @toVw;\\n      top: 250 * @toVw;\\n      width: 1em;\\n    }\\n  }\\n  .group-index{\\n    height: 100%;\\n    padding-bottom: toVw(150);\\n    background: #f0f0f0;\\n    font-family: PingFangSC-Regular;\\n    .ref-icon{\\n      position: fixed;\\n      height: 100/375 * 90vw ;\\n      top: 70vw;\\n      z-index: 6;\\n      right: 10 * 100 /375vw;\\n      border-radius: 100px;\\n    }\\n    .banner{\\n      background: white;\\n      img{\\n        width: 100%;\\n      }\\n    }\\n    .head{\\n      background: white;\\n      margin-bottom: 10px;\\n      padding: 20/7.5vw;\\n      .title{\\n        font-size: 20px;\\n        color: #333333;\\n        margin-bottom: 15/7.5vw;\\n      }\\n      .detail{\\n        font-size: 12px;\\n        line-height: 1.6em;\\n        color: #333333;\\n        display: block;\\n        margin-bottom: 15/7.5vw;\\n      }\\n      .price{\\n        .price-content{\\n          font-family: PingFang-SC-Bold;\\n          font-size: 20px;\\n          color: #F83534;\\n        }\\n      }\\n    }\\n    .head-icon{\\n      padding: 20/7.5vw;\\n      background: white;\\n      margin-bottom: 2px;\\n      .icon{\\n        display: inline-block;\\n        width: 60/7.5vw;\\n        margin: 0 10/7.5vw;\\n        border-radius: 1000px;\\n        vertical-align: middle;\\n      }\\n      .more{\\n        width: 50/7.5vw;\\n        vertical-align: middle;\\n      }\\n      .has{\\n        font-size: 12px;\\n        line-height: 60/7.5vw;\\n        color: #999999;\\n        float: right;\\n      }\\n    }\\n    .welfare{\\n      background: white;\\n      padding:10/7.5vw ;\\n      font-size: 12px;\\n      text-align: center;\\n      color: #999999;\\n      margin-bottom: 20px;\\n    }\\n    .main-detail{\\n      padding: 20/7.5vw;\\n      background: white;\\n      .tab-content{\\n        border-radius: 9px ;\\n        border: 1px solid #F63539;\\n        &:after{\\n          content: '';\\n          display: block;\\n          clear: both;\\n        }\\n        .tab-btn{\\n          width: 50%;\\n          float: left;\\n          height: 80/7.5vw;\\n          line-height: 80/7.5vw;\\n          text-align: center;\\n          color: #F63539;\\n          border-radius:9px ;\\n          &.active{\\n            background: #F63539;\\n            color: white;\\n          }\\n        }\\n      }\\n      .qa-block{\\n        padding: 20/7.5vw 0 toVw(150) 0;\\n        img,video{\\n          max-width: 100%;\\n        }\\n        .qa-content{\\n          margin: toVw(10) 0;\\n          .qa-q{\\n            font-size: 16px;\\n            color: #666666;\\n          }\\n          .qa-a{\\n            font-size: 16px;\\n            color: #333333;\\n          }\\n        }\\n      }\\n      .detail{\\n        padding: 20/7.5vw 0 150/7.5vw 0;\\n        .detail-content{\\n          img,video{\\n            max-width: 100%;\\n          }\\n        }\\n\\n      }\\n    }\\n    footer{\\n      position: absolute;\\n      position: fixed;\\n      bottom: 0;\\n      width: 100%;\\n      height: 120/7.5vw;\\n      display: -webkit-box;      // OLD - iOS 6-, Safari 3.1-6 //\\n      display: -moz-box;         // OLD - Firefox 19- (buggy but mostly works) //\\n      display: -ms-flexbox;      // TWEENER - IE 10 //\\n      display: -webkit-flex;     // NEW - Chrome //\\n      display: flex;             // NEW, Spec - Opera 12.1, Firefox 20+ //\\n      background: white;\\n      padding: 10/7.5vw;\\n      border-top: 1px solid #d8d8d8;\\n      justify-content:space-around;\\n      .btn{\\n        border: 1px solid #cccccc;\\n        border-radius: 8px;\\n        width:0;\\n        flex-grow:2;\\n        text-align: center;\\n        padding: 15/7.5vw 0;\\n        margin: 0 10/7.5vw;\\n        line-height: 1.4em;\\n        font-size: 16px;\\n        color: #666666;\\n        span{\\n          display: block;\\n          font-size: 20px;\\n          font-family: PingFang-SC-Bold;\\n        }\\n        img{\\n          width: 50/7.5vw;\\n        }\\n        &.big{\\n          padding: 5/7.5vw 0;\\n          flex-grow:5;\\n          &.price{\\n            background:  #F83534;\\n            border-color: #F83534;\\n            color: white;\\n          }\\n        }\\n      }\\n    }\\n    .pop-block{\\n      padding:40/7.5vw 10/7.5vw;\\n      width: 600/7.5vw;\\n      text-align: center;\\n      font-size: 14px;\\n      color: #666666;\\n      position: relative;\\n      img{\\n        width: 250/7.5vw;\\n      }\\n      .close{\\n        width: 50/7.5vw;\\n        position: absolute;\\n        top: 20/7.5vw;\\n        right: 20/7.5vw;\\n      }\\n    }\\n    .mint-popup{\\n      border-radius: 10px;\\n    }\\n    .pop-fill{\\n      width: 500/7.5vw;\\n      padding:30/7.5vw 30/7.5vw;\\n      font-size: 16px;\\n      color: #333333;\\n      .btn-block{\\n        margin-top: 30/7.5vw;\\n        &:after{\\n          content:'';\\n          display: block;\\n          clear: both;\\n        }\\n        .btn{\\n          float: right;\\n          background: #F83534;\\n          font-size: 14px;\\n          padding: 5/7.5vw 10/7.5vw;\\n          border-radius: 8px;\\n          color: #FFFFFF;\\n        }\\n      }\\n    }\\n\\n  }\\n\\n</style>\\n\"],\"sourceRoot\":\"\"}]);\n\n// exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/css-loader?{\"sourceMap\":true}!./node_modules/vue-loader/lib/style-compiler?{\"vue\":true,\"id\":\"data-v-ff30e8ae\",\"scoped\":false,\"hasInlineConfig\":false}!./node_modules/vue-loader/lib/selector.js?type=styles&index=0!./src/components/buy/index.vue\n// module id = yEDY\n// module chunks = 8"],"sourceRoot":""}
\ No newline at end of file
diff --git a/dev/static/js/manifest.189c36eb861bd4c06c12.js b/dev/static/js/manifest.189c36eb861bd4c06c12.js
new file mode 100644
index 00000000..97775efb
--- /dev/null
+++ b/dev/static/js/manifest.189c36eb861bd4c06c12.js
@@ -0,0 +1,2 @@
+!function(e){var n=window.webpackJsonp;window.webpackJsonp=function(r,a,c){for(var f,d,i,u=0,b=[];u<r.length;u++)d=r[u],t[d]&&b.push(t[d][0]),t[d]=0;for(f in a)Object.prototype.hasOwnProperty.call(a,f)&&(e[f]=a[f]);for(n&&n(r,a,c);b.length;)b.shift()();if(c)for(u=0;u<c.length;u++)i=o(o.s=c[u]);return i};var r={},t={20:0};function o(n){if(r[n])return r[n].exports;var t=r[n]={i:n,l:!1,exports:{}};return e[n].call(t.exports,t,t.exports,o),t.l=!0,t.exports}o.e=function(e){var n=t[e];if(0===n)return new Promise(function(e){e()});if(n)return n[2];var r=new Promise(function(r,o){n=t[e]=[r,o]});n[2]=r;var a=document.getElementsByTagName("head")[0],c=document.createElement("script");c.type="text/javascript",c.charset="utf-8",c.async=!0,c.timeout=12e4,o.nc&&c.setAttribute("nonce",o.nc),c.src=o.p+"static/js/"+e+"."+{0:"f4ced62b7bd745f8fd2d",1:"c566fdcd14b51c49e2f9",2:"fbde2d7fdb1fb90a3a90",3:"61bb4e094927393a5d57",4:"bcd2ad62c4105277b7f2",5:"dee0efe9afe552f31663",6:"b21a6491ec9ad6c76870",7:"3dc91eb112affee47138",8:"16b92d1aee1891d912d2",9:"48c1afdc23f9a0634f88",10:"3c294925c6f40e2fcb69",11:"fdf43a6097443c341a67",12:"d2acb8f718bf45b7349b",13:"e315559e4a72d1b65698",14:"b74dca9ee1add1622650",15:"99f55e54d2b8d08321a4",16:"ade9181c30a0845ed65a",17:"c0db474323b6a7609fba"}[e]+".js";var f=setTimeout(d,12e4);function d(){c.onerror=c.onload=null,clearTimeout(f);var n=t[e];0!==n&&(n&&n[1](new Error("Loading chunk "+e+" failed.")),t[e]=void 0)}return c.onerror=c.onload=d,a.appendChild(c),r},o.m=e,o.c=r,o.d=function(e,n,r){o.o(e,n)||Object.defineProperty(e,n,{configurable:!1,enumerable:!0,get:r})},o.n=function(e){var n=e&&e.__esModule?function(){return e.default}:function(){return e};return o.d(n,"a",n),n},o.o=function(e,n){return Object.prototype.hasOwnProperty.call(e,n)},o.p="",o.oe=function(e){throw console.error(e),e}}([]);
+//# sourceMappingURL=manifest.189c36eb861bd4c06c12.js.map
\ No newline at end of file
diff --git a/dev/static/js/manifest.189c36eb861bd4c06c12.js.map b/dev/static/js/manifest.189c36eb861bd4c06c12.js.map
new file mode 100644
index 00000000..5cc75e13
--- /dev/null
+++ b/dev/static/js/manifest.189c36eb861bd4c06c12.js.map
@@ -0,0 +1 @@
+{"version":3,"sources":["webpack:///webpack/bootstrap 3ae04f70072a0dc2a61b"],"names":["parentJsonpFunction","window","chunkIds","moreModules","executeModules","moduleId","chunkId","result","i","resolves","length","installedChunks","push","Object","prototype","hasOwnProperty","call","modules","shift","__webpack_require__","s","installedModules","20","exports","module","l","e","installedChunkData","Promise","resolve","promise","reject","head","document","getElementsByTagName","script","createElement","type","charset","async","timeout","nc","setAttribute","src","p","0","1","2","3","4","5","6","7","8","9","10","11","12","13","14","15","16","17","setTimeout","onScriptComplete","onerror","onload","clearTimeout","chunk","Error","undefined","appendChild","m","c","d","name","getter","o","defineProperty","configurable","enumerable","get","n","__esModule","object","property","oe","err","console","error"],"mappings":"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","file":"static/js/manifest.189c36eb861bd4c06c12.js","sourcesContent":[" \t// install a JSONP callback for chunk loading\n \tvar parentJsonpFunction = window[\"webpackJsonp\"];\n \twindow[\"webpackJsonp\"] = function webpackJsonpCallback(chunkIds, moreModules, executeModules) {\n \t\t// add \"moreModules\" to the modules object,\n \t\t// then flag all \"chunkIds\" as loaded and fire callback\n \t\tvar moduleId, chunkId, i = 0, resolves = [], result;\n \t\tfor(;i < chunkIds.length; i++) {\n \t\t\tchunkId = chunkIds[i];\n \t\t\tif(installedChunks[chunkId]) {\n \t\t\t\tresolves.push(installedChunks[chunkId][0]);\n \t\t\t}\n \t\t\tinstalledChunks[chunkId] = 0;\n \t\t}\n \t\tfor(moduleId in moreModules) {\n \t\t\tif(Object.prototype.hasOwnProperty.call(moreModules, moduleId)) {\n \t\t\t\tmodules[moduleId] = moreModules[moduleId];\n \t\t\t}\n \t\t}\n \t\tif(parentJsonpFunction) parentJsonpFunction(chunkIds, moreModules, executeModules);\n \t\twhile(resolves.length) {\n \t\t\tresolves.shift()();\n \t\t}\n \t\tif(executeModules) {\n \t\t\tfor(i=0; i < executeModules.length; i++) {\n \t\t\t\tresult = __webpack_require__(__webpack_require__.s = executeModules[i]);\n \t\t\t}\n \t\t}\n \t\treturn result;\n \t};\n\n \t// The module cache\n \tvar installedModules = {};\n\n \t// objects to store loaded and loading chunks\n \tvar installedChunks = {\n \t\t20: 0\n \t};\n\n \t// The require function\n \tfunction __webpack_require__(moduleId) {\n\n \t\t// Check if module is in cache\n \t\tif(installedModules[moduleId]) {\n \t\t\treturn installedModules[moduleId].exports;\n \t\t}\n \t\t// Create a new module (and put it into the cache)\n \t\tvar module = installedModules[moduleId] = {\n \t\t\ti: moduleId,\n \t\t\tl: false,\n \t\t\texports: {}\n \t\t};\n\n \t\t// Execute the module function\n \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n \t\t// Flag the module as loaded\n \t\tmodule.l = true;\n\n \t\t// Return the exports of the module\n \t\treturn module.exports;\n \t}\n\n \t// This file contains only the entry chunk.\n \t// The chunk loading function for additional chunks\n \t__webpack_require__.e = function requireEnsure(chunkId) {\n \t\tvar installedChunkData = installedChunks[chunkId];\n \t\tif(installedChunkData === 0) {\n \t\t\treturn new Promise(function(resolve) { resolve(); });\n \t\t}\n\n \t\t// a Promise means \"currently loading\".\n \t\tif(installedChunkData) {\n \t\t\treturn installedChunkData[2];\n \t\t}\n\n \t\t// setup Promise in chunk cache\n \t\tvar promise = new Promise(function(resolve, reject) {\n \t\t\tinstalledChunkData = installedChunks[chunkId] = [resolve, reject];\n \t\t});\n \t\tinstalledChunkData[2] = promise;\n\n \t\t// start chunk loading\n \t\tvar head = document.getElementsByTagName('head')[0];\n \t\tvar script = document.createElement('script');\n \t\tscript.type = \"text/javascript\";\n \t\tscript.charset = 'utf-8';\n \t\tscript.async = true;\n \t\tscript.timeout = 120000;\n\n \t\tif (__webpack_require__.nc) {\n \t\t\tscript.setAttribute(\"nonce\", __webpack_require__.nc);\n \t\t}\n \t\tscript.src = __webpack_require__.p + \"static/js/\" + chunkId + \".\" + {\"0\":\"f4ced62b7bd745f8fd2d\",\"1\":\"c566fdcd14b51c49e2f9\",\"2\":\"fbde2d7fdb1fb90a3a90\",\"3\":\"61bb4e094927393a5d57\",\"4\":\"bcd2ad62c4105277b7f2\",\"5\":\"dee0efe9afe552f31663\",\"6\":\"b21a6491ec9ad6c76870\",\"7\":\"3dc91eb112affee47138\",\"8\":\"16b92d1aee1891d912d2\",\"9\":\"48c1afdc23f9a0634f88\",\"10\":\"3c294925c6f40e2fcb69\",\"11\":\"fdf43a6097443c341a67\",\"12\":\"d2acb8f718bf45b7349b\",\"13\":\"e315559e4a72d1b65698\",\"14\":\"b74dca9ee1add1622650\",\"15\":\"99f55e54d2b8d08321a4\",\"16\":\"ade9181c30a0845ed65a\",\"17\":\"c0db474323b6a7609fba\"}[chunkId] + \".js\";\n \t\tvar timeout = setTimeout(onScriptComplete, 120000);\n \t\tscript.onerror = script.onload = onScriptComplete;\n \t\tfunction onScriptComplete() {\n \t\t\t// avoid mem leaks in IE.\n \t\t\tscript.onerror = script.onload = null;\n \t\t\tclearTimeout(timeout);\n \t\t\tvar chunk = installedChunks[chunkId];\n \t\t\tif(chunk !== 0) {\n \t\t\t\tif(chunk) {\n \t\t\t\t\tchunk[1](new Error('Loading chunk ' + chunkId + ' failed.'));\n \t\t\t\t}\n \t\t\t\tinstalledChunks[chunkId] = undefined;\n \t\t\t}\n \t\t};\n \t\thead.appendChild(script);\n\n \t\treturn promise;\n \t};\n\n \t// expose the modules object (__webpack_modules__)\n \t__webpack_require__.m = modules;\n\n \t// expose the module cache\n \t__webpack_require__.c = installedModules;\n\n \t// define getter function for harmony exports\n \t__webpack_require__.d = function(exports, name, getter) {\n \t\tif(!__webpack_require__.o(exports, name)) {\n \t\t\tObject.defineProperty(exports, name, {\n \t\t\t\tconfigurable: false,\n \t\t\t\tenumerable: true,\n \t\t\t\tget: getter\n \t\t\t});\n \t\t}\n \t};\n\n \t// getDefaultExport function for compatibility with non-harmony modules\n \t__webpack_require__.n = function(module) {\n \t\tvar getter = module && module.__esModule ?\n \t\t\tfunction getDefault() { return module['default']; } :\n \t\t\tfunction getModuleExports() { return module; };\n \t\t__webpack_require__.d(getter, 'a', getter);\n \t\treturn getter;\n \t};\n\n \t// Object.prototype.hasOwnProperty.call\n \t__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };\n\n \t// __webpack_public_path__\n \t__webpack_require__.p = \"\";\n\n \t// on error function for async loading\n \t__webpack_require__.oe = function(err) { console.error(err); throw err; };\n\n\n\n// WEBPACK FOOTER //\n// webpack/bootstrap 3ae04f70072a0dc2a61b"],"sourceRoot":""}
\ No newline at end of file
diff --git a/src/assets/activity/tips.png b/src/assets/activity/tips.png
new file mode 100755
index 0000000000000000000000000000000000000000..f1023c9c51d9d75c124d6b91272b1848fd665117
GIT binary patch
literal 11739
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
Pv|GzaD2kVf8v6Yo&c~sE

literal 0
HcmV?d00001

diff --git a/src/components/buy/activity.vue b/src/components/buy/activity.vue
index d1ab6516..2fb56356 100644
--- a/src/components/buy/activity.vue
+++ b/src/components/buy/activity.vue
@@ -103,13 +103,15 @@
         groupData:null,
         earnings: 0,
         userNum: 0,
-        inviteList: []
+        inviteList: [],
+        shareTitle: '唱唱启蒙英语邀友返现金',
+        shareDesc: '唱唱英语90天成长营,每成功邀请1人即可返现金88元,多邀多得,速来~'
       }
     },
     mounted(){
-//      this.getDetail();
       this.getInviteResult();
       this.getInviteList();
+      this.enableShare();
     },
     methods:{
       goToInvite(){
@@ -233,7 +235,7 @@
 
       },
       // 分享
-      enableShare: function(option) {
+      enableShare: function() {
         let that = this;
         getwechatParam({
           api_list:   'onMenuShareAppMessage,onMenuShareTimeline',
@@ -249,10 +251,10 @@
           });
           wx.ready(function() {
             wx.onMenuShareTimeline({
-              title: option.product_title, // 分享标题
-              desc: option.desc,// 分享描述
-              link: option.shareUrl, // 分享链接
-              imgUrl: option.shareIcon || 'https://cdn.singsingenglish.com/singsing/recommend/logo-refer.png', // 分享图标
+              title: that.shareTitle, // 分享标题
+              desc: that.shareDesc,// 分享描述
+              link: window.location.href, // 分享链接
+              imgUrl: 'https://cdn.singsingenglish.com/singsing/recommend/logo-refer.png', // 分享图标
               success: function() {
                 console.log('分享成功');
                 window._hmt.push(['_trackEvent', '分享', "商品页好友分享",`id${that.shopId}`,that.invite_code]);//百度统计
@@ -263,10 +265,10 @@
               }
             });
             wx.onMenuShareAppMessage({
-              title: option.product_title, // 分享标题
-              desc: option.desc,// 分享描述
-              link: option.shareUrl, // 分享链接
-              imgUrl: option.shareIcon || 'https://cdn.singsingenglish.com/singsing/recommend/logo-refer.png', // 分享图标
+              title: that.shareTitle, // 分享标题
+              desc: that.shareDesc,// 分享描述
+              link: window.location.href, // 分享链接
+              imgUrl: 'https://cdn.singsingenglish.com/singsing/recommend/logo-refer.png', // 分享图标
               success: function() {
                 window._hmt.push(['_trackEvent', '分享', "商品页朋友圈分享",`id${that.shopId}`,that.invite_code]);//百度统计
               },
@@ -281,12 +283,12 @@
         if(type === 1 ){
           URL = `${process.env.BUY_URL}?shopId=${this.shopId}&invite_code=${this.invite_code}`
         }
-        this.enableShare({
-          product_title: this.groupDetail.share_desc.title,
-          desc: this.groupDetail.share_desc.content,
-          shareIcon:this.groupDetail.share_desc.img[0].url,
-          shareUrl:URL
-        })
+//        this.enableShare({
+//          product_title: this.groupDetail.share_desc.title,
+//          desc: this.groupDetail.share_desc.content,
+//          shareIcon:this.groupDetail.share_desc.img[0].url,
+//          shareUrl:URL
+//        })
       },
       toDataURLBase64 (src, callback) {
         let xhttp = new XMLHttpRequest();
diff --git a/src/components/buy/activityInvite.vue b/src/components/buy/activityInvite.vue
index f19feb5c..c9fdd8a9 100644
--- a/src/components/buy/activityInvite.vue
+++ b/src/components/buy/activityInvite.vue
@@ -1,6 +1,7 @@
 <template>
   <div class="group-index" ref="index" v-if="groupDetail" style="background-color: #fda813;">
     <div>
+      <img class="tips" :src="tipsUrl"/>
       <div class="img-cvs" id="capture" ref="imageWrapper" v-if="groupDetail.share_desc.refImg && groupDetail.share_desc.refImg.length > 0">
         <img :src="groupDetail.share_desc.refImg[0].url">
         <div id="qrcode" class="qrcode">
@@ -10,22 +11,8 @@
       <div class="inviteBtn" id="inviteBtn">
         <div class="i-btn flex-start" @click="show=true">
           <img class="i-env" :src="whiteEnvelopeUrl"/>
-          <div class="elips"><span class="i-env-title">邀请语:</span><span>{{comments[commentIndex]}}</span></div>
-        </div>
-        <div class="g-btns">
-          <div>
-            <img :src="wechatUrl" @click="tips"/>
-            <div>微信好友</div>
-          </div>
-          <div>
-            <img :src="friendsUrl" @click="tips"/>
-            <div>朋友圈</div>
-          </div>
-          <div>
-            <img :src="downloadUrl" @click="onClickDownload"/>
-            <div>保存下载</div>
-          </div>
-
+          <span class="i-env-title">邀请语:</span>
+          <div class="elips"><span class="marquee">{{comments[commentIndex]}}</span></div>
         </div>
       </div>
       <mt-popup v-model="show" :closeOnClickModal="false">
@@ -65,11 +52,9 @@
   import redBtnUrl from '../../assets/activity/red-bg.png'
   import envelopeUrl from '../../assets/activity/envelope.png'
   import whiteEnvelopeUrl from '../../assets/activity/white-envelope.png'
-  import wechatUrl from '../../assets/activity/wechat.png'
-  import friendsUrl from '../../assets/activity/friends.png'
-  import downloadUrl from '../../assets/activity/download.png'
   import closePopUrl from '../../assets/activity/close.png'
   import switchUrl from '../../assets/activity/switch.png'
+  import tipsUrl from '../../assets/activity/tips.png'
   import html2canvas from 'html2canvas'
   import { Toast } from 'mint-ui';
   export default {
@@ -93,6 +78,7 @@
         weChatIcon:weChatIcon,
         closeUrl:closeUrl,
         moreUrl:moreUrl,
+        tipsUrl:tipsUrl,
         refIcon:refIcon,
         swiperOption: {
           pagination: {
@@ -111,9 +97,6 @@
         redBtnUrl: redBtnUrl,
         envelopeUrl: envelopeUrl,
         whiteEnvelopeUrl: whiteEnvelopeUrl,
-        wechatUrl: wechatUrl,
-        friendsUrl: friendsUrl,
-        downloadUrl: downloadUrl,
         closePopUrl: closePopUrl,
         switchUrl: switchUrl,
         show: false,
@@ -149,9 +132,6 @@
           duration: 2000
         });
       },
-      tips(){
-        Toast('请点击右上角菜单进行分享');
-      },
       refshow(){
         Indicator.open();
         if(document.body.scrollTop < 10){
@@ -175,6 +155,7 @@
               if(this.groupId && this.groupId !== 'null'){
                 URL += `&groupId=${this.groupId}`
               }
+              this.onNewShare(URL);
               console.log(URL);
               this.qrcode(URL);
               this.refVisible = true;
@@ -183,7 +164,8 @@
                   setTimeout(()=>{
                     let {
                       height,
-                      width
+                      width,
+                      top
                     } = document.getElementById('capture').getClientRects()[0]
                     document.getElementById('capture').style.width = width + 'px';
                     let o = this.getOffsetRect(this.$refs.imageWrapper);
@@ -191,7 +173,8 @@
                       height1,
                       width1
                     } = document.getElementById('capture').getClientRects()[0];
-                    document.getElementById('inviteBtn').style.top = height + 42 + 'px';
+                    console.log('document.getElementById', document.getElementById('capture').getClientRects()[0]);
+                    document.getElementById('inviteBtn').style.top = height + top + 20 + 'px';
                     document.getElementById('inviteBtn').style.opacity = 1;
                     html2canvas(document.getElementById('capture'),{
                       async: true,
@@ -265,9 +248,10 @@
             jsApiList: wechatRes.jsApiList
           });
           wx.ready(function() {
+              console.log('this.shareTitle', that.shareTitle)
             wx.onMenuShareTimeline({
-              title: this.shareTitle, // 分享标题
-              desc: this.shareDesc,// 分享描述
+              title: that.shareTitle, // 分享标题
+              desc: that.shareDesc,// 分享描述
               link: option.shareUrl, // 分享链接
               imgUrl: option.shareIcon || 'https://cdn.singsingenglish.com/singsing/recommend/logo-refer.png', // 分享图标
               success: function() {
@@ -280,8 +264,8 @@
               }
             });
             wx.onMenuShareAppMessage({
-              title: this.shareTitle, // 分享标题
-              desc: this.shareDesc,// 分享描述
+              title: that.shareTitle, // 分享标题
+              desc: that.shareDesc,// 分享描述
               link: option.shareUrl, // 分享链接
               imgUrl: option.shareIcon || 'https://cdn.singsingenglish.com/singsing/recommend/logo-refer.png', // 分享图标
               success: function() {
@@ -305,6 +289,14 @@
           shareUrl:URL
         })
       },
+      onNewShare(url){
+        this.enableShare({
+          product_title: this.groupDetail.share_desc.title,
+          desc: this.groupDetail.share_desc.content,
+          shareIcon:this.groupDetail.share_desc.img[0].url,
+          shareUrl:url
+        })
+      },
       toDataURLBase64 (src, callback) {
         let xhttp = new XMLHttpRequest();
         xhttp.onload = function () {
@@ -370,9 +362,8 @@
                 this.onShare(1)
               }
             } else {
-              this.onShare(1)
+              this.refshow()
             }
-            this.refshow()
           })
         }
 
@@ -407,11 +398,29 @@
         image.src = this.dataURL
       },
       onClickDownload(){
-        this.saveBase64AsFile(this.dataURL, 'test-download')
+//        this.saveBase64AsFile(this.dataURL, 'test-download')
+        let imgData = this.dataURL;
+        imgData = imgData.replace(this.fixType('jpg'),'image/octet-stream');
+        var filename = 'test' + '.' + 'jpg';
+        this.saveFile(imgData,filename);
+      },
+      saveFile(data, filename){
+        let save_link = document.createElementNS('http://www.w3.org/1999/xhtml', 'a');
+        save_link.href = data;
+        save_link.download = filename;
+
+        let event = document.createEvent('MouseEvents');
+        event.initMouseEvent('click', true, false, window, 0, 0, 0, 0, 0, false, false, false, false, 0, null);
+        save_link.dispatchEvent(event);
+      },
+      fixType(type){
+        type = type.toLowerCase().replace(/jpg/i, 'jpeg');
+        var r = type.match(/png|jpeg|bmp|gif/)[0];
+        return 'image/' + r;
       },
       saveBase64AsFile(base64, fileName) {
         let link = document.createElement("a");
-        link.setAttribute("href", base64);
+        link.setAttribute("href", this.friendsUrl);
         link.setAttribute("download", fileName);
         link.click();
       }
@@ -428,11 +437,48 @@
 </style>
 <style scoped lang="less">
   @import "../../util/public";
+  @keyframes marquee {
+    0% {
+      transform: translateX(0);
+    }
+    100% {
+      transform: translateX(-1300px);
+    }
+  }
+  .marquee {
+    display: block;
+    width: 100%;
+    top: 12 * @toVw;
+    left: 0;
+    text-align: center;
+    position: absolute;
+    -webkit-animation: marquee 30s linear infinite;
+    animation: marquee 30s linear infinite;
+  }
+  .elips {
+    position: relative;
+    width: 170* @toVw;
+    height: 100%;
+    overflow: hidden;
+    white-space: nowrap;
+    /*text-overflow: ellipsis;*/
+    margin: 0;
+    z-index: 1;
+  }
+  .tips {
+    width: 230 * @toVw;
+    margin-left: 163 / 2 * @toVw;
+    margin-top: 10 * @toVw;
+  }
   .img-cvs{
     position: absolute;
     width: 525 / 2 * @toVw;
-    top: 40 / 2 * @toVw;
+    top: 90 * @toVh;
     left: 113 / 2 * @toVw;
+    border-radius: 10px;
+    img {
+      border-radius: 10px;
+    }
   .qrcode{
     position: absolute;
     top: 700 / 2 * @toVw;
@@ -443,8 +489,9 @@
   .cvs-img{
     position: absolute;
     width: 525 / 2 * @toVw;
-    top: 40 / 2 * @toVw;
+    top: 90 * @toVh;
     left: 113 / 2 * @toVw;
+    border-radius: 10px;
     z-index: 10;
   }
   .inviteBtn {
@@ -469,9 +516,13 @@
         width: 36 / 2 * @toVw;;
         height: auto;
         margin-right: 5px;
+        margin-left: 0;
+        z-index: 2;
       }
       .i-env-title {
         font-size: 16 * @toVw;
+        margin:0;
+        z-index: 2;
       }
     }
   }
@@ -481,11 +532,6 @@
     justify-content: flex-start;
     align-items: center;
   }
-  .elips {
-    overflow: hidden;
-    white-space: nowrap;
-    text-overflow: ellipsis;
-  }
   .g-btns {
     display: flex;
     flex-flow: row nowrap;
diff --git a/src/components/buy/index.vue b/src/components/buy/index.vue
index 7fe75970..f0f27841 100644
--- a/src/components/buy/index.vue
+++ b/src/components/buy/index.vue
@@ -6,7 +6,7 @@
       </swiper-slide>
       <div class="swiper-pagination" slot="pagination"></div>
     </swiper>
-    <img :src="refIcon" class="ref-icon" @click="goToActivity()" v-if="groupDetail.is_auth_user === 1">
+    <img :src="refIcon" class="ref-icon shake" @click="goToActivity()" v-if="groupDetail.is_auth_user === 1">
     <div class="head">
       <div class="title">
         {{groupDetail.name}}
@@ -428,6 +428,31 @@
   img,video{
     max-width: 100%;
   }
+  @-webkit-keyframes swing {
+    10% {
+      transform: rotate(15deg);
+    }
+    20% {
+      transform: rotate(-10deg);
+    }
+    30% {
+      transform: rotate(5deg);
+    }
+    40% {
+      transform: rotate(-5deg);
+    }
+    50%, 100% {
+      transform: rotate(0deg);
+    }
+  }
+  .shake{
+     -webkit-animation-name: swing;
+     -webkit-animation-duration: 0.8s;
+     -webkit-transform-origin:50% 50%;
+     -webkit-animation-iteration-count: infinite;
+     -webkit-animation-timing-function: linear;
+   }
+
 </style>
 <style scoped lang="less">
   @import "../../util/public";
-- 
2.21.0