Commit 2ae6a5e4 authored by chenyishuai@singsingenglish.com's avatar chenyishuai@singsingenglish.com

78

parents 3f526255 a166e3b4
...@@ -11,4 +11,4 @@ ...@@ -11,4 +11,4 @@
position: fixed; position: fixed;
background: #f4f4f4; background: #f4f4f4;
} }
/* html{font-size: 1px;} */</style><link href=static/css/app.91d2eea1dfca80994de99748f577fac4.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></script><script type=text/javascript src=static/js/manifest.1ef7755f28b8fcd163e9.js></script><script type=text/javascript src=static/js/vendor.a46051d06c394744be78.js></script><script type=text/javascript src=static/js/app.97353bbe6dee2c9beabe.js></script></body></html> /* html{font-size: 1px;} */</style><link href=static/css/app.91d2eea1dfca80994de99748f577fac4.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></script><script type=text/javascript src=static/js/manifest.e5a1dfd1bdd54af9c3c2.js></script><script type=text/javascript src=static/js/vendor.a46051d06c394744be78.js></script><script type=text/javascript src=static/js/app.97353bbe6dee2c9beabe.js></script></body></html>
\ No newline at end of file \ No newline at end of file
webpackJsonp([11],{"0Kes":function(n,e,t){var A=t("sx92");"string"==typeof A&&(A=[[n.i,A,""]]),A.locals&&(n.exports=A.locals);t("rjj0")("1d4c70cc",A,!1,{})},"1UEi":function(n,e,t){n.exports=t.p+"static/img/refIcon.baa8203.png"},"9SAN":function(n,e,t){var A=t("MyYq");"string"==typeof A&&(A=[[n.i,A,""]]),A.locals&&(n.exports=A.locals);t("rjj0")("4915852d",A,!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=="},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,\r\nvideo {\r\n max-width: 100%;\n}\n.copyToast {\r\n z-index: 9999;\n}\r\n","",{version:3,sources:["C:/Users/Administrator/Desktop/h5/wechat/src/components/buy/activityInvite.vue"],names:[],mappings:";AACA;;EAEE,gBAAgB;CACjB;AACD;EACE,cAAc;CACf",file:"activityInvite.vue",sourcesContent:["\nimg,\r\nvideo {\r\n max-width: 100%;\n}\n.copyToast {\r\n z-index: 9999;\n}\r\n"],sourceRoot:""}])},aRHX:function(n,e,t){"use strict";Object.defineProperty(e,"__esModule",{value:!0});t("eqfM");var A=t("/QYm"),a=t("bOdI"),i=t.n(a),o=(t("q/am"),t("4VPn")),d=t.n(o),r=(t("v2ns"),t("7QTg")),l=t("MJLE"),s=t.n(l),p=t("CCn6"),c=t("E26C"),C=t.n(c),B=t("kXdI"),g=t.n(B),v=t("1UEi"),m=t.n(v),b=t("XaoW"),w=t.n(b),h=t("zpE/"),E=t.n(h),u=t("0ZjB"),f=t.n(u),x=t("t2jw"),k=t.n(x),D=t("BRsW"),I=t.n(D),R=t("wtGu"),U=t.n(R),y=t("rEFa"),N=t.n(y),z=t("H9j6"),M=t.n(z),Y=t("eMjc"),S=t.n(Y),j={name:"index",components:i()({swiper:r.swiper,swiperSlide:r.swiperSlide},d.a.name,d.a),data:function(){return{showLoad:!1,refBg:C.a,join:!1,popType:!1,popFill:!1,popupVisible:!1,refVisible:!1,tabType:!0,popcontentW:"您已经购买过课程,无需重复<br>购买,您可以添加微信公众号了解更多",popcontentT:"为了更好地为您进行课程服务,<br>请扫码添加老师二维码",qrCode:E.a,weChatIcon:w.a,closeUrl:f.a,moreUrl:g.a,refIcon:m.a,swiperOption:{pagination:{el:".swiper-pagination"}},QRCodeB:!1,dataURL:null,user_id:null,avatar:"",invite_code_f:!0,invite_code:"",shopId:"",groupId:null,groupDetail:!1,groupData:null,redBtnUrl:k.a,envelopeUrl:I.a,whiteEnvelopeUrl:U.a,closePopUrl:N.a,switchUrl:M.a,show:!1,comments:["英语这样启蒙效果太棒啦,唱唱这个启蒙课程做得真不错,推荐给你们!现在限时优惠价129元,通过我这个老学员的推荐,可获得30元代金券,下单立减,到手价99元。全勤完课还返66元现金,报名立送实物教具礼盒,包邮送到家。数量有限,先到先得!","发现一款对宝宝英语启蒙特别有用的产品,每天10分钟宝宝已经爱上英语、爱唱英语。现在他们这个21天课程在做活动,我体验过了,真的很好!现限时限量优惠,速来报名~","第一次接触线上启蒙英语,发现唱唱课程实在太棒啦,既省事宝宝学起来还方便,每天在快乐中学习。现在他们这个21天课程在做活动,全勤学习还返66元现金,报名立送教具礼盒,快来和我一起参与吧!"],commentIndex:0,shareTitle:"钜惠来袭!唱唱21天英语训练营,全勤学习返66元现金",shareDesc:"21天让宝宝爱上说英语,报课即送教具礼盒,包邮送到家!"}},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(n),Object(A.a)({message:"复制成功",position:"middle",className:"copyToast",duration:2e3}),this.show=!1},refshow:function(){var n=this;if(A.a.loading({mask:"true"}),document.body.scrollTop<10&&(document.body.scrollTop=20,document.documentElement.scrollTop=20),localStorage.getItem("cc_token")&&""!==localStorage.getItem("cc_token")){var e=JSON.parse(localStorage.getItem("userDesc"));this.invite_code||(this.invite_code="CC-USER"),this.user_id=JSON.parse(localStorage.getItem("userDesc")).user_id;var t=this,a=this.invite_code.split("-");a.length>2&&("TEACHER"===a[1]||"XXMM"===a[1])&&(a[1]="USER");var i=a[0]+"-"+a[1],o="https://wechat-test.changchangenglish.com/#/buyDetail?shopId="+this.shopId+"&invite_code="+i+"-"+this.user_id+"&nickname="+e.nickname;this.groupId&&"null"!==this.groupId&&(o+="&groupId="+this.groupId),this.onNewShare(o),this.toDataURLBase64(JSON.parse(localStorage.getItem("userDesc")).avatar.replace("http://","https://"),function(n){t.avatar=n}),this.refVisible=!0,this.$nextTick(function(){t.qrcode(o),n.dataURL||setTimeout(function(){n.showLoad=!0,n.$nextTick(function(){document.getElementById("showImg").onload=function(){var e=document.getElementById("capture").getClientRects()[0],t=e.height,a=e.width,i=e.top;n.getOffsetRect(n.$refs.imageWrapper);console.log("document.getElementById",document.getElementById("capture").getClientRects()[0]),document.getElementById("inviteBtn").style.top=t+i+20+"px",document.getElementById("inviteBtn").style.opacity=1,S()(document.getElementById("capture"),{async:!0,timeout:500,useCORS:!0,scrollX:1,scale:2,width:a,height:t,letterRendering:!0}).then(function(e){var t=e.toDataURL("image/png",.9);n.dataURL=t,A.a.clear()}).catch(function(n){alert(n),console.log()})}})},500)})}else{var d={retUrl:this.$route.fullPath,is_new_user_url:"1"};this.$router.push({name:"author",query:d})}},getOffsetRect:function(n){var e=n.getBoundingClientRect(),t=document.body,A=document.documentElement,a=window.pageYOffset||A.scrollTop||t.scrollTop,i=window.pageXOffset||A.scrollLeft||t.scrollLeft,o=A.clientTop||t.clientTop,d=A.clientLeft||t.clientLeft,r=e.top+a-o,l=e.left+i-d;return{top:Math.round(r),left:Math.round(l)}},qrcode:function(n){this.QRCodeB?this.QRCodeB.makeCode(n):this.QRCodeB=new s.a("qrcode",{width:180,height:180,text:n,image:""})},enableShare:function(n){var e=this;Object(p.S)({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(){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=JSON.parse(localStorage.getItem("userDesc")),t="https://wechat-test.changchangenglish.com/#/buyDetail??shopId="+this.shopId+"&groupId="+this.groupId+"&invite_code="+this.invite_code+"&nickname="+e.nickname;1===n&&(t="https://wechat-test.changchangenglish.com/#/buyDetail??shopId="+this.shopId+"&invite_code="+this.invite_code+"&nickname="+e.nickname),this.enableShare({product_title:this.groupDetail.share_desc.title,desc:this.groupDetail.share_desc.content,shareIcon:this.groupDetail.share_desc.img[0].url,shareUrl:t})},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(p.q)(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 A=n;n.toDataURLBase64(n.groupDetail.share_desc.refImg[0].url,function(n){A.groupDetail.share_desc.refImg[0].url=n})}2===n.groupDetail.goods_type&&localStorage.getItem("cc_token")?Object(p.J)({goods_id:n.shopId}).then(function(e){e.out_trade_no?n.$router.push({name:"success",query:{out_trade_no:e.out_trade_no}}):n.refshow()}):n.refshow()}))}}},W=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":"#F9DCCF"}},[t("div",[n.groupDetail.share_desc.refImg&&n.groupDetail.share_desc.refImg.length>0?t("div",{ref:"imageWrapper",staticClass:"img-cvs",attrs:{id:"capture"}},[n.avatar&&n.QRCodeB?t("div",{attrs:{id:"avatarImg"}},[n.showLoad?t("img",{attrs:{src:n.groupDetail.share_desc.refImg[0].url,id:"showImg"}}):n._e(),n._v(" "),t("div",{staticClass:"avatar-container"},[t("img",{staticClass:"avatar",attrs:{src:n.avatar}}),n._v(" 我已加入,邀请你一起加入\n ")])]):n._e(),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"}},[n._m(0),n._v(" "),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("div",{staticClass:"line"})]),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",{domProps:{innerHTML:n._s(n.comments[n.commentIndex].replace(/\n/g,"</br>"))}})]),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()};W._withStripped=!0;var V={render:W,staticRenderFns:[function(){var n=this.$createElement,e=this._self._c||n;return e("div",{staticClass:"content-text"},[e("h3",[this._v("长按保存海报 或发送给好友")]),this._v(" "),e("p",[this._v("越多朋友购买,您可得越多奖励")])])}]},Z=V;var X=!1;var T=t("VU/8")(j,Z,!1,function(n){X||(t("9SAN"),t("0Kes"))},"data-v-3a31699e",null);T.options.__file="src/components/buy/activityInvite.vue";e.default=T.exports},rEFa:function(n,e){n.exports="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEsAAABLCAYAAAA4TnrqAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjE5MUEyNDIzRUZEQjExRTg4OUI5RThGRUFFMkUzMkQ2IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjE5MUEyNDI0RUZEQjExRTg4OUI5RThGRUFFMkUzMkQ2Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MTkxQTI0MjFFRkRCMTFFODg5QjlFOEZFQUUyRTMyRDYiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MTkxQTI0MjJFRkRCMTFFODg5QjlFOEZFQUUyRTMyRDYiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7e86tzAAAHM0lEQVR42uyc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"},sx92:function(n,e,t){(n.exports=t("FZ+f")(!0)).push([n.i,'\n.fl-r[data-v-3a31699e] {\n float: right;\n}\n.fr[data-v-3a31699e] {\n float: right;\n}\n.fl[data-v-3a31699e] {\n float: left;\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 min-height: 10px;\n}\n@-webkit-keyframes myfirst-data-v-3a31699e {\n0% {\n -webkit-transform: scale(1);\n}\n50% {\n -webkit-transform: scale(1.1);\n}\n100% {\n -webkit-transform: scale(1);\n}\n}\n.van-button--info[data-v-3a31699e] {\n background: #40A9FF;\n border: 1px solid #40A9FF;\n}\n.van-popup[data-v-3a31699e] {\n background: transparent;\n}\n@-webkit-keyframes marquee-data-v-3a31699e {\n0% {\n -webkit-transform: translateX(0);\n transform: translateX(0);\n}\n100% {\n -webkit-transform: translateX(-1000px);\n transform: translateX(-1000px);\n}\n}\n@keyframes marquee-data-v-3a31699e {\n0% {\n -webkit-transform: translateX(0);\n transform: translateX(0);\n}\n100% {\n -webkit-transform: translateX(-1000px);\n transform: translateX(-1000px);\n}\n}\n#app[data-v-3a31699e] {\n background: #59c1f1;\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 background: #fda813;\n width: 69.06666667vw;\n top: 3.74812594vh;\n left: 15.06666667vw;\n}\n.img-cvs .avatar-container[data-v-3a31699e] {\n position: absolute;\n top: 1.1994003vh;\n left: 2.13333333vw;\n font-size: 3.2vw;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\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 color: #fff;\n}\n.img-cvs .avatar-container img[data-v-3a31699e] {\n width: 8vw;\n margin-right: 5px;\n border-radius: 50%;\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: 92vw;\n left: 4vw;\n width: 16vw !important;\n}\n.img-cvs .qrcode[data-v-3a31699e] canvas {\n width: 16vw !important;\n height: 16vw !important;\n}\n.img-cvs .qrcode[data-v-3a31699e] img {\n width: 16vw !important;\n height: 16vw !important;\n}\n#avatarImg[data-v-3a31699e] {\n max-height: 110.66666667vw;\n}\n.cvs-img[data-v-3a31699e] {\n position: absolute;\n width: 69.06666667vw;\n top: 3.74812594vh;\n left: 15.06666667vw;\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: #ff7d77;\n border-radius: 6.66666667vw;\n -webkit-box-shadow: 0px 1px 8px 0px rgba(255, 125, 119, 0.5);\n box-shadow: 0px 1px 8px 0px rgba(255, 125, 119, 0.5);\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: #ff7d77;\n -webkit-box-shadow: 0px 1px 8px 0px #ff7d77;\n box-shadow: 0px 1px 8px 0px #ff7d77;\n border-radius: 7.2vw;\n background-size: cover;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n width: 52.26666667vw;\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 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 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 .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.content-text[data-v-3a31699e] {\n margin-bottom: 4vw;\n}\n.content-text h3[data-v-3a31699e] {\n margin-bottom: 1.33333333vw;\n}\n.content-text p[data-v-3a31699e] {\n font-size: 4.26666667vw;\n}\n',"",{version:3,sources:["C:/Users/Administrator/Desktop/h5/wechat/src/components/buy/activityInvite.vue"],names:[],mappings:";AACA;EACE,aAAa;CACd;AACD;EACE,aAAa;CACd;AACD;EACE,YAAY;CACb;AACD;EACE,YAAY;EACZ,kBAAkB;EAClB,aAAa;CACd;AACD;EACE,YAAY;EACZ,eAAe;EACf,YAAY;CACb;AACD;EACE,oBAAoB;CACrB;AACD;EACE,WAAW;EACX,YAAY;CACb;AACD;EACE,uBAAuB;EACvB,oBAAoB;EACpB,iBAAiB;CAClB;AACD;AACA;IACI,4BAA4B;CAC/B;AACD;IACI,8BAA8B;CACjC;AACD;IACI,4BAA4B;CAC/B;CACA;AACD;EACE,oBAAoB;EACpB,0BAA0B;CAC3B;AACD;EACE,wBAAwB;CACzB;AACD;AACA;IACI,iCAAiC;YACzB,yBAAyB;CACpC;AACD;IACI,uCAAuC;YAC/B,+BAA+B;CAC1C;CACA;AACD;AACA;IACI,iCAAiC;YACzB,yBAAyB;CACpC;AACD;IACI,uCAAuC;YAC/B,+BAA+B;CAC1C;CACA;AACD;EACE,oBAAoB;CACrB;AACD;EACE,eAAe;EACf,YAAY;EACZ,WAAW;EACX,QAAQ;EACR,mBAAmB;EACnB,mBAAmB;EACnB,+DAA+D;EAC/D,uDAAuD;CACxD;AACD;EACE,mBAAmB;EACnB,qBAAqB;EACrB,aAAa;EACb,iBAAiB;EACjB,oBAAoB;EACpB,4BAA4B;EAC5B,UAAU;EACV,WAAW;CACZ;AACD;EACE,qBAAqB;EACrB,2BAA2B;EAC3B,yBAAyB;CAC1B;AACD;EACE,mBAAmB;EACnB,oBAAoB;EACpB,qBAAqB;EACrB,kBAAkB;EAClB,oBAAoB;CACrB;AACD;EACE,mBAAmB;EACnB,iBAAiB;EACjB,mBAAmB;EACnB,iBAAiB;EACjB,qBAAqB;EACrB,qBAAqB;EACrB,cAAc;EACd,yBAAyB;MACrB,sBAAsB;UAClB,wBAAwB;EAChC,0BAA0B;MACtB,uBAAuB;UACnB,oBAAoB;EAC5B,YAAY;CACb;AACD;EACE,WAAW;EACX,kBAAkB;EAClB,mBAAmB;CACpB;AACD;EACE,wBAAwB;CACzB;AACD;EACE,mBAAmB;EACnB,UAAU;EACV,UAAU;EACV,uBAAuB;CACxB;AACD;EACE,uBAAuB;EACvB,wBAAwB;CACzB;AACD;EACE,uBAAuB;EACvB,wBAAwB;CACzB;AACD;EACE,2BAA2B;CAC5B;AACD;EACE,mBAAmB;EACnB,qBAAqB;EACrB,kBAAkB;EAClB,oBAAoB;EACpB,YAAY;CACb;AACD;EACE,mBAAmB;EACnB,YAAY;EACZ,WAAW;EACX,mBAAmB;CACpB;AACD;EACE,mBAAmB;EACnB,cAAc;EACd,sBAAsB;EACtB,iBAAiB;EACjB,wBAAwB;EACxB,YAAY;EACZ,oBAAoB;EACpB,4BAA4B;EAC5B,6DAA6D;UACrD,qDAAqD;EAC7D,uBAAuB;EACvB,+BAA+B;UACvB,uBAAuB;EAC/B,0BAA0B;EAC1B,iBAAiB;CAClB;AACD;EACE,aAAa;EACb,aAAa;EACb,kBAAkB;EAClB,eAAe;EACf,WAAW;CACZ;AACD;EACE,wBAAwB;EACxB,UAAU;EACV,WAAW;CACZ;AACD;EACE,qBAAqB;EACrB,qBAAqB;EACrB,cAAc;EACd,+BAA+B;EAC/B,8BAA8B;MAC1B,0BAA0B;UACtB,sBAAsB;EAC9B,wBAAwB;MACpB,qBAAqB;UACjB,4BAA4B;EACpC,0BAA0B;MACtB,uBAAuB;UACnB,oBAAoB;CAC7B;AACD;EACE,qBAAqB;EACrB,qBAAqB;EACrB,cAAc;EACd,+BAA+B;EAC/B,8BAA8B;MAC1B,0BAA0B;UACtB,sBAAsB;EAC9B,0BAA0B;MACtB,8BAA8B;EAClC,0BAA0B;MACtB,uBAAuB;UACnB,oBAAoB;EAC5B,cAAc;EACd,gBAAgB;EAChB,wBAAwB;EACxB,YAAY;CACb;AACD;EACE,cAAc;EACd,eAAe;CAChB;AACD;EACE,oBAAoB;EACpB,4CAA4C;UACpC,oCAAoC;EAC5C,qBAAqB;EACrB,uBAAuB;EACvB,+BAA+B;UACvB,uBAAuB;EAC/B,qBAAqB;EACrB,sBAAsB;EACtB,mBAAmB;EACnB,2BAA2B;EAC3B,YAAY;EACZ,wBAAwB;CACzB;AACD;EACE,qBAAqB;EACrB,qBAAqB;EACrB,cAAc;EACd,+BAA+B;EAC/B,8BAA8B;MAC1B,0BAA0B;UACtB,sBAAsB;EAC9B,0BAA0B;MACtB,uBAAuB;UACnB,+BAA+B;EACvC,0BAA0B;MACtB,uBAAuB;UACnB,oBAAoB;CAC7B;AACD;EACE,YAAY;EACZ,eAAe;CAChB;AACD;EACE,oBAAoB;EACpB,qBAAqB;EACrB,oBAAoB;CACrB;AACD;EACE,WAAW;EACX,YAAY;CACb;AACD;EACE,eAAe;EACf,mBAAmB;CACpB;AACD;EACE,eAAe;CAChB;AACD;EACE,UAAU;CACX;AACD;EACE,qBAAqB;EACrB,gBAAgB;EAChB,2BAA2B;EAC3B,mBAAmB;CACpB;AACD;EACE,gBAAgB;EAChB,mBAAmB;EACnB,YAAY;EACZ,oBAAoB;EACpB,mBAAmB;EACnB,WAAW;CACZ;AACD;EACE,0BAA0B;EAC1B,oBAAoB;EACpB,gCAAgC;CACjC;AACD;EACE,gBAAgB;EAChB,aAAa;EACb,UAAU;EACV,WAAW;EACX,oBAAoB;EACpB,qBAAqB;CACtB;AACD;EACE,kBAAkB;CACnB;AACD;EACE,YAAY;CACb;AACD;EACE,kBAAkB;EAClB,oBAAoB;EACpB,sBAAsB;CACvB;AACD;EACE,gBAAgB;EAChB,eAAe;EACf,mBAAmB;CACpB;AACD;EACE,gBAAgB;EAChB,mBAAmB;EACnB,eAAe;EACf,eAAe;EACf,mBAAmB;CACpB;AACD;EACE,8BAA8B;EAC9B,gBAAgB;EAChB,eAAe;CAChB;AACD;EACE,sBAAsB;EACtB,kBAAkB;EAClB,mBAAmB;CACpB;AACD;EACE,sBAAsB;EACtB,WAAW;EACX,uBAAuB;EACvB,sBAAsB;EACtB,uBAAuB;CACxB;AACD;EACE,oBAAoB;EACpB,uBAAuB;CACxB;AACD;EACE,gBAAgB;EAChB,iBAAiB;EACjB,eAAe;EACf,aAAa;CACd;AACD;EACE,kBAAkB;EAClB,sBAAsB;EACtB,gBAAgB;EAChB,mBAAmB;EACnB,eAAe;EACf,oBAAoB;CACrB;AACD;EACE,sBAAsB;EACtB,kBAAkB;CACnB;AACD;EACE,mBAAmB;EACnB,0BAA0B;CAC3B;AACD;EACE,YAAY;EACZ,eAAe;EACf,YAAY;CACb;AACD;EACE,WAAW;EACX,YAAY;EACZ,sBAAsB;EACtB,2BAA2B;EAC3B,mBAAmB;EACnB,eAAe;EACf,mBAAmB;CACpB;AACD;EACE,oBAAoB;EACpB,aAAa;CACd;AACD;EACE,oCAAoC;CACrC;AACD;;EAEE,gBAAgB;CACjB;AACD;EACE,mBAAmB;CACpB;AACD;EACE,gBAAgB;EAChB,eAAe;CAChB;AACD;EACE,gBAAgB;EAChB,eAAe;CAChB;AACD;EACE,+BAA+B;CAChC;AACD;;EAEE,gBAAgB;CACjB;AACD;EACE,mBAAmB;EACnB,gBAAgB;EAChB,UAAU;EACV,YAAY;EACZ,aAAa;EACb,qBAAqB;EACrB,qBAAqB;EACrB,cAAc;EACd,kBAAkB;EAClB,sBAAsB;EACtB,8BAA8B;EAC9B,0BAA0B;MACtB,8BAA8B;CACnC;AACD;EACE,0BAA0B;EAC1B,mBAAmB;EACnB,SAAS;EACT,oBAAoB;MAChB,qBAAqB;UACjB,aAAa;EACrB,mBAAmB;EACnB,eAAe;EACf,uBAAuB;EACvB,mBAAmB;EACnB,gBAAgB;EAChB,eAAe;CAChB;AACD;EACE,eAAe;EACf,gBAAgB;EAChB,8BAA8B;CAC/B;AACD;EACE,oBAAoB;CACrB;AACD;EACE,wBAAwB;EACxB,oBAAoB;MAChB,qBAAqB;UACjB,aAAa;CACtB;AACD;EACE,oBAAoB;EACpB,sBAAsB;EACtB,aAAa;CACd;AACD;EACE,mCAAmC;EACnC,YAAY;EACZ,mBAAmB;EACnB,gBAAgB;EAChB,eAAe;EACf,mBAAmB;CACpB;AACD;EACE,qBAAqB;CACtB;AACD;EACE,oBAAoB;EACpB,mBAAmB;EACnB,kBAAkB;EAClB,oBAAoB;CACrB;AACD;EACE,YAAY;EACZ,iBAAiB;EACjB,+BAA+B;UACvB,uBAAuB;EAC/B,gBAAgB;EAChB,eAAe;CAChB;AACD;EACE,mBAAmB;EACnB,YAAY;EACZ,cAAc;EACd,QAAQ;EACR,mBAAmB;CACpB;AACD;EACE,YAAY;EACZ,aAAa;CACd;AACD;EACE,gBAAgB;CACjB;AACD;EACE,YAAY;EACZ,eAAe;EACf,YAAY;CACb;AACD;EACE,aAAa;EACb,oBAAoB;EACpB,gBAAgB;EAChB,mCAAmC;EACnC,mBAAmB;EACnB,eAAe;CAChB;AACD;EACE,mBAAmB;CACpB;AACD;EACE,4BAA4B;CAC7B;AACD;EACE,wBAAwB;CACzB",file:"activityInvite.vue",sourcesContent:['\n.fl-r[data-v-3a31699e] {\n float: right;\n}\n.fr[data-v-3a31699e] {\n float: right;\n}\n.fl[data-v-3a31699e] {\n float: left;\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 min-height: 10px;\n}\n@-webkit-keyframes myfirst-data-v-3a31699e {\n0% {\n -webkit-transform: scale(1);\n}\n50% {\n -webkit-transform: scale(1.1);\n}\n100% {\n -webkit-transform: scale(1);\n}\n}\n.van-button--info[data-v-3a31699e] {\n background: #40A9FF;\n border: 1px solid #40A9FF;\n}\n.van-popup[data-v-3a31699e] {\n background: transparent;\n}\n@-webkit-keyframes marquee-data-v-3a31699e {\n0% {\n -webkit-transform: translateX(0);\n transform: translateX(0);\n}\n100% {\n -webkit-transform: translateX(-1000px);\n transform: translateX(-1000px);\n}\n}\n@keyframes marquee-data-v-3a31699e {\n0% {\n -webkit-transform: translateX(0);\n transform: translateX(0);\n}\n100% {\n -webkit-transform: translateX(-1000px);\n transform: translateX(-1000px);\n}\n}\n#app[data-v-3a31699e] {\n background: #59c1f1;\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 background: #fda813;\n width: 69.06666667vw;\n top: 3.74812594vh;\n left: 15.06666667vw;\n}\n.img-cvs .avatar-container[data-v-3a31699e] {\n position: absolute;\n top: 1.1994003vh;\n left: 2.13333333vw;\n font-size: 3.2vw;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\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 color: #fff;\n}\n.img-cvs .avatar-container img[data-v-3a31699e] {\n width: 8vw;\n margin-right: 5px;\n border-radius: 50%;\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: 92vw;\n left: 4vw;\n width: 16vw !important;\n}\n.img-cvs .qrcode[data-v-3a31699e] canvas {\n width: 16vw !important;\n height: 16vw !important;\n}\n.img-cvs .qrcode[data-v-3a31699e] img {\n width: 16vw !important;\n height: 16vw !important;\n}\n#avatarImg[data-v-3a31699e] {\n max-height: 110.66666667vw;\n}\n.cvs-img[data-v-3a31699e] {\n position: absolute;\n width: 69.06666667vw;\n top: 3.74812594vh;\n left: 15.06666667vw;\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: #ff7d77;\n border-radius: 6.66666667vw;\n -webkit-box-shadow: 0px 1px 8px 0px rgba(255, 125, 119, 0.5);\n box-shadow: 0px 1px 8px 0px rgba(255, 125, 119, 0.5);\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: #ff7d77;\n -webkit-box-shadow: 0px 1px 8px 0px #ff7d77;\n box-shadow: 0px 1px 8px 0px #ff7d77;\n border-radius: 7.2vw;\n background-size: cover;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n width: 52.26666667vw;\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 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 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 .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.content-text[data-v-3a31699e] {\n margin-bottom: 4vw;\n}\n.content-text h3[data-v-3a31699e] {\n margin-bottom: 1.33333333vw;\n}\n.content-text p[data-v-3a31699e] {\n font-size: 4.26666667vw;\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="}});
\ No newline at end of file
webpackJsonp([11],{"0Kes":function(n,e,t){var A=t("sx92");"string"==typeof A&&(A=[[n.i,A,""]]),A.locals&&(n.exports=A.locals);t("rjj0")("1d4c70cc",A,!1,{})},"1UEi":function(n,e,t){n.exports=t.p+"static/img/refIcon.baa8203.png"},"9SAN":function(n,e,t){var A=t("MyYq");"string"==typeof A&&(A=[[n.i,A,""]]),A.locals&&(n.exports=A.locals);t("rjj0")("4915852d",A,!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=="},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:["C:/Users/Administrator/Desktop/h5/wechat/src/components/buy/activityInvite.vue"],names:[],mappings:";AACA;EACE,gBAAgB;CACjB;AACD;EACE,cAAc;CACf",file:"activityInvite.vue",sourcesContent:["\nimg,video{\n max-width: 100%;\n}\n.copyToast {\n z-index: 9999;\n}\n"],sourceRoot:""}])},aRHX:function(n,e,t){"use strict";Object.defineProperty(e,"__esModule",{value:!0});t("eqfM");var A=t("/QYm"),a=t("bOdI"),i=t.n(a),o=(t("q/am"),t("4VPn")),d=t.n(o),r=(t("v2ns"),t("7QTg")),l=t("MJLE"),s=t.n(l),p=t("CCn6"),c=t("E26C"),C=t.n(c),B=t("kXdI"),g=t.n(B),v=t("1UEi"),m=t.n(v),b=t("XaoW"),w=t.n(b),h=t("zpE/"),E=t.n(h),u=t("0ZjB"),x=t.n(u),f=t("t2jw"),k=t.n(f),D=t("BRsW"),I=t.n(D),R=t("wtGu"),U=t.n(R),y=t("rEFa"),N=t.n(y),z=t("H9j6"),M=t.n(z),Y=t("eMjc"),S=t.n(Y),j={name:"index",components:i()({swiper:r.swiper,swiperSlide:r.swiperSlide},d.a.name,d.a),data:function(){return{showLoad:!1,refBg:C.a,join:!1,popType:!1,popFill:!1,popupVisible:!1,refVisible:!1,tabType:!0,popcontentW:"您已经购买过课程,无需重复<br>购买,您可以添加微信公众号了解更多",popcontentT:"为了更好地为您进行课程服务,<br>请扫码添加老师二维码",qrCode:E.a,weChatIcon:w.a,closeUrl:x.a,moreUrl:g.a,refIcon:m.a,swiperOption:{pagination:{el:".swiper-pagination"}},QRCodeB:!1,dataURL:null,user_id:null,avatar:"",invite_code_f:!0,invite_code:"",shopId:"",groupId:null,groupDetail:!1,groupData:null,redBtnUrl:k.a,envelopeUrl:I.a,whiteEnvelopeUrl:U.a,closePopUrl:N.a,switchUrl:M.a,show:!1,comments:["英语这样启蒙效果太棒啦,唱唱这个启蒙课程做得真不错,推荐给你们!现在限时优惠价129元,通过我这个老学员的推荐,可获得30元代金券,下单立减,到手价99元。全勤完课还返66元现金,报名立送实物教具礼盒,包邮送到家。数量有限,先到先得!","发现一款对宝宝英语启蒙特别有用的产品,每天10分钟宝宝已经爱上英语、爱唱英语。现在他们这个21天课程在做活动,我体验过了,真的很好!现限时限量优惠,速来报名~","第一次接触线上启蒙英语,发现唱唱课程实在太棒啦,既省事宝宝学起来还方便,每天在快乐中学习。现在他们这个21天课程在做活动,全勤学习还返66元现金,报名立送教具礼盒,快来和我一起参与吧!"],commentIndex:0,shareTitle:"钜惠来袭!唱唱21天英语训练营,全勤学习返66元现金",shareDesc:"21天让宝宝爱上说英语,报课即送教具礼盒,包邮送到家!"}},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(n),Object(A.a)({message:"复制成功",position:"middle",className:"copyToast",duration:2e3}),this.show=!1},refshow:function(){var n=this;if(A.a.loading({mask:"true"}),document.body.scrollTop<10&&(document.body.scrollTop=20,document.documentElement.scrollTop=20),localStorage.getItem("cc_token")&&""!==localStorage.getItem("cc_token")){var e=JSON.parse(localStorage.getItem("userDesc"));this.invite_code||(this.invite_code="CC-USER"),this.user_id=JSON.parse(localStorage.getItem("userDesc")).user_id;var t=this,a=this.invite_code.split("-");a.length>2&&("TEACHER"===a[1]||"XXMM"===a[1])&&(a[1]="USER");var i=a[0]+"-"+a[1],o="https://wechat-test.changchangenglish.com/#/buyDetail?shopId="+this.shopId+"&invite_code="+i+"-"+this.user_id+"&nickname="+e.nickname;this.groupId&&"null"!==this.groupId&&(o+="&groupId="+this.groupId),this.onNewShare(o),this.toDataURLBase64(JSON.parse(localStorage.getItem("userDesc")).avatar.replace("http://","https://"),function(n){t.avatar=n}),this.refVisible=!0,this.$nextTick(function(){t.qrcode(o),n.dataURL||setTimeout(function(){n.showLoad=!0,n.$nextTick(function(){document.getElementById("showImg").onload=function(){var e=document.getElementById("capture").getClientRects()[0],t=e.height,a=e.width,i=e.top;n.getOffsetRect(n.$refs.imageWrapper);console.log("document.getElementById",document.getElementById("capture").getClientRects()[0]),document.getElementById("inviteBtn").style.top=t+i+20+"px",document.getElementById("inviteBtn").style.opacity=1,S()(document.getElementById("capture"),{async:!0,timeout:500,useCORS:!0,scrollX:1,scale:2,width:a,height:t,letterRendering:!0}).then(function(e){var t=e.toDataURL("image/png",.9);n.dataURL=t,A.a.clear()}).catch(function(n){alert(n),console.log()})}})},500)})}else{var d={retUrl:this.$route.fullPath,is_new_user_url:"1"};this.$router.push({name:"author",query:d})}},getOffsetRect:function(n){var e=n.getBoundingClientRect(),t=document.body,A=document.documentElement,a=window.pageYOffset||A.scrollTop||t.scrollTop,i=window.pageXOffset||A.scrollLeft||t.scrollLeft,o=A.clientTop||t.clientTop,d=A.clientLeft||t.clientLeft,r=e.top+a-o,l=e.left+i-d;return{top:Math.round(r),left:Math.round(l)}},qrcode:function(n){this.QRCodeB?this.QRCodeB.makeCode(n):this.QRCodeB=new s.a("qrcode",{width:180,height:180,text:n,image:""})},enableShare:function(n){var e=this;Object(p.S)({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(){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=JSON.parse(localStorage.getItem("userDesc")),t="https://wechat-test.changchangenglish.com/#/buyDetail??shopId="+this.shopId+"&groupId="+this.groupId+"&invite_code="+this.invite_code+"&nickname="+e.nickname;1===n&&(t="https://wechat-test.changchangenglish.com/#/buyDetail??shopId="+this.shopId+"&invite_code="+this.invite_code+"&nickname="+e.nickname),this.enableShare({product_title:this.groupDetail.share_desc.title,desc:this.groupDetail.share_desc.content,shareIcon:this.groupDetail.share_desc.img[0].url,shareUrl:t})},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(p.q)(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 A=n;n.toDataURLBase64(n.groupDetail.share_desc.refImg[0].url,function(n){A.groupDetail.share_desc.refImg[0].url=n})}2===n.groupDetail.goods_type&&localStorage.getItem("cc_token")?Object(p.J)({goods_id:n.shopId}).then(function(e){e.out_trade_no?n.$router.push({name:"success",query:{out_trade_no:e.out_trade_no}}):n.refshow()}):n.refshow()}))}}},W=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":"#F9DCCF"}},[t("div",[n.groupDetail.share_desc.refImg&&n.groupDetail.share_desc.refImg.length>0?t("div",{ref:"imageWrapper",staticClass:"img-cvs",attrs:{id:"capture"}},[n.avatar&&n.QRCodeB?t("div",{attrs:{id:"avatarImg"}},[n.showLoad?t("img",{attrs:{src:n.groupDetail.share_desc.refImg[0].url,id:"showImg"}}):n._e(),n._v(" "),t("div",{staticClass:"avatar-container"},[t("img",{staticClass:"avatar",attrs:{src:n.avatar}}),n._v(" 我已加入,邀请你一起加入")])]):n._e(),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"}},[n._m(0),n._v(" "),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",{domProps:{innerHTML:n._s(n.comments[n.commentIndex].replace(/\n/g,"</br>"))}})]),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()};W._withStripped=!0;var V={render:W,staticRenderFns:[function(){var n=this.$createElement,e=this._self._c||n;return e("div",{staticClass:"content-text"},[e("h3",[this._v("长按保存海报 或发送给好友")]),this._v(" "),e("p",[this._v("越多朋友购买,您可得越多奖励")])])}]},Z=V;var F=!1;var X=t("VU/8")(j,Z,!1,function(n){F||(t("9SAN"),t("0Kes"))},"data-v-3a31699e",null);X.options.__file="src/components/buy/activityInvite.vue";e.default=X.exports},rEFa:function(n,e){n.exports="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEsAAABLCAYAAAA4TnrqAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjE5MUEyNDIzRUZEQjExRTg4OUI5RThGRUFFMkUzMkQ2IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjE5MUEyNDI0RUZEQjExRTg4OUI5RThGRUFFMkUzMkQ2Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MTkxQTI0MjFFRkRCMTFFODg5QjlFOEZFQUUyRTMyRDYiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MTkxQTI0MjJFRkRCMTFFODg5QjlFOEZFQUUyRTMyRDYiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7e86tzAAAHM0lEQVR42uyc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"},sx92:function(n,e,t){(n.exports=t("FZ+f")(!0)).push([n.i,"\n.fl-r[data-v-3a31699e] {\n float: right;\n}\n.fr[data-v-3a31699e] {\n float: right;\n}\n.fl[data-v-3a31699e] {\n float: left;\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 min-height: 10px;\n}\n@-webkit-keyframes myfirst-data-v-3a31699e {\n0% {\n -webkit-transform: scale(1);\n}\n50% {\n -webkit-transform: scale(1.1);\n}\n100% {\n -webkit-transform: scale(1);\n}\n}\n.van-button--info[data-v-3a31699e] {\n background: #40A9FF;\n border: 1px solid #40A9FF;\n}\n.van-popup[data-v-3a31699e] {\n background: transparent;\n}\n@-webkit-keyframes marquee-data-v-3a31699e {\n0% {\n -webkit-transform: translateX(0);\n transform: translateX(0);\n}\n100% {\n -webkit-transform: translateX(-1000px);\n transform: translateX(-1000px);\n}\n}\n@keyframes marquee-data-v-3a31699e {\n0% {\n -webkit-transform: translateX(0);\n transform: translateX(0);\n}\n100% {\n -webkit-transform: translateX(-1000px);\n transform: translateX(-1000px);\n}\n}\n#app[data-v-3a31699e] {\n background: #59c1f1;\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 background: #fda813;\n width: 69.06666667vw;\n top: 3.74812594vh;\n left: 15.06666667vw;\n}\n.img-cvs .avatar-container[data-v-3a31699e] {\n position: absolute;\n top: 1.1994003vh;\n left: 2.13333333vw;\n font-size: 3.2vw;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\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 color: #fff;\n}\n.img-cvs .avatar-container img[data-v-3a31699e] {\n width: 8vw;\n margin-right: 5px;\n border-radius: 50%;\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: 92vw;\n left: 4vw;\n width: 16vw !important;\n}\n.img-cvs .qrcode[data-v-3a31699e] canvas {\n width: 16vw !important;\n height: 16vw !important;\n}\n.img-cvs .qrcode[data-v-3a31699e] img {\n width: 16vw !important;\n height: 16vw !important;\n}\n#avatarImg[data-v-3a31699e] {\n max-height: 110.66666667vw;\n}\n.cvs-img[data-v-3a31699e] {\n position: absolute;\n width: 69.06666667vw;\n top: 3.74812594vh;\n left: 15.06666667vw;\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: #FF7D77;\n border-radius: 6.66666667vw;\n -webkit-box-shadow: 0px 1px 8px 0px rgba(255, 125, 119, 0.5);\n box-shadow: 0px 1px 8px 0px rgba(255, 125, 119, 0.5);\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: #ff7d77;\n -webkit-box-shadow: 0px 1px 8px 0px #ff7d77;\n box-shadow: 0px 1px 8px 0px #ff7d77;\n border-radius: 7.2vw;\n background-size: cover;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n width: 52.26666667vw;\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 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: 100vh;\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 .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.content-text[data-v-3a31699e] {\n margin-bottom: 4vw;\n}\n.content-text h3[data-v-3a31699e] {\n margin-bottom: 1.33333333vw;\n}\n.content-text p[data-v-3a31699e] {\n font-size: 4.26666667vw;\n}\n","",{version:3,sources:["C:/Users/Administrator/Desktop/h5/wechat/src/components/buy/activityInvite.vue"],names:[],mappings:";AACA;EACE,aAAa;CACd;AACD;EACE,aAAa;CACd;AACD;EACE,YAAY;CACb;AACD;EACE,YAAY;EACZ,kBAAkB;EAClB,aAAa;CACd;AACD;EACE,YAAY;EACZ,eAAe;EACf,YAAY;CACb;AACD;EACE,oBAAoB;CACrB;AACD;EACE,WAAW;EACX,YAAY;CACb;AACD;EACE,uBAAuB;EACvB,oBAAoB;EACpB,iBAAiB;CAClB;AACD;AACA;IACI,4BAA4B;CAC/B;AACD;IACI,8BAA8B;CACjC;AACD;IACI,4BAA4B;CAC/B;CACA;AACD;EACE,oBAAoB;EACpB,0BAA0B;CAC3B;AACD;EACE,wBAAwB;CACzB;AACD;AACA;IACI,iCAAiC;YACzB,yBAAyB;CACpC;AACD;IACI,uCAAuC;YAC/B,+BAA+B;CAC1C;CACA;AACD;AACA;IACI,iCAAiC;YACzB,yBAAyB;CACpC;AACD;IACI,uCAAuC;YAC/B,+BAA+B;CAC1C;CACA;AACD;EACE,oBAAoB;CACrB;AACD;EACE,eAAe;EACf,YAAY;EACZ,WAAW;EACX,QAAQ;EACR,mBAAmB;EACnB,mBAAmB;EACnB,+DAA+D;EAC/D,uDAAuD;CACxD;AACD;EACE,mBAAmB;EACnB,qBAAqB;EACrB,aAAa;EACb,iBAAiB;EACjB,oBAAoB;EACpB,4BAA4B;EAC5B,UAAU;EACV,WAAW;CACZ;AACD;EACE,qBAAqB;EACrB,2BAA2B;EAC3B,yBAAyB;CAC1B;AACD;EACE,mBAAmB;EACnB,oBAAoB;EACpB,qBAAqB;EACrB,kBAAkB;EAClB,oBAAoB;CACrB;AACD;EACE,mBAAmB;EACnB,iBAAiB;EACjB,mBAAmB;EACnB,iBAAiB;EACjB,qBAAqB;EACrB,qBAAqB;EACrB,cAAc;EACd,yBAAyB;MACrB,sBAAsB;UAClB,wBAAwB;EAChC,0BAA0B;MACtB,uBAAuB;UACnB,oBAAoB;EAC5B,YAAY;CACb;AACD;EACE,WAAW;EACX,kBAAkB;EAClB,mBAAmB;CACpB;AACD;EACE,wBAAwB;CACzB;AACD;EACE,mBAAmB;EACnB,UAAU;EACV,UAAU;EACV,uBAAuB;CACxB;AACD;EACE,uBAAuB;EACvB,wBAAwB;CACzB;AACD;EACE,uBAAuB;EACvB,wBAAwB;CACzB;AACD;EACE,2BAA2B;CAC5B;AACD;EACE,mBAAmB;EACnB,qBAAqB;EACrB,kBAAkB;EAClB,oBAAoB;EACpB,YAAY;CACb;AACD;EACE,mBAAmB;EACnB,YAAY;EACZ,WAAW;EACX,mBAAmB;CACpB;AACD;EACE,mBAAmB;EACnB,cAAc;EACd,sBAAsB;EACtB,iBAAiB;EACjB,wBAAwB;EACxB,YAAY;EACZ,oBAAoB;EACpB,4BAA4B;EAC5B,6DAA6D;UACrD,qDAAqD;EAC7D,uBAAuB;EACvB,+BAA+B;UACvB,uBAAuB;EAC/B,0BAA0B;EAC1B,iBAAiB;CAClB;AACD;EACE,aAAa;EACb,aAAa;EACb,kBAAkB;EAClB,eAAe;EACf,WAAW;CACZ;AACD;EACE,wBAAwB;EACxB,UAAU;EACV,WAAW;CACZ;AACD;EACE,qBAAqB;EACrB,qBAAqB;EACrB,cAAc;EACd,+BAA+B;EAC/B,8BAA8B;MAC1B,0BAA0B;UACtB,sBAAsB;EAC9B,wBAAwB;MACpB,qBAAqB;UACjB,4BAA4B;EACpC,0BAA0B;MACtB,uBAAuB;UACnB,oBAAoB;CAC7B;AACD;EACE,qBAAqB;EACrB,qBAAqB;EACrB,cAAc;EACd,+BAA+B;EAC/B,8BAA8B;MAC1B,0BAA0B;UACtB,sBAAsB;EAC9B,0BAA0B;MACtB,8BAA8B;EAClC,0BAA0B;MACtB,uBAAuB;UACnB,oBAAoB;EAC5B,cAAc;EACd,gBAAgB;EAChB,wBAAwB;EACxB,YAAY;CACb;AACD;EACE,cAAc;EACd,eAAe;CAChB;AACD;EACE,oBAAoB;EACpB,4CAA4C;UACpC,oCAAoC;EAC5C,qBAAqB;EACrB,uBAAuB;EACvB,+BAA+B;UACvB,uBAAuB;EAC/B,qBAAqB;EACrB,sBAAsB;EACtB,mBAAmB;EACnB,2BAA2B;EAC3B,YAAY;EACZ,wBAAwB;CACzB;AACD;EACE,qBAAqB;EACrB,qBAAqB;EACrB,cAAc;EACd,+BAA+B;EAC/B,8BAA8B;MAC1B,0BAA0B;UACtB,sBAAsB;EAC9B,0BAA0B;MACtB,uBAAuB;UACnB,+BAA+B;EACvC,0BAA0B;MACtB,uBAAuB;UACnB,oBAAoB;CAC7B;AACD;EACE,YAAY;EACZ,eAAe;CAChB;AACD;EACE,oBAAoB;EACpB,qBAAqB;EACrB,oBAAoB;CACrB;AACD;EACE,WAAW;EACX,YAAY;CACb;AACD;EACE,eAAe;EACf,mBAAmB;CACpB;AACD;EACE,eAAe;CAChB;AACD;EACE,UAAU;CACX;AACD;EACE,qBAAqB;EACrB,gBAAgB;EAChB,2BAA2B;EAC3B,mBAAmB;CACpB;AACD;EACE,gBAAgB;EAChB,mBAAmB;EACnB,YAAY;EACZ,oBAAoB;EACpB,mBAAmB;EACnB,WAAW;CACZ;AACD;EACE,cAAc;EACd,0BAA0B;EAC1B,oBAAoB;EACpB,gCAAgC;CACjC;AACD;EACE,gBAAgB;EAChB,aAAa;EACb,UAAU;EACV,WAAW;EACX,oBAAoB;EACpB,qBAAqB;CACtB;AACD;EACE,kBAAkB;CACnB;AACD;EACE,YAAY;CACb;AACD;EACE,kBAAkB;EAClB,oBAAoB;EACpB,sBAAsB;CACvB;AACD;EACE,gBAAgB;EAChB,eAAe;EACf,mBAAmB;CACpB;AACD;EACE,gBAAgB;EAChB,mBAAmB;EACnB,eAAe;EACf,eAAe;EACf,mBAAmB;CACpB;AACD;EACE,8BAA8B;EAC9B,gBAAgB;EAChB,eAAe;CAChB;AACD;EACE,sBAAsB;EACtB,kBAAkB;EAClB,mBAAmB;CACpB;AACD;EACE,sBAAsB;EACtB,WAAW;EACX,uBAAuB;EACvB,sBAAsB;EACtB,uBAAuB;CACxB;AACD;EACE,oBAAoB;EACpB,uBAAuB;CACxB;AACD;EACE,gBAAgB;EAChB,iBAAiB;EACjB,eAAe;EACf,aAAa;CACd;AACD;EACE,kBAAkB;EAClB,sBAAsB;EACtB,gBAAgB;EAChB,mBAAmB;EACnB,eAAe;EACf,oBAAoB;CACrB;AACD;EACE,sBAAsB;EACtB,kBAAkB;CACnB;AACD;EACE,oBAAoB;EACpB,0BAA0B;CAC3B;AACD;EACE,YAAY;EACZ,eAAe;EACf,YAAY;CACb;AACD;EACE,WAAW;EACX,YAAY;EACZ,sBAAsB;EACtB,2BAA2B;EAC3B,mBAAmB;EACnB,eAAe;EACf,oBAAoB;CACrB;AACD;EACE,oBAAoB;EACpB,aAAa;CACd;AACD;EACE,oCAAoC;CACrC;AACD;;EAEE,gBAAgB;CACjB;AACD;EACE,mBAAmB;CACpB;AACD;EACE,gBAAgB;EAChB,eAAe;CAChB;AACD;EACE,gBAAgB;EAChB,eAAe;CAChB;AACD;EACE,+BAA+B;CAChC;AACD;;EAEE,gBAAgB;CACjB;AACD;EACE,mBAAmB;EACnB,gBAAgB;EAChB,UAAU;EACV,YAAY;EACZ,aAAa;EACb,qBAAqB;EACrB,qBAAqB;EACrB,cAAc;EACd,kBAAkB;EAClB,sBAAsB;EACtB,8BAA8B;EAC9B,0BAA0B;MACtB,8BAA8B;CACnC;AACD;EACE,0BAA0B;EAC1B,mBAAmB;EACnB,SAAS;EACT,oBAAoB;MAChB,qBAAqB;UACjB,aAAa;EACrB,mBAAmB;EACnB,eAAe;EACf,uBAAuB;EACvB,mBAAmB;EACnB,gBAAgB;EAChB,eAAe;CAChB;AACD;EACE,eAAe;EACf,gBAAgB;EAChB,8BAA8B;CAC/B;AACD;EACE,oBAAoB;CACrB;AACD;EACE,wBAAwB;EACxB,oBAAoB;MAChB,qBAAqB;UACjB,aAAa;CACtB;AACD;EACE,oBAAoB;EACpB,sBAAsB;EACtB,aAAa;CACd;AACD;EACE,mCAAmC;EACnC,YAAY;EACZ,mBAAmB;EACnB,gBAAgB;EAChB,eAAe;EACf,mBAAmB;CACpB;AACD;EACE,qBAAqB;CACtB;AACD;EACE,oBAAoB;EACpB,mBAAmB;EACnB,kBAAkB;EAClB,oBAAoB;CACrB;AACD;EACE,YAAY;EACZ,iBAAiB;EACjB,+BAA+B;UACvB,uBAAuB;EAC/B,gBAAgB;EAChB,eAAe;CAChB;AACD;EACE,mBAAmB;EACnB,YAAY;EACZ,cAAc;EACd,QAAQ;EACR,mBAAmB;CACpB;AACD;EACE,YAAY;EACZ,aAAa;CACd;AACD;EACE,gBAAgB;CACjB;AACD;EACE,YAAY;EACZ,eAAe;EACf,YAAY;CACb;AACD;EACE,aAAa;EACb,oBAAoB;EACpB,gBAAgB;EAChB,mCAAmC;EACnC,mBAAmB;EACnB,eAAe;CAChB;AACD;EACE,mBAAmB;CACpB;AACD;EACE,4BAA4B;CAC7B;AACD;EACE,wBAAwB;CACzB",file:"activityInvite.vue",sourcesContent:["\n.fl-r[data-v-3a31699e] {\n float: right;\n}\n.fr[data-v-3a31699e] {\n float: right;\n}\n.fl[data-v-3a31699e] {\n float: left;\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 min-height: 10px;\n}\n@-webkit-keyframes myfirst-data-v-3a31699e {\n0% {\n -webkit-transform: scale(1);\n}\n50% {\n -webkit-transform: scale(1.1);\n}\n100% {\n -webkit-transform: scale(1);\n}\n}\n.van-button--info[data-v-3a31699e] {\n background: #40A9FF;\n border: 1px solid #40A9FF;\n}\n.van-popup[data-v-3a31699e] {\n background: transparent;\n}\n@-webkit-keyframes marquee-data-v-3a31699e {\n0% {\n -webkit-transform: translateX(0);\n transform: translateX(0);\n}\n100% {\n -webkit-transform: translateX(-1000px);\n transform: translateX(-1000px);\n}\n}\n@keyframes marquee-data-v-3a31699e {\n0% {\n -webkit-transform: translateX(0);\n transform: translateX(0);\n}\n100% {\n -webkit-transform: translateX(-1000px);\n transform: translateX(-1000px);\n}\n}\n#app[data-v-3a31699e] {\n background: #59c1f1;\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 background: #fda813;\n width: 69.06666667vw;\n top: 3.74812594vh;\n left: 15.06666667vw;\n}\n.img-cvs .avatar-container[data-v-3a31699e] {\n position: absolute;\n top: 1.1994003vh;\n left: 2.13333333vw;\n font-size: 3.2vw;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\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 color: #fff;\n}\n.img-cvs .avatar-container img[data-v-3a31699e] {\n width: 8vw;\n margin-right: 5px;\n border-radius: 50%;\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: 92vw;\n left: 4vw;\n width: 16vw !important;\n}\n.img-cvs .qrcode[data-v-3a31699e] canvas {\n width: 16vw !important;\n height: 16vw !important;\n}\n.img-cvs .qrcode[data-v-3a31699e] img {\n width: 16vw !important;\n height: 16vw !important;\n}\n#avatarImg[data-v-3a31699e] {\n max-height: 110.66666667vw;\n}\n.cvs-img[data-v-3a31699e] {\n position: absolute;\n width: 69.06666667vw;\n top: 3.74812594vh;\n left: 15.06666667vw;\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: #FF7D77;\n border-radius: 6.66666667vw;\n -webkit-box-shadow: 0px 1px 8px 0px rgba(255, 125, 119, 0.5);\n box-shadow: 0px 1px 8px 0px rgba(255, 125, 119, 0.5);\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: #ff7d77;\n -webkit-box-shadow: 0px 1px 8px 0px #ff7d77;\n box-shadow: 0px 1px 8px 0px #ff7d77;\n border-radius: 7.2vw;\n background-size: cover;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n width: 52.26666667vw;\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 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: 100vh;\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 .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.content-text[data-v-3a31699e] {\n margin-bottom: 4vw;\n}\n.content-text h3[data-v-3a31699e] {\n margin-bottom: 1.33333333vw;\n}\n.content-text p[data-v-3a31699e] {\n font-size: 4.26666667vw;\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="}});
\ No newline at end of file
!function(e){var c=window.webpackJsonp;window.webpackJsonp=function(f,r,b){for(var t,d,o,i=0,u=[];i<f.length;i++)d=f[i],a[d]&&u.push(a[d][0]),a[d]=0;for(t in r)Object.prototype.hasOwnProperty.call(r,t)&&(e[t]=r[t]);for(c&&c(f,r,b);u.length;)u.shift()();if(b)for(i=0;i<b.length;i++)o=n(n.s=b[i]);return o};var f={},a={49:0};function n(c){if(f[c])return f[c].exports;var a=f[c]={i:c,l:!1,exports:{}};return e[c].call(a.exports,a,a.exports,n),a.l=!0,a.exports}n.e=function(e){var c=a[e];if(0===c)return new Promise(function(e){e()});if(c)return c[2];var f=new Promise(function(f,n){c=a[e]=[f,n]});c[2]=f;var r=document.getElementsByTagName("head")[0],b=document.createElement("script");b.type="text/javascript",b.charset="utf-8",b.async=!0,b.timeout=12e4,n.nc&&b.setAttribute("nonce",n.nc),b.src=n.p+"static/js/"+e+"."+{0:"4abe9745786f805c643d",1:"4d5af33875f881fbf170",2:"5c7330fd3d0725ef74b7",3:"95c778ffc94c516ed93c",4:"512dbfc54143036436b6",5:"177b8f15e4c3cdaefc5c",6:"54c55d39e8766c1c5179",7:"cad1d8ddb8a33186c6e6",8:"e6208ee39755be230d36",9:"105c2a3d5ed216a62e5c",10:"e7e75f52630c3f5f7921",11:"bec5f8ff103e2df14f27",12:"930e9006116417e356cb",13:"e3807f34b8882de6d66c",14:"fa81ee4ecc5b9a82a064",15:"a5380d1ef2f6fd3e9fe4",16:"4005fa54cc59f995ef22",17:"4d4fefacb21c6a27c469",18:"bdd0e545e01a46590fab",19:"f8c23ec99fe543ba7c59",20:"c50eb69950e3b05c75ba",21:"b66faf32d39b00b402fc",22:"3e1c1e9957614840401d",23:"fd0164cb8d1b48e15d14",24:"c5cfefb13fa3c8a23cf9",25:"0ee772df2607cf771171",26:"2884e8e9df9c9c10450a",27:"6ca8044c5b7dbaea1939",28:"e9159c78646a00d7a136",29:"bc4b2e19d7bbdb26f35b",30:"0dfa7b2f351464837431",31:"58ef57a7139f62e43fba",32:"11027e4a30d5d1f15a57",33:"5b982bd46e542c17a68e",34:"52cb42be742874708eba",35:"15332b0458c1f2d684e9",36:"734179926fd497b7979d",37:"303c15b2a63b09cbb9b1",38:"6b7d629cbf5bf00d5f79",39:"b129a2de1d1687a78b98",40:"ac1fc8c242c022600367",41:"54122ed28fb233a82436",42:"acc5bf61cb041f593bfa",43:"667f1d1d775fdc8f576a",44:"8531f16a0f4a76e474b8",45:"7cf681e938528dcae32b",46:"c0b858d756b11b0bf319"}[e]+".js";var t=setTimeout(d,12e4);function d(){b.onerror=b.onload=null,clearTimeout(t);var c=a[e];0!==c&&(c&&c[1](new Error("Loading chunk "+e+" failed.")),a[e]=void 0)}return b.onerror=b.onload=d,r.appendChild(b),f},n.m=e,n.c=f,n.d=function(e,c,f){n.o(e,c)||Object.defineProperty(e,c,{configurable:!1,enumerable:!0,get:f})},n.n=function(e){var c=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(c,"a",c),c},n.o=function(e,c){return Object.prototype.hasOwnProperty.call(e,c)},n.p="",n.oe=function(e){throw console.error(e),e}}([]); !function(e){var c=window.webpackJsonp;window.webpackJsonp=function(f,r,b){for(var d,t,o,i=0,u=[];i<f.length;i++)t=f[i],a[t]&&u.push(a[t][0]),a[t]=0;for(d in r)Object.prototype.hasOwnProperty.call(r,d)&&(e[d]=r[d]);for(c&&c(f,r,b);u.length;)u.shift()();if(b)for(i=0;i<b.length;i++)o=n(n.s=b[i]);return o};var f={},a={49:0};function n(c){if(f[c])return f[c].exports;var a=f[c]={i:c,l:!1,exports:{}};return e[c].call(a.exports,a,a.exports,n),a.l=!0,a.exports}n.e=function(e){var c=a[e];if(0===c)return new Promise(function(e){e()});if(c)return c[2];var f=new Promise(function(f,n){c=a[e]=[f,n]});c[2]=f;var r=document.getElementsByTagName("head")[0],b=document.createElement("script");b.type="text/javascript",b.charset="utf-8",b.async=!0,b.timeout=12e4,n.nc&&b.setAttribute("nonce",n.nc),b.src=n.p+"static/js/"+e+"."+{0:"4abe9745786f805c643d",1:"4d5af33875f881fbf170",2:"5c7330fd3d0725ef74b7",3:"95c778ffc94c516ed93c",4:"512dbfc54143036436b6",5:"177b8f15e4c3cdaefc5c",6:"54c55d39e8766c1c5179",7:"cad1d8ddb8a33186c6e6",8:"e6208ee39755be230d36",9:"105c2a3d5ed216a62e5c",10:"e7e75f52630c3f5f7921",11:"02df5d8344f57370e2c6",12:"930e9006116417e356cb",13:"e3807f34b8882de6d66c",14:"fa81ee4ecc5b9a82a064",15:"a5380d1ef2f6fd3e9fe4",16:"4005fa54cc59f995ef22",17:"4d4fefacb21c6a27c469",18:"bdd0e545e01a46590fab",19:"f8c23ec99fe543ba7c59",20:"c50eb69950e3b05c75ba",21:"b66faf32d39b00b402fc",22:"3e1c1e9957614840401d",23:"fd0164cb8d1b48e15d14",24:"c5cfefb13fa3c8a23cf9",25:"0ee772df2607cf771171",26:"2884e8e9df9c9c10450a",27:"6ca8044c5b7dbaea1939",28:"e9159c78646a00d7a136",29:"bc4b2e19d7bbdb26f35b",30:"0dfa7b2f351464837431",31:"58ef57a7139f62e43fba",32:"11027e4a30d5d1f15a57",33:"5b982bd46e542c17a68e",34:"52cb42be742874708eba",35:"15332b0458c1f2d684e9",36:"734179926fd497b7979d",37:"303c15b2a63b09cbb9b1",38:"6b7d629cbf5bf00d5f79",39:"b129a2de1d1687a78b98",40:"ac1fc8c242c022600367",41:"54122ed28fb233a82436",42:"acc5bf61cb041f593bfa",43:"667f1d1d775fdc8f576a",44:"8531f16a0f4a76e474b8",45:"7cf681e938528dcae32b",46:"c0b858d756b11b0bf319"}[e]+".js";var d=setTimeout(t,12e4);function t(){b.onerror=b.onload=null,clearTimeout(d);var c=a[e];0!==c&&(c&&c[1](new Error("Loading chunk "+e+" failed.")),a[e]=void 0)}return b.onerror=b.onload=t,r.appendChild(b),f},n.m=e,n.c=f,n.d=function(e,c,f){n.o(e,c)||Object.defineProperty(e,c,{configurable:!1,enumerable:!0,get:f})},n.n=function(e){var c=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(c,"a",c),c},n.o=function(e,c){return Object.prototype.hasOwnProperty.call(e,c)},n.p="",n.oe=function(e){throw console.error(e),e}}([]);
\ No newline at end of file \ No newline at end of file
<template> <template>
<div class="group-index" ref="index" v-if="groupDetail" style="background-color: #F9DCCF;"> <div class="group-index" ref="index" v-if="groupDetail" style="background-color: #F9DCCF;">
<div> <div>
<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"
>
<div v-if="avatar && QRCodeB" id="avatarImg"> <div v-if="avatar && QRCodeB" id="avatarImg">
<img :src="groupDetail.share_desc.refImg[0].url" v-if="showLoad" id="showImg"> <img :src="groupDetail.share_desc.refImg[0].url" v-if="showLoad" id="showImg" />
<div class="avatar-container"><img :src="avatar" class="avatar"/> 我已加入,邀请你一起加入</div> <div class="avatar-container">
<img :src="avatar" class="avatar" /> 我已加入,邀请你一起加入
</div> </div>
<div id="qrcode" class="qrcode">
</div> </div>
<div id="qrcode" class="qrcode"></div>
</div> </div>
<img :src="dataURL" class="cvs-img" id="cvs-img"/> <img :src="dataURL" class="cvs-img" id="cvs-img" />
<div class="inviteBtn" id="inviteBtn"> <div class="inviteBtn" id="inviteBtn">
<div class="content-text"> <div class="content-text">
<h3>长按保存海报 或发送给好友</h3> <h3>长按保存海报 或发送给好友</h3>
<p>越多朋友购买,您可得越多奖励</p> <p>越多朋友购买,您可得越多奖励</p>
</div> </div>
<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" />
<span class="i-env-title">邀请语:</span> <span class="i-env-title">邀请语:</span>
<div class="elips"><span class="marquee">{{comments[commentIndex]}}</span></div> <div class="elips">
<span class="marquee">{{comments[commentIndex]}}</span>
</div> </div>
</div> </div>
<div class="line"></div>
</div>
<mt-popup v-model="show" :closeOnClickModal="false"> <mt-popup v-model="show" :closeOnClickModal="false">
<div class="pop-fill"> <div class="pop-fill">
<div class="flex-bt"> <div class="flex-bt">
<div class="flex-start no-margin"> <div class="flex-start no-margin">
<img class="p-envelope" :src="envelopeUrl"/> <img class="p-envelope" :src="envelopeUrl" />
<span class="p-tips">贴心的邀请语提高成功率</span> <span class="p-tips">贴心的邀请语提高成功率</span>
</div> </div>
<img class="p-switch no-margin" :src="switchUrl" @click="onSwitch"/> <img class="p-switch no-margin" :src="switchUrl" @click="onSwitch" />
</div> </div>
<div class="p-comments"> <div class="p-comments">
<p v-html="comments[commentIndex].replace(/\n/g,'</br>')" ></p> <p v-html="comments[commentIndex].replace(/\n/g,'</br>')"></p>
</div> </div>
<div class="copyBtn" v-clipboard:copy="comments[commentIndex]" v-clipboard:success="onCopy">复制邀请语</div> <div
class="copyBtn"
v-clipboard:copy="comments[commentIndex]"
v-clipboard:success="onCopy"
>复制邀请语</div>
<div class="close"> <div class="close">
<img :src="closePopUrl" class="close-pop" @click="show=false"/> <img :src="closePopUrl" class="close-pop" @click="show=false" />
</div> </div>
</div> </div>
</mt-popup> </mt-popup>
...@@ -44,63 +57,68 @@ ...@@ -44,63 +57,68 @@
</template> </template>
<script> <script>
import 'swiper/dist/css/swiper.css' import "swiper/dist/css/swiper.css";
import { swiper, swiperSlide } from 'vue-awesome-swiper' import { swiper, swiperSlide } from "vue-awesome-swiper";
import QRCode from 'qrcodejs2' import QRCode from "qrcodejs2";
import {getwechatParam,getGoodsDetailApi,getGroupDetailApi,getStatusWechatApi} from "../../service/api"; import {
import refBg from '../../assets/refBg.png' getwechatParam,
import moreUrl from '../../assets/moreIcon.png' getGoodsDetailApi,
import refIcon from '../../assets/refIcon.png' getGroupDetailApi,
import weChatIcon from '../../assets/wechatIcon.png' getStatusWechatApi
import weChatQrUrl from '../../assets/weChatCode.png' } from "../../service/api";
import closeUrl from '../../assets/closemy.png' import refBg from "../../assets/refBg.png";
import redBtnUrl from '../../assets/activity/red-bg.png' import moreUrl from "../../assets/moreIcon.png";
import envelopeUrl from '../../assets/activity/envelope.png' import refIcon from "../../assets/refIcon.png";
import whiteEnvelopeUrl from '../../assets/activity/white-envelope.png' import weChatIcon from "../../assets/wechatIcon.png";
import closePopUrl from '../../assets/activity/close.png' import weChatQrUrl from "../../assets/weChatCode.png";
import switchUrl from '../../assets/activity/switch.png' import closeUrl from "../../assets/closemy.png";
import html2canvas from 'html2canvas' import redBtnUrl from "../../assets/activity/red-bg.png";
import { Toast } from 'vant'; import envelopeUrl from "../../assets/activity/envelope.png";
import {Popup} from 'mint-ui' import whiteEnvelopeUrl from "../../assets/activity/white-envelope.png";
export default { import closePopUrl from "../../assets/activity/close.png";
import switchUrl from "../../assets/activity/switch.png";
import html2canvas from "html2canvas";
import { Toast } from "vant";
import { Popup } from "mint-ui";
export default {
name: "index", name: "index",
components: { components: {
swiper, swiper,
swiperSlide, swiperSlide,
[Popup.name]:Popup [Popup.name]: Popup
}, },
data(){ data() {
return { return {
showLoad:false, showLoad: false,
refBg:refBg, refBg: refBg,
join:false, join: false,
popType:false, popType: false,
popFill:false, popFill: false,
popupVisible:false, popupVisible: false,
refVisible:false, refVisible: false,
tabType:true, tabType: true,
popcontentW:`您已经购买过课程,无需重复<br>购买,您可以添加微信公众号了解更多`, popcontentW: `您已经购买过课程,无需重复<br>购买,您可以添加微信公众号了解更多`,
popcontentT:`为了更好地为您进行课程服务,<br>请扫码添加老师二维码`, popcontentT: `为了更好地为您进行课程服务,<br>请扫码添加老师二维码`,
qrCode:weChatQrUrl, qrCode: weChatQrUrl,
weChatIcon:weChatIcon, weChatIcon: weChatIcon,
closeUrl:closeUrl, closeUrl: closeUrl,
moreUrl:moreUrl, moreUrl: moreUrl,
refIcon:refIcon, refIcon: refIcon,
swiperOption: { swiperOption: {
pagination: { pagination: {
el: '.swiper-pagination' el: ".swiper-pagination"
} }
}, },
QRCodeB:false, QRCodeB: false,
dataURL:null, dataURL: null,
user_id:null, user_id: null,
avatar:'', avatar: "",
invite_code_f:true, invite_code_f: true,
invite_code:'', invite_code: "",
shopId:'', shopId: "",
groupId:null, groupId: null,
groupDetail:false, groupDetail: false,
groupData:null, groupData: null,
redBtnUrl: redBtnUrl, redBtnUrl: redBtnUrl,
envelopeUrl: envelopeUrl, envelopeUrl: envelopeUrl,
whiteEnvelopeUrl: whiteEnvelopeUrl, whiteEnvelopeUrl: whiteEnvelopeUrl,
...@@ -113,21 +131,21 @@ ...@@ -113,21 +131,21 @@
// '第一次接触线上启蒙英语,发现唱唱课程实在太棒啦,既省事宝宝学起来还方便,每天快乐中学习。现在他们这个90天课程在做活动,限时免费学,不花1分钱,学习90天,还送实物教具,机不可失,速来领取~' // '第一次接触线上启蒙英语,发现唱唱课程实在太棒啦,既省事宝宝学起来还方便,每天快乐中学习。现在他们这个90天课程在做活动,限时免费学,不花1分钱,学习90天,还送实物教具,机不可失,速来领取~'
// ], // ],
comments: [ comments: [
'英语这样启蒙效果太棒啦,唱唱这个启蒙课程做得真不错,推荐给你们!现在限时优惠价129元,通过我这个老学员的推荐,可获得30元代金券,下单立减,到手价99元。全勤完课还返66元现金,报名立送实物教具礼盒,包邮送到家。数量有限,先到先得!', "英语这样启蒙效果太棒啦,唱唱这个启蒙课程做得真不错,推荐给你们!现在限时优惠价129元,通过我这个老学员的推荐,可获得30元代金券,下单立减,到手价99元。全勤完课还返66元现金,报名立送实物教具礼盒,包邮送到家。数量有限,先到先得!",
// '这家英语启蒙做的很不错\n再也不用花高价去外教班跟培训机构\n在家里就可以直接进行英语启蒙\n21天帮助宝宝树立英语学习兴趣,让宝宝爱上英语\n原价2980元,现在只需要99元\n全勤打卡18天赠送价值100元天猫同款3大精品礼盒\n限量200份,仅售3天!', // '这家英语启蒙做的很不错\n再也不用花高价去外教班跟培训机构\n在家里就可以直接进行英语启蒙\n21天帮助宝宝树立英语学习兴趣,让宝宝爱上英语\n原价2980元,现在只需要99元\n全勤打卡18天赠送价值100元天猫同款3大精品礼盒\n限量200份,仅售3天!',
'发现一款对宝宝英语启蒙特别有用的产品,每天10分钟宝宝已经爱上英语、爱唱英语。现在他们这个21天课程在做活动,我体验过了,真的很好!现限时限量优惠,速来报名~', "发现一款对宝宝英语启蒙特别有用的产品,每天10分钟宝宝已经爱上英语、爱唱英语。现在他们这个21天课程在做活动,我体验过了,真的很好!现限时限量优惠,速来报名~",
'第一次接触线上启蒙英语,发现唱唱课程实在太棒啦,既省事宝宝学起来还方便,每天在快乐中学习。现在他们这个21天课程在做活动,全勤学习还返66元现金,报名立送教具礼盒,快来和我一起参与吧!' "第一次接触线上启蒙英语,发现唱唱课程实在太棒啦,既省事宝宝学起来还方便,每天在快乐中学习。现在他们这个21天课程在做活动,全勤学习还返66元现金,报名立送教具礼盒,快来和我一起参与吧!"
], ],
commentIndex: 0, commentIndex: 0,
shareTitle: '钜惠来袭!唱唱21天英语训练营,全勤学习返66元现金', shareTitle: "钜惠来袭!唱唱21天英语训练营,全勤学习返66元现金",
shareDesc: '21天让宝宝爱上说英语,报课即送教具礼盒,包邮送到家!' shareDesc: "21天让宝宝爱上说英语,报课即送教具礼盒,包邮送到家!"
} };
}, },
mounted(){ mounted() {
this.getDetail(); this.getDetail();
}, },
methods:{ methods: {
onSwitch(){ onSwitch() {
if (this.commentIndex === 0) { if (this.commentIndex === 0) {
this.commentIndex = 1; this.commentIndex = 1;
} else if (this.commentIndex == 1) { } else if (this.commentIndex == 1) {
...@@ -136,129 +154,145 @@ ...@@ -136,129 +154,145 @@
this.commentIndex = 0; this.commentIndex = 0;
} }
}, },
onCopy(e){ onCopy(e) {
console.log(e) console.log(e);
Toast({ Toast({
message: '复制成功', message: "复制成功",
position: 'middle', position: "middle",
className: 'copyToast', className: "copyToast",
duration: 2000 duration: 2000
}); });
this.show = false; this.show = false;
}, },
refshow(){ refshow() {
Toast.loading({ Toast.loading({
mask:"true", mask: "true"
}) });
if(document.body.scrollTop < 10){ if (document.body.scrollTop < 10) {
document.body.scrollTop = 20; document.body.scrollTop = 20;
document.documentElement.scrollTop = 20; document.documentElement.scrollTop = 20;
} }
if(localStorage.getItem('cc_token') && localStorage.getItem('cc_token') !== ''){ if (
localStorage.getItem("cc_token") &&
localStorage.getItem("cc_token") !== ""
) {
let ownDetail = JSON.parse(localStorage.getItem("userDesc")); let ownDetail = JSON.parse(localStorage.getItem("userDesc"));
if(!this.invite_code){ if (!this.invite_code) {
this.invite_code = 'CC-USER' this.invite_code = "CC-USER";
} }
this.user_id=JSON.parse(localStorage.getItem('userDesc')).user_id; this.user_id = JSON.parse(localStorage.getItem("userDesc")).user_id;
let _that = this; let _that = this;
let invite_code = this.invite_code.split('-'); let invite_code = this.invite_code.split("-");
if(invite_code.length > 2 && (invite_code[1] === 'TEACHER' ||invite_code[1] === 'XXMM' )){ if (
invite_code[1] = 'USER' invite_code.length > 2 &&
(invite_code[1] === "TEACHER" || invite_code[1] === "XXMM")
) {
invite_code[1] = "USER";
} }
let code = `${invite_code[0]}-${invite_code[1]}`; let code = `${invite_code[0]}-${invite_code[1]}`;
let URL = `${process.env.BUY_URL}shopId=${this.shopId}&invite_code=${code}-${this.user_id}&nickname=${ownDetail.nickname}`; let URL = `${process.env.BUY_URL}shopId=${this.shopId}&invite_code=${code}-${this.user_id}&nickname=${ownDetail.nickname}`;
if(this.groupId && this.groupId !== 'null'){ if (this.groupId && this.groupId !== "null") {
URL += `&groupId=${this.groupId}` URL += `&groupId=${this.groupId}`;
} }
this.onNewShare(URL); this.onNewShare(URL);
this.toDataURLBase64(JSON.parse(localStorage.getItem('userDesc')).avatar.replace('http://','https://'), function (avatar) { this.toDataURLBase64(
_that.avatar = avatar JSON.parse(localStorage.getItem("userDesc")).avatar.replace(
}); "http://",
"https://"
),
function(avatar) {
_that.avatar = avatar;
}
);
this.refVisible = true; this.refVisible = true;
this.$nextTick(()=>{ this.$nextTick(() => {
_that.qrcode(URL); _that.qrcode(URL);
if(!this.dataURL){ if (!this.dataURL) {
setTimeout(()=>{ setTimeout(() => {
this.showLoad=true; this.showLoad = true;
this.$nextTick(()=>{ this.$nextTick(() => {
document.getElementById('showImg').onload=()=>{ document.getElementById("showImg").onload = () => {
let { let { height, width, top } = document
height, .getElementById("capture")
width, .getClientRects()[0];
top
} = 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);
console.log('document.getElementById', document.getElementById('capture').getClientRects()[0]); console.log(
document.getElementById('inviteBtn').style.top = height + top + 20 + 'px'; "document.getElementById",
document.getElementById('inviteBtn').style.opacity = 1; document.getElementById("capture").getClientRects()[0]
html2canvas(document.getElementById('capture'),{ );
document.getElementById("inviteBtn").style.top =
height + top + 20 + "px";
document.getElementById("inviteBtn").style.opacity = 1;
html2canvas(document.getElementById("capture"), {
async: true, async: true,
timeout: 500, timeout: 500,
useCORS:true, useCORS: true,
scrollX:1, scrollX: 1,
scale: 2, scale: 2,
width: width, width: width,
height: height, height: height,
letterRendering: true, letterRendering: true
}).then((canvas) => { })
let dataURL = canvas.toDataURL("image/png",0.9); .then(canvas => {
let dataURL = canvas.toDataURL("image/png", 0.9);
this.dataURL = dataURL; this.dataURL = dataURL;
Toast.clear() Toast.clear();
}).catch(res=>{alert(res);console.log()});
}
}) })
.catch(res => {
},500) alert(res);
console.log();
}else{ });
};
});
}, 500);
} else {
} }
}) });
}else{ } else {
let query = {retUrl:this.$route.fullPath,is_new_user_url:'1'}; let query = { retUrl: this.$route.fullPath, is_new_user_url: "1" };
this.$router.push({name:'author',query:query}) this.$router.push({ name: "author", query: query });
} }
}, },
getOffsetRect(ele){ getOffsetRect(ele) {
var box=ele.getBoundingClientRect(); var box = ele.getBoundingClientRect();
var body=document.body, var body = document.body,
docElem=document.documentElement; docElem = document.documentElement;
//获取页面的scrollTop,scrollLeft(兼容性写法) //获取页面的scrollTop,scrollLeft(兼容性写法)
var scrollTop=window.pageYOffset||docElem.scrollTop||body.scrollTop, var scrollTop = window.pageYOffset || docElem.scrollTop || body.scrollTop,
scrollLeft=window.pageXOffset||docElem.scrollLeft||body.scrollLeft; scrollLeft =
var clientTop=docElem.clientTop||body.clientTop, window.pageXOffset || docElem.scrollLeft || body.scrollLeft;
clientLeft=docElem.clientLeft||body.clientLeft; var clientTop = docElem.clientTop || body.clientTop,
var top=box.top+scrollTop-clientTop, clientLeft = docElem.clientLeft || body.clientLeft;
left=box.left+scrollLeft-clientLeft; var top = box.top + scrollTop - clientTop,
left = box.left + scrollLeft - clientLeft;
return { return {
//Math.round 兼容火狐浏览器bug //Math.round 兼容火狐浏览器bug
top:Math.round(top), top: Math.round(top),
left:Math.round(left) left: Math.round(left)
} };
}, },
qrcode(data){ qrcode(data) {
if(this.QRCodeB){ if (this.QRCodeB) {
this.QRCodeB.makeCode(data) this.QRCodeB.makeCode(data);
}else{ } else {
this.QRCodeB = new QRCode('qrcode', { this.QRCodeB = new QRCode("qrcode", {
width: 180, width: 180,
height: 180, // 高度 height: 180, // 高度
text: data, // 二维码内容 text: data, // 二维码内容
image: '' image: ""
}); });
} }
}, },
// 分享 // 分享
enableShare: function(option) { enableShare: function(option) {
let that = this; let that = this;
getwechatParam({ getwechatParam({
api_list: 'onMenuShareAppMessage,onMenuShareTimeline', api_list: "onMenuShareAppMessage,onMenuShareTimeline",
url:window.location.href.split('#')[0] url: window.location.href.split("#")[0]
}).then(wechatRes => { }).then(wechatRes => {
console.log('enableShare', wechatRes) console.log("enableShare", wechatRes);
wx.config({ wx.config({
debug: false, debug: false,
appId: wechatRes.appId, appId: wechatRes.appId,
...@@ -270,141 +304,182 @@ ...@@ -270,141 +304,182 @@
wx.ready(function() { wx.ready(function() {
wx.onMenuShareTimeline({ wx.onMenuShareTimeline({
title: that.shareTitle, // 分享标题 title: that.shareTitle, // 分享标题
desc: that.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() {
console.log('分享成功'); console.log("分享成功");
window._hmt.push(['_trackEvent', '分享', "商品页好友分享",`id${that.shopId}`,that.invite_code]);//百度统计 window._hmt.push([
"_trackEvent",
"分享",
"商品页好友分享",
`id${that.shopId}`,
that.invite_code
]); //百度统计
}, },
cancel: function() { cancel: function() {
// alert("失败") // alert("失败")
console.log('分享失败') console.log("分享失败");
} }
}); });
wx.onMenuShareAppMessage({ wx.onMenuShareAppMessage({
title: that.shareTitle, // 分享标题 title: that.shareTitle, // 分享标题
desc: that.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() {
window._hmt.push(['_trackEvent', '分享', "商品页朋友圈分享",`id${that.shopId}`,that.invite_code]);//百度统计 window._hmt.push([
"_trackEvent",
"分享",
"商品页朋友圈分享",
`id${that.shopId}`,
that.invite_code
]); //百度统计
}, },
cancel: function() { cancel: function() {}
} });
});
}); });
})
})
}, },
onShare: function(type) { onShare: function(type) {
let ownDetail = JSON.parse(localStorage.getItem("userDesc")); let ownDetail = JSON.parse(localStorage.getItem("userDesc"));
let URL = `${process.env.BUY_URL}?shopId=${this.shopId}&groupId=${this.groupId}&invite_code=${this.invite_code}&nickname=${ownDetail.nickname}`; let URL = `${process.env.BUY_URL}?shopId=${this.shopId}&groupId=${this.groupId}&invite_code=${this.invite_code}&nickname=${ownDetail.nickname}`;
if(type === 1 ){ if (type === 1) {
URL = `${process.env.BUY_URL}?shopId=${this.shopId}&invite_code=${this.invite_code}&nickname=${ownDetail.nickname}` URL = `${process.env.BUY_URL}?shopId=${this.shopId}&invite_code=${this.invite_code}&nickname=${ownDetail.nickname}`;
} }
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
}) });
}, },
onNewShare(url){ onNewShare(url) {
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();
xhttp.onload = function () { xhttp.onload = function() {
let fileReader = new FileReader(); let fileReader = new FileReader();
fileReader.onloadend = function () { fileReader.onloadend = function() {
callback(fileReader.result) callback(fileReader.result);
}; };
fileReader.readAsDataURL(xhttp.response) fileReader.readAsDataURL(xhttp.response);
}; };
xhttp.responseType = 'blob'; xhttp.responseType = "blob";
xhttp.open('GET', src, true); xhttp.open("GET", src, true);
xhttp.send() xhttp.send();
}, },
// 初始化 // 初始化
getDetail(){ getDetail() {
if(window.location.href.indexOf('invite_code')> -1){ if (window.location.href.indexOf("invite_code") > -1) {
this.invite_code = this.$route.query.invite_code; this.invite_code = this.$route.query.invite_code;
let l = this.invite_code.split('-').length let l = this.invite_code.split("-").length;
if(l < 3){ if (l < 3) {
this.invite_code_f = false this.invite_code_f = false;
} }
} }
if(window.location.href.indexOf('shopId')>-1){ if (window.location.href.indexOf("shopId") > -1) {
this.shopId = this.$route.query.shopId; this.shopId = this.$route.query.shopId;
getGoodsDetailApi(this.shopId).then(res=>{ getGoodsDetailApi(this.shopId).then(res => {
res.desc = JSON.parse(res.desc); res.desc = JSON.parse(res.desc);
res.goods_desc = JSON.parse(res.goods_desc); res.goods_desc = JSON.parse(res.goods_desc);
res.share_desc = JSON.parse(res.share_desc); res.share_desc = JSON.parse(res.share_desc);
//商品下架跳转绑定商品 //商品下架跳转绑定商品
if(res.status === 2 && res.bind_goods_id){ if (res.status === 2 && res.bind_goods_id) {
this.$router.push({name:'buyDetail',query:{shopId:res.bind_goods_id}}); this.$router.push({
name: "buyDetail",
query: { shopId: res.bind_goods_id }
});
this.getDetail(); this.getDetail();
return return;
} }
this.groupDetail = res; this.groupDetail = res;
for (let i = 0;i<this.groupDetail.header_url.length;i++){ for (let i = 0; i < this.groupDetail.header_url.length; i++) {
this.groupDetail.header_url[i]=this.groupDetail.header_url[i].replace('http://','https://') this.groupDetail.header_url[i] = this.groupDetail.header_url[
} i
this.groupDetail.desc.detail = this.groupDetail.desc.detail.replace(/http:\/\//g,'https://'); ].replace("http://", "https://");
this.groupDetail.desc.qa = this.groupDetail.desc.qa.replace(/http:\/\//g,'https://'); }
if(this.groupDetail.share_desc.refImg && this.groupDetail.share_desc.refImg.length === 1){ this.groupDetail.desc.detail = this.groupDetail.desc.detail.replace(
this.groupDetail.share_desc.refImg[0].url = this.groupDetail.share_desc.refImg[0].url.replace('http://','https://'); /http:\/\//g,
"https://"
);
this.groupDetail.desc.qa = this.groupDetail.desc.qa.replace(
/http:\/\//g,
"https://"
);
if (
this.groupDetail.share_desc.refImg &&
this.groupDetail.share_desc.refImg.length === 1
) {
this.groupDetail.share_desc.refImg[0].url = this.groupDetail.share_desc.refImg[0].url.replace(
"http://",
"https://"
);
let _this = this; let _this = this;
this.toDataURLBase64(this.groupDetail.share_desc.refImg[0].url, function (avatarUrl) { this.toDataURLBase64(
this.groupDetail.share_desc.refImg[0].url,
function(avatarUrl) {
_this.groupDetail.share_desc.refImg[0].url = avatarUrl; _this.groupDetail.share_desc.refImg[0].url = avatarUrl;
});
} }
if(this.groupDetail.goods_type === 2){ );
if(localStorage.getItem('cc_token')){
getStatusWechatApi({goods_id:this.shopId}).then(res=>{
if(res.out_trade_no){
this.$router.push({name:'success',query:{out_trade_no:res.out_trade_no}});
} else {
this.refshow()
} }
if (this.groupDetail.goods_type === 2) {
if (localStorage.getItem("cc_token")) {
getStatusWechatApi({ goods_id: this.shopId }).then(res => {
if (res.out_trade_no) {
this.$router.push({
name: "success",
query: { out_trade_no: res.out_trade_no }
}); });
} else { } else {
this.refshow() this.refshow();
} }
});
} else { } else {
this.refshow() this.refshow();
} }
}) } else {
this.refshow();
} }
});
} }
} }
} }
};
</script> </script>
<style> <style>
img,video{ img,
video {
max-width: 100%; max-width: 100%;
} }
.copyToast { .copyToast {
z-index: 9999; z-index: 9999;
} }
</style> </style>
<style scoped lang="less"> <style scoped lang="less">
@import "../../util/public"; @import "../../util/public";
@keyframes marquee { @keyframes marquee {
0% { 0% {
transform: translateX(0); transform: translateX(0);
} }
100% { 100% {
transform: translateX(-1000px); transform: translateX(-1000px);
} }
} }
#app{background: rgb(89, 193, 241);} #app {
.marquee { background: rgb(89, 193, 241);
}
.marquee {
display: block; display: block;
width: 100%; width: 100%;
top: 12 * @toVw; top: 12 * @toVw;
...@@ -413,23 +488,23 @@ ...@@ -413,23 +488,23 @@
position: absolute; position: absolute;
-webkit-animation: marquee 30s linear infinite; -webkit-animation: marquee 30s linear infinite;
animation: marquee 30s linear infinite; animation: marquee 30s linear infinite;
} }
.elips { .elips {
position: relative; position: relative;
width: 170* @toVw; width: 170 * @toVw;
height: 100%; height: 100%;
overflow: hidden; overflow: hidden;
white-space: nowrap; white-space: nowrap;
/*text-overflow: ellipsis;*/ /*text-overflow: ellipsis;*/
margin: 0; margin: 0;
z-index: 1; z-index: 1;
} }
.tips { .tips {
width: 230 * @toVw; width: 230 * @toVw;
margin-left: 163 / 2 * @toVw; margin-left: 163 / 2 * @toVw;
margin-top: 10 * @toVw; margin-top: 10 * @toVw;
} }
.img-cvs{ .img-cvs {
position: absolute; position: absolute;
background: rgb(253, 168, 19); background: rgb(253, 168, 19);
width: 518 / 2 * @toVw; width: 518 / 2 * @toVw;
...@@ -453,37 +528,36 @@ ...@@ -453,37 +528,36 @@
img { img {
/*border-radius: 10px;*/ /*border-radius: 10px;*/
} }
.qrcode{ .qrcode {
position: absolute; position: absolute;
top: 690 / 2 * @toVw; top: 690 / 2 * @toVw;
left: 15 * @toVw; left: 15 * @toVw;
width: 60 * @toVw !important; width: 60 * @toVw !important;
/deep/ canvas{ /deep/ canvas {
width: 60 * @toVw !important; width: 60 * @toVw !important;
height: 60*@toVw !important; height: 60 * @toVw !important;
} }
/deep/ img{ /deep/ img {
width: 60 * @toVw !important; width: 60 * @toVw !important;
height: 60 * @toVw !important; height: 60 * @toVw !important;
} }
} }
} }
#avatarImg{ #avatarImg {
max-height: 415 * @toVw; max-height: 415 * @toVw;
} }
.cvs-img{ .cvs-img {
position: absolute; position: absolute;
width: 518 / 2 * @toVw; width: 518 / 2 * @toVw;
top: 25 * @toVh; top: 25 * @toVh;
left: 113 / 2 * @toVw; left: 113 / 2 * @toVw;
z-index: 10; z-index: 10;
} }
.inviteBtn { .inviteBtn {
position: absolute; position: absolute;
width: 100%; width: 100%;
opacity: 0; opacity: 0;
text-align: center; text-align: center;
.i-btn { .i-btn {
position: relative; position: relative;
width: 642 / 2 * @toVw; width: 642 / 2 * @toVw;
...@@ -492,15 +566,15 @@ ...@@ -492,15 +566,15 @@
font-size: 14 * @toVw; font-size: 14 * @toVw;
color: #fff; color: #fff;
// background: url('../../assets/activity/red-bg.png') no-repeat center; // background: url('../../assets/activity/red-bg.png') no-repeat center;
background: #FF7D77; background: #ff7d77;
border-radius: 25 * @toVw; border-radius: 25 * @toVw;
box-shadow:0px 1px 8px 0px rgba(255,125,119,0.5); box-shadow: 0px 1px 8px 0px rgba(255, 125, 119, 0.5);
background-size: cover; background-size: cover;
box-sizing: border-box; box-sizing: border-box;
padding: 2px 58/2*@toVw; padding: 2px 58/2 * @toVw;
overflow: hidden; overflow: hidden;
.i-env { .i-env {
width: 36 / 2 * @toVw;; width: 36 / 2 * @toVw;
height: auto; height: auto;
margin-right: 5px; margin-right: 5px;
margin-left: 0; margin-left: 0;
...@@ -508,18 +582,18 @@ ...@@ -508,18 +582,18 @@
} }
.i-env-title { .i-env-title {
font-size: 16 * @toVw; font-size: 16 * @toVw;
margin:0; margin: 0;
z-index: 2; z-index: 2;
} }
} }
} }
.flex-start { .flex-start {
display: flex; display: flex;
flex-flow: row nowrap; flex-flow: row nowrap;
justify-content: flex-start; justify-content: flex-start;
align-items: center; align-items: center;
} }
.g-btns { .g-btns {
display: flex; display: flex;
flex-flow: row nowrap; flex-flow: row nowrap;
justify-content: space-around; justify-content: space-around;
...@@ -532,12 +606,12 @@ ...@@ -532,12 +606,12 @@
width: 96 / 2 * @toVw; width: 96 / 2 * @toVw;
height: 96 / 2 * @toVw; height: 96 / 2 * @toVw;
} }
} }
.copyBtn { .copyBtn {
// background: url('../../assets/activity/yellow-bg.png') no-repeat center; // background: url('../../assets/activity/yellow-bg.png') no-repeat center;
background:rgba(255,125,119,1); background: rgba(255, 125, 119, 1);
box-shadow:0px 1px 8px 0px rgba(255,125,119,1); box-shadow: 0px 1px 8px 0px rgba(255, 125, 119, 1);
border-radius:27 * @toVw; border-radius: 27 * @toVw;
background-size: cover; background-size: cover;
box-sizing: border-box; box-sizing: border-box;
width: 196 * @toVw; width: 196 * @toVw;
...@@ -546,43 +620,43 @@ ...@@ -546,43 +620,43 @@
line-height: 92 / 2 * @toVw; line-height: 92 / 2 * @toVw;
color: #fff; color: #fff;
font-size: 20 * @toVw; font-size: 20 * @toVw;
} }
.flex-bt { .flex-bt {
display: flex; display: flex;
flex-flow: row nowrap; flex-flow: row nowrap;
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
} }
.p-tips { .p-tips {
color: #999; color: #999;
font-size: 15 * @toVw; font-size: 15 * @toVw;
} }
.p-envelope { .p-envelope {
width: 22 * @toVw; width: 22 * @toVw;
height: 22 * @toVw; height: 22 * @toVw;
margin-right: 12 * @toVw; margin-right: 12 * @toVw;
} }
.p-switch { .p-switch {
width: 15 * @toVw; width: 15 * @toVw;
height: 15 * @toVw; height: 15 * @toVw;
} }
.p-comments { .p-comments {
margin: 15px 0; margin: 15px 0;
// height: 220 * @toVw; // height: 220 * @toVw;
overflow-y: scroll; overflow-y: scroll;
p { p {
line-height: 2; line-height: 2;
} }
} }
.no-margin { .no-margin {
margin: 0; margin: 0;
} }
.ref-content{ .ref-content {
width: 299 * @toVw; width: 299 * @toVw;
height: 564 * @toVw; height: 564 * @toVw;
background-size: 100% 100%; background-size: 100% 100%;
position: relative; position: relative;
.tips{ .tips {
font-size: 12px; font-size: 12px;
position: absolute; position: absolute;
color: #666; color: #666;
...@@ -590,133 +664,134 @@ ...@@ -590,133 +664,134 @@
top: 250 * @toVw; top: 250 * @toVw;
width: 1em; width: 1em;
} }
} }
.group-index{ .group-index {
height: 100vh; // height: 100vh;
padding-bottom: toVw(150); padding-bottom: toVw(150);
background: #f0f0f0; background: #f0f0f0;
font-family: PingFangSC-Regular; font-family: PingFangSC-Regular;
.ref-icon{ .ref-icon {
position: fixed; position: fixed;
height: 100/375 * 90vw ; height: 100/375 * 90vw;
top: 70vw; top: 70vw;
z-index: 6; z-index: 6;
right: 10 * 100 /375vw; right: 10 * 100 /375vw;
border-radius: 100px; border-radius: 100px;
} }
.banner{ .banner {
background: white; background: white;
img{ img {
width: 100%; width: 100%;
} }
} }
.head{ .head {
background: white; background: white;
margin-bottom: 10px; margin-bottom: 10px;
padding: 20/7.5vw; padding: 20/7.5vw;
.title{ .title {
font-size: 20px; font-size: 20px;
color: #333333; color: #333333;
margin-bottom: 15/7.5vw; margin-bottom: 15/7.5vw;
} }
.detail{ .detail {
font-size: 12px; font-size: 12px;
line-height: 1.6em; line-height: 1.6em;
color: #333333; color: #333333;
display: block; display: block;
margin-bottom: 15/7.5vw; margin-bottom: 15/7.5vw;
} }
.price{ .price {
.price-content{ .price-content {
font-family: PingFang-SC-Bold; font-family: PingFang-SC-Bold;
font-size: 20px; font-size: 20px;
color: #F83534; color: #f83534;
} }
} }
} }
.head-icon{ .head-icon {
padding: 20/7.5vw; padding: 20/7.5vw;
background: white; background: white;
margin-bottom: 2px; margin-bottom: 2px;
.icon{ .icon {
display: inline-block; display: inline-block;
width: 60/7.5vw; width: 60/7.5vw;
margin: 0 10/7.5vw; margin: 0 10/7.5vw;
border-radius: 1000px; border-radius: 1000px;
vertical-align: middle; vertical-align: middle;
} }
.more{ .more {
width: 50/7.5vw; width: 50/7.5vw;
vertical-align: middle; vertical-align: middle;
} }
.has{ .has {
font-size: 12px; font-size: 12px;
line-height: 60/7.5vw; line-height: 60/7.5vw;
color: #999999; color: #999999;
float: right; float: right;
} }
} }
.welfare{ .welfare {
background: white; background: white;
padding:10/7.5vw ; padding: 10/7.5vw;
font-size: 12px; font-size: 12px;
text-align: center; text-align: center;
color: #999999; color: #999999;
margin-bottom: 20px; margin-bottom: 20px;
} }
.main-detail{ .main-detail {
padding: 20/7.5vw; padding: 20/7.5vw;
background: white; background: white;
.tab-content{ .tab-content {
border-radius: 9px ; border-radius: 9px;
border: 1px solid #F63539; border: 1px solid #f63539;
&:after{ &:after {
content: ''; content: "";
display: block; display: block;
clear: both; clear: both;
} }
.tab-btn{ .tab-btn {
width: 50%; width: 50%;
float: left; float: left;
height: 80/7.5vw; height: 80/7.5vw;
line-height: 80/7.5vw; line-height: 80/7.5vw;
text-align: center; text-align: center;
color: #F63539; color: #f63539;
border-radius:9px ; border-radius: 9px;
&.active{ &.active {
background: #F63539; background: #f63539;
color: white; color: white;
} }
} }
} }
.qa-block{ .qa-block {
padding: 20/7.5vw 0 toVw(150) 0; padding: 20/7.5vw 0 toVw(150) 0;
img,video{ img,
video {
max-width: 100%; max-width: 100%;
} }
.qa-content{ .qa-content {
margin: toVw(10) 0; margin: toVw(10) 0;
.qa-q{ .qa-q {
font-size: 16px; font-size: 16px;
color: #666666; color: #666666;
} }
.qa-a{ .qa-a {
font-size: 16px; font-size: 16px;
color: #333333; color: #333333;
} }
} }
} }
.detail{ .detail {
padding: 20/7.5vw 0 150/7.5vw 0; padding: 20/7.5vw 0 150/7.5vw 0;
.detail-content{ .detail-content {
img,video{ img,
video {
max-width: 100%; max-width: 100%;
} }
} }
} }
} }
footer{ footer {
position: absolute; position: absolute;
position: fixed; position: fixed;
bottom: 0; bottom: 0;
...@@ -730,48 +805,48 @@ ...@@ -730,48 +805,48 @@
background: white; background: white;
padding: 10/7.5vw; padding: 10/7.5vw;
border-top: 1px solid #d8d8d8; border-top: 1px solid #d8d8d8;
justify-content:space-around; justify-content: space-around;
.btn{ .btn {
border: 1px solid #cccccc; border: 1px solid #cccccc;
border-radius: 8px; border-radius: 8px;
width:0; width: 0;
flex-grow:2; flex-grow: 2;
text-align: center; text-align: center;
padding: 15/7.5vw 0; padding: 15/7.5vw 0;
margin: 0 10/7.5vw; margin: 0 10/7.5vw;
line-height: 1.4em; line-height: 1.4em;
font-size: 16px; font-size: 16px;
color: #666666; color: #666666;
span{ span {
display: block; display: block;
font-size: 20px; font-size: 20px;
font-family: PingFang-SC-Bold; font-family: PingFang-SC-Bold;
} }
img{ img {
width: 50/7.5vw; width: 50/7.5vw;
} }
&.big{ &.big {
padding: 5/7.5vw 0; padding: 5/7.5vw 0;
flex-grow:5; flex-grow: 5;
&.price{ &.price {
background: #F83534; background: #f83534;
border-color: #F83534; border-color: #f83534;
color: white; color: white;
} }
} }
} }
} }
.pop-block{ .pop-block {
padding:40/7.5vw 10/7.5vw; padding: 40/7.5vw 10/7.5vw;
width: 600/7.5vw; width: 600/7.5vw;
text-align: center; text-align: center;
font-size: 14px; font-size: 14px;
color: #666666; color: #666666;
position: relative; position: relative;
img{ img {
width: 250/7.5vw; width: 250/7.5vw;
} }
.close{ .close {
width: 50/7.5vw; width: 50/7.5vw;
position: absolute; position: absolute;
top: 20/7.5vw; top: 20/7.5vw;
...@@ -779,9 +854,9 @@ ...@@ -779,9 +854,9 @@
} }
} }
.pop-fill{ .pop-fill {
width: 705 / 2 * @toVw; width: 705 / 2 * @toVw;
padding:30/7.5vw 30/7.5vw; padding: 30/7.5vw 30/7.5vw;
box-sizing: border-box; box-sizing: border-box;
font-size: 16px; font-size: 16px;
color: #333333; color: #333333;
...@@ -796,32 +871,31 @@ ...@@ -796,32 +871,31 @@
width: 75 / 2 * @toVw; width: 75 / 2 * @toVw;
height: 75 / 2 * @toVw; height: 75 / 2 * @toVw;
} }
.btn-block{ .btn-block {
margin-top: 30/7.5vw; margin-top: 30/7.5vw;
&:after{ &:after {
content:''; content: "";
display: block; display: block;
clear: both; clear: both;
} }
.btn{ .btn {
float: right; float: right;
background: #F83534; background: #f83534;
font-size: 14px; font-size: 14px;
padding: 5/7.5vw 10/7.5vw; padding: 5/7.5vw 10/7.5vw;
border-radius: 8px; border-radius: 8px;
color: #FFFFFF; color: #ffffff;
} }
} }
} }
} }
.content-text{ .content-text {
margin-bottom: 15 * @toVw; margin-bottom: 15 * @toVw;
h3{ h3 {
margin-bottom: 5 * @toVw; margin-bottom: 5 * @toVw;
};
p{
font-size: 16 * @toVw;
} }
p {
font-size: 16 * @toVw;
} }
}
</style> </style>
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