Skip to content

H
h5-base
Commit ebd87336 authored by 王's avatar 王
Browse files
Options

build test

parent bad54717
Hide whitespace changes
Inline Side-by-side
Showing with 146 additions and 61 deletions
dev/index.html
View file @ ebd87336
...@@ -4,4 +4,4 @@ ...@@ -4,4 +4,4 @@
hm.src = "https://hm.baidu.com/hm.js?3d48322170d471164729cba5dfa4195f"; hm.src = "https://hm.baidu.com/hm.js?3d48322170d471164729cba5dfa4195f";
var s = document.getElementsByTagName("script")[0]; var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(hm, s); 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> })();</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 \ No newline at end of file
dev/static/js/2.fbde2d7fdb1fb90a3a90.js 0 → 100644
View file @ ebd87336
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
dev/static/js/2.fbde2d7fdb1fb90a3a90.js.map 0 → 100644
View file @ ebd87336
This source diff could not be displayed because it is too large. You can view the blob instead.
dev/static/js/3.61bb4e094927393a5d57.js 0 → 100644
View file @ ebd87336
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
dev/static/js/3.61bb4e094927393a5d57.js.map 0 → 100644
View file @ ebd87336
{"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
dev/static/js/8.16b92d1aee1891d912d2.js 0 → 100644
View file @ ebd87336
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
dev/static/js/8.16b92d1aee1891d912d2.js.map 0 → 100644
View file @ ebd87336
This source diff could not be displayed because it is too large. You can view the blob instead.
dev/static/js/manifest.189c36eb861bd4c06c12.js 0 → 100644
View file @ ebd87336
!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
dev/static/js/manifest.189c36eb861bd4c06c12.js.map 0 → 100644
View file @ ebd87336
{"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
src/components/buy/activity.vue
View file @ ebd87336
...@@ -103,13 +103,15 @@ ...@@ -103,13 +103,15 @@
groupData:null, groupData:null,
earnings: 0, earnings: 0,
userNum: 0, userNum: 0,
inviteList: [] inviteList: [],
shareTitle: '唱唱启蒙英语邀友返现金',
shareDesc: '唱唱英语90天成长营，每成功邀请1人即可返现金88元，多邀多得，速来~'
} }
}, },
mounted(){ mounted(){
// this.getDetail();
this.getInviteResult(); this.getInviteResult();
this.getInviteList(); this.getInviteList();
this.enableShare();
}, },
methods:{ methods:{
goToInvite(){ goToInvite(){
...@@ -233,7 +235,7 @@ ...@@ -233,7 +235,7 @@
}, },
// 分享 // 分享
enableShare: function(option) { enableShare: function() {
let that = this; let that = this;
getwechatParam({ getwechatParam({
api_list: 'onMenuShareAppMessage,onMenuShareTimeline', api_list: 'onMenuShareAppMessage,onMenuShareTimeline',
...@@ -249,10 +251,10 @@ ...@@ -249,10 +251,10 @@
}); });
wx.ready(function() { wx.ready(function() {
wx.onMenuShareTimeline({ wx.onMenuShareTimeline({
title: option.product_title, // 分享标题 title: that.shareTitle, // 分享标题
desc: option.desc,// 分享描述 desc: that.shareDesc,// 分享描述
link: option.shareUrl, // 分享链接 link: window.location.href, // 分享链接
imgUrl: option.shareIcon || 'https://cdn.singsingenglish.com/singsing/recommend/logo-refer.png', // 分享图标 imgUrl: 'https://cdn.singsingenglish.com/singsing/recommend/logo-refer.png', // 分享图标
success: function() { success: function() {
console.log('分享成功'); console.log('分享成功');
window._hmt.push(['_trackEvent', '分享', "商品页好友分享",`id${that.shopId}`,that.invite_code]);//百度统计 window._hmt.push(['_trackEvent', '分享', "商品页好友分享",`id${that.shopId}`,that.invite_code]);//百度统计
...@@ -263,10 +265,10 @@ ...@@ -263,10 +265,10 @@
} }
}); });
wx.onMenuShareAppMessage({ wx.onMenuShareAppMessage({
title: option.product_title, // 分享标题 title: that.shareTitle, // 分享标题
desc: option.desc,// 分享描述 desc: that.shareDesc,// 分享描述
link: option.shareUrl, // 分享链接 link: window.location.href, // 分享链接
imgUrl: option.shareIcon || 'https://cdn.singsingenglish.com/singsing/recommend/logo-refer.png', // 分享图标 imgUrl: 'https://cdn.singsingenglish.com/singsing/recommend/logo-refer.png', // 分享图标
success: function() { success: function() {
window._hmt.push(['_trackEvent', '分享', "商品页朋友圈分享",`id${that.shopId}`,that.invite_code]);//百度统计 window._hmt.push(['_trackEvent', '分享', "商品页朋友圈分享",`id${that.shopId}`,that.invite_code]);//百度统计
}, },
...@@ -281,12 +283,12 @@ ...@@ -281,12 +283,12 @@
if(type === 1 ){ if(type === 1 ){
URL = `${process.env.BUY_URL}?shopId=${this.shopId}&invite_code=${this.invite_code}` URL = `${process.env.BUY_URL}?shopId=${this.shopId}&invite_code=${this.invite_code}`
} }
this.enableShare({ // this.enableShare({
product_title: this.groupDetail.share_desc.title, // product_title: this.groupDetail.share_desc.title,
desc: this.groupDetail.share_desc.content, // desc: this.groupDetail.share_desc.content,
shareIcon:this.groupDetail.share_desc.img[0].url, // shareIcon:this.groupDetail.share_desc.img[0].url,
shareUrl:URL // shareUrl:URL
}) // })
}, },
toDataURLBase64 (src, callback) { toDataURLBase64 (src, callback) {
let xhttp = new XMLHttpRequest(); let xhttp = new XMLHttpRequest();
......
src/components/buy/activityInvite.vue
View file @ ebd87336
<template> <template>
<div class="group-index" ref="index" v-if="groupDetail" style="background-color: #fda813;"> <div class="group-index" ref="index" v-if="groupDetail" style="background-color: #fda813;">
<div> <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"> <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"> <img :src="groupDetail.share_desc.refImg[0].url">
<div id="qrcode" class="qrcode"> <div id="qrcode" class="qrcode">
...@@ -10,22 +11,8 @@ ...@@ -10,22 +11,8 @@
<div class="inviteBtn" id="inviteBtn"> <div class="inviteBtn" id="inviteBtn">
<div class="i-btn flex-start" @click="show=true"> <div class="i-btn flex-start" @click="show=true">
<img class="i-env" :src="whiteEnvelopeUrl"/> <img class="i-env" :src="whiteEnvelopeUrl"/>
<div class="elips"><span class="i-env-title">邀请语：</span><span>{{comments[commentIndex]}}</span></div> <span class="i-env-title">邀请语：</span>
</div> <div class="elips"><span class="marquee">{{comments[commentIndex]}}</span></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>
</div> </div>
</div> </div>
<mt-popup v-model="show" :closeOnClickModal="false"> <mt-popup v-model="show" :closeOnClickModal="false">
...@@ -65,11 +52,9 @@ ...@@ -65,11 +52,9 @@
import redBtnUrl from '../../assets/activity/red-bg.png' import redBtnUrl from '../../assets/activity/red-bg.png'
import envelopeUrl from '../../assets/activity/envelope.png' import envelopeUrl from '../../assets/activity/envelope.png'
import whiteEnvelopeUrl from '../../assets/activity/white-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 closePopUrl from '../../assets/activity/close.png'
import switchUrl from '../../assets/activity/switch.png' import switchUrl from '../../assets/activity/switch.png'
import tipsUrl from '../../assets/activity/tips.png'
import html2canvas from 'html2canvas' import html2canvas from 'html2canvas'
import { Toast } from 'mint-ui'; import { Toast } from 'mint-ui';
export default { export default {
...@@ -93,6 +78,7 @@ ...@@ -93,6 +78,7 @@
weChatIcon:weChatIcon, weChatIcon:weChatIcon,
closeUrl:closeUrl, closeUrl:closeUrl,
moreUrl:moreUrl, moreUrl:moreUrl,
tipsUrl:tipsUrl,
refIcon:refIcon, refIcon:refIcon,
swiperOption: { swiperOption: {
pagination: { pagination: {
...@@ -111,9 +97,6 @@ ...@@ -111,9 +97,6 @@
redBtnUrl: redBtnUrl, redBtnUrl: redBtnUrl,
envelopeUrl: envelopeUrl, envelopeUrl: envelopeUrl,
whiteEnvelopeUrl: whiteEnvelopeUrl, whiteEnvelopeUrl: whiteEnvelopeUrl,
wechatUrl: wechatUrl,
friendsUrl: friendsUrl,
downloadUrl: downloadUrl,
closePopUrl: closePopUrl, closePopUrl: closePopUrl,
switchUrl: switchUrl, switchUrl: switchUrl,
show: false, show: false,
...@@ -149,9 +132,6 @@ ...@@ -149,9 +132,6 @@
duration: 2000 duration: 2000
}); });
}, },
tips(){
Toast('请点击右上角菜单进行分享');
},
refshow(){ refshow(){
Indicator.open(); Indicator.open();
if(document.body.scrollTop < 10){ if(document.body.scrollTop < 10){
...@@ -175,6 +155,7 @@ ...@@ -175,6 +155,7 @@
if(this.groupId && this.groupId !== 'null'){ if(this.groupId && this.groupId !== 'null'){
URL += `&groupId=${this.groupId}` URL += `&groupId=${this.groupId}`
} }
this.onNewShare(URL);
console.log(URL); console.log(URL);
this.qrcode(URL); this.qrcode(URL);
this.refVisible = true; this.refVisible = true;
...@@ -183,7 +164,8 @@ ...@@ -183,7 +164,8 @@
setTimeout(()=>{ setTimeout(()=>{
let { let {
height, height,
width width,
top
} = document.getElementById('capture').getClientRects()[0] } = document.getElementById('capture').getClientRects()[0]
document.getElementById('capture').style.width = width + 'px'; document.getElementById('capture').style.width = width + 'px';
let o = this.getOffsetRect(this.$refs.imageWrapper); let o = this.getOffsetRect(this.$refs.imageWrapper);
...@@ -191,7 +173,8 @@ ...@@ -191,7 +173,8 @@
height1, height1,
width1 width1
} = document.getElementById('capture').getClientRects()[0]; } = 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; document.getElementById('inviteBtn').style.opacity = 1;
html2canvas(document.getElementById('capture'),{ html2canvas(document.getElementById('capture'),{
async: true, async: true,
...@@ -265,9 +248,10 @@ ...@@ -265,9 +248,10 @@
jsApiList: wechatRes.jsApiList jsApiList: wechatRes.jsApiList
}); });
wx.ready(function() { wx.ready(function() {
console.log('this.shareTitle', that.shareTitle)
wx.onMenuShareTimeline({ wx.onMenuShareTimeline({
title: this.shareTitle, // 分享标题 title: that.shareTitle, // 分享标题
desc: this.shareDesc,// 分享描述 desc: that.shareDesc,// 分享描述
link: option.shareUrl, // 分享链接 link: option.shareUrl, // 分享链接
imgUrl: option.shareIcon || 'https://cdn.singsingenglish.com/singsing/recommend/logo-refer.png', // 分享图标 imgUrl: option.shareIcon || 'https://cdn.singsingenglish.com/singsing/recommend/logo-refer.png', // 分享图标
success: function() { success: function() {
...@@ -280,8 +264,8 @@ ...@@ -280,8 +264,8 @@
} }
}); });
wx.onMenuShareAppMessage({ wx.onMenuShareAppMessage({
title: this.shareTitle, // 分享标题 title: that.shareTitle, // 分享标题
desc: this.shareDesc,// 分享描述 desc: that.shareDesc,// 分享描述
link: option.shareUrl, // 分享链接 link: option.shareUrl, // 分享链接
imgUrl: option.shareIcon || 'https://cdn.singsingenglish.com/singsing/recommend/logo-refer.png', // 分享图标 imgUrl: option.shareIcon || 'https://cdn.singsingenglish.com/singsing/recommend/logo-refer.png', // 分享图标
success: function() { success: function() {
...@@ -305,6 +289,14 @@ ...@@ -305,6 +289,14 @@
shareUrl:URL 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) { toDataURLBase64 (src, callback) {
let xhttp = new XMLHttpRequest(); let xhttp = new XMLHttpRequest();
xhttp.onload = function () { xhttp.onload = function () {
...@@ -370,9 +362,8 @@ ...@@ -370,9 +362,8 @@
this.onShare(1) this.onShare(1)
} }
} else { } else {
this.onShare(1) this.refshow()
} }
this.refshow()
}) })
} }
...@@ -407,11 +398,29 @@ ...@@ -407,11 +398,29 @@
image.src = this.dataURL image.src = this.dataURL
}, },
onClickDownload(){ 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) { saveBase64AsFile(base64, fileName) {
let link = document.createElement("a"); let link = document.createElement("a");
link.setAttribute("href", base64); link.setAttribute("href", this.friendsUrl);
link.setAttribute("download", fileName); link.setAttribute("download", fileName);
link.click(); link.click();
} }
...@@ -428,11 +437,48 @@ ...@@ -428,11 +437,48 @@
</style> </style>
<style scoped lang="less"> <style scoped lang="less">
@import "../../util/public"; @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{ .img-cvs{
position: absolute; position: absolute;
width: 525 / 2 * @toVw; width: 525 / 2 * @toVw;
top: 40 / 2 * @toVw; top: 90 * @toVh;
left: 113 / 2 * @toVw; left: 113 / 2 * @toVw;
border-radius: 10px;
img {
border-radius: 10px;
}
.qrcode{ .qrcode{
position: absolute; position: absolute;
top: 700 / 2 * @toVw; top: 700 / 2 * @toVw;
...@@ -443,8 +489,9 @@ ...@@ -443,8 +489,9 @@
.cvs-img{ .cvs-img{
position: absolute; position: absolute;
width: 525 / 2 * @toVw; width: 525 / 2 * @toVw;
top: 40 / 2 * @toVw; top: 90 * @toVh;
left: 113 / 2 * @toVw; left: 113 / 2 * @toVw;
border-radius: 10px;
z-index: 10; z-index: 10;
} }
.inviteBtn { .inviteBtn {
...@@ -469,9 +516,13 @@ ...@@ -469,9 +516,13 @@
width: 36 / 2 * @toVw;; width: 36 / 2 * @toVw;;
height: auto; height: auto;
margin-right: 5px; margin-right: 5px;
margin-left: 0;
z-index: 2;
} }
.i-env-title { .i-env-title {
font-size: 16 * @toVw; font-size: 16 * @toVw;
margin:0;
z-index: 2;
} }
} }
} }
...@@ -481,11 +532,6 @@ ...@@ -481,11 +532,6 @@
justify-content: flex-start; justify-content: flex-start;
align-items: center; align-items: center;
} }
.elips {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.g-btns { .g-btns {
display: flex; display: flex;
flex-flow: row nowrap; flex-flow: row nowrap;
......
src/components/buy/index.vue
View file @ ebd87336
...@@ -6,7 +6,7 @@ ...@@ -6,7 +6,7 @@
</swiper-slide> </swiper-slide>
<div class="swiper-pagination" slot="pagination"></div> <div class="swiper-pagination" slot="pagination"></div>
</swiper> </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="head">
<div class="title"> <div class="title">
{{groupDetail.name}} {{groupDetail.name}}
...@@ -428,6 +428,31 @@ ...@@ -428,6 +428,31 @@
img,video{ img,video{
max-width: 100%; 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>
<style scoped lang="less"> <style scoped lang="less">
@import "../../util/public"; @import "../../util/public";
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment