购买流程优化

b088499c · wangwei · fe52c99f · b088499c · fe52c99f · fe52c99f
Commit b088499c authored Feb 28, 2019 by wangwei
16 changed files
--- a/dev/index.html
+++ b/dev/index.html
-<!DOCTYPE html><html><head><meta charset=utf-8><meta name=viewport content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no"><meta name=screen-orientation content=portrait><meta name=x5-orientation content=portrait><title>唱唱启蒙英语</title><link rel=stylesheet href=https://at.alicdn.com/t/font_822651_g9r2j7kybxu.css><style></style><link href=static/css/app.9f631d4069047acf4ee994f5d9f958c3.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 type=text/javascript src=static/js/manifest.17798a42ba8a43e1549d.js></script><script type=text/javascript src=static/js/vendor.f7071ab144d47917b1ae.js></script><script type=text/javascript src=static/js/app.65f1429e84ea66349da6.js></script></body></html>
\ No newline at end of file
+<!DOCTYPE html><html><head><meta charset=utf-8><meta name=viewport content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no"><meta name=screen-orientation content=portrait><meta name=x5-orientation content=portrait><title>唱唱启蒙英语</title><link rel=stylesheet href=https://at.alicdn.com/t/font_822651_g9r2j7kybxu.css><style>.mint-toast{
+        z-index: 10001 !important;
+      }</style><link href=static/css/app.9f631d4069047acf4ee994f5d9f958c3.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 type=text/javascript src=static/js/manifest.557a12b4d2f4dd8a886a.js></script><script type=text/javascript src=static/js/vendor.f7071ab144d47917b1ae.js></script><script type=text/javascript src=static/js/app.65f1429e84ea66349da6.js></script></body></html>
\ No newline at end of file
--- a/dev/static/js/10.160d9afa22d8cc96b7a9.js
+++ b/dev/static/js/10.160d9afa22d8cc96b7a9.js
-webpackJsonp([10],{"0xF1":function(n,i,e){(n.exports=e("FZ+f")(!0)).push([n.i,"\nimg,video{\n  max-width: 100%;\n}\n@-webkit-keyframes swing {\n10% {\n    -webkit-transform: rotate(15deg);\n            transform: rotate(15deg);\n}\n20% {\n    -webkit-transform: rotate(-10deg);\n            transform: rotate(-10deg);\n}\n30% {\n    -webkit-transform: rotate(5deg);\n            transform: rotate(5deg);\n}\n40% {\n    -webkit-transform: rotate(-5deg);\n            transform: rotate(-5deg);\n}\n50%, 100% {\n    -webkit-transform: rotate(0deg);\n            transform: rotate(0deg);\n}\n}\n.shake{\n  -webkit-animation-name: swing;\n  -webkit-animation-duration: 0.8s;\n  -webkit-transform-origin:50% 50%;\n  -webkit-animation-iteration-count: infinite;\n  -webkit-animation-timing-function: linear;\n}\n\n","",{version:3,sources:["D:/myproject/new-singsingH5/src/components/buy/src/components/buy/mpShop.vue"],names:[],mappings:";AA+UA;EACA,gBAAA;CACA;AACA;AACA;IACA,iCAAA;YAAA,yBAAA;CACA;AACA;IACA,kCAAA;YAAA,0BAAA;CACA;AACA;IACA,gCAAA;YAAA,wBAAA;CACA;AACA;IACA,iCAAA;YAAA,yBAAA;CACA;AACA;IACA,gCAAA;YAAA,wBAAA;CACA;CACA;AACA;EACA,8BAAA;EACA,iCAAA;EACA,iCAAA;EACA,4CAAA;EACA,0CAAA;CACA",file:"mpShop.vue",sourcesContent:['<template>\r\n  <div class="group-index" ref="index" v-if="groupDetail">\r\n    <swiper :options="swiperOption" class="banner" ref="mySwiper">\r\n      <swiper-slide v-if="groupDetail.goods_desc" v-for="(data,index) in groupDetail.goods_desc.img" :key="index">\r\n        <img :src="data.url"/>\r\n      </swiper-slide>\r\n      <div class="swiper-pagination" slot="pagination"></div>\r\n    </swiper>\r\n    <div class="head">\r\n      <div class="title">\r\n        {{groupDetail.name}}\r\n      </div>\r\n      <span class="detail">\r\n                {{groupDetail.goods_desc.desc}}\r\n            </span>\r\n      <div class="price">\r\n        <span class="price-content">￥{{groupDetail.current_price/100}}元</span>\r\n        <span style="text-decoration:line-through;color: #bbb;font-size: 14px" v-if="groupDetail.goods_type === 1 && groupDetail.original_price > groupDetail.current_price">￥{{groupDetail.original_price/100}}</span>\r\n      </div>\r\n\r\n    </div>\r\n    <div class="head-icon">\r\n      <img class="icon" v-for="(data,index) in groupDetail.header_url" v-if="index<5" :src="data" :key="data">\r\n      <img class="more" :src="moreUrl"/>\r\n      <span class="has">已售{{groupDetail.has_group_num}}件</span>\r\n    </div>\r\n    <div class="welfare" v-if="groupDetail.head_welfare && groupDetail.head_welfare !== \'\' && groupDetail.head_welfare !== null">\r\n      团长福利：{{groupDetail.head_welfare}}\r\n    </div>\r\n    <div class="main-detail">\r\n      <div class="tab-content">\r\n        <div :class="{\'tab-btn\':true,active:tabType}" @click="tabType=true;buttonClick(\'展示\',\'图文详情\')">图文详情</div>\r\n        <div :class="{\'tab-btn\':true,active:!tabType}" @click="tabType=false;buttonClick(\'展示\',\'购买须知\')">购买须知</div>\r\n      </div>\r\n      <div v-if="tabType" class="detail">\r\n        <div v-html="groupDetail.desc.detail" class="detail-content"></div>\r\n      </div>\r\n      <div v-if="!tabType" class="qa-block">\r\n        <div class="qa-content qaDetail" v-html="groupDetail.desc.qa">\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <div v-if="groupDetail.desc.customer_service[0]">\r\n      <mt-popup v-model="popupVisible">\r\n        <div class="pop-block">\r\n          <img v-if="popType" :src="qrCode"/>\r\n          <img v-if="!popType" :src="groupDetail.desc.customer_service[0].url"/>\r\n          <div>\r\n            <span v-if="popType" v-html="popcontentW"></span>\r\n            <span v-if="!popType" v-html="popcontentT"></span>\r\n          </div>\r\n          <img class="close" :src="closeUrl" @click="popupVisible = false">\r\n        </div>\r\n      </mt-popup>\r\n    </div>\r\n    <mt-popup v-model="popFill" :closeOnClickModal="false">\r\n      <div class="pop-fill">\r\n        您好，本次拼团已经结束。您可以选择重新开团或单独购买\r\n        <div class="btn-block">\r\n          <div class="btn" @click="rePlay()">重新开团</div>\r\n        </div>\r\n      </div>\r\n    </mt-popup>\r\n    <div v-if="groupDetail.status === 1 && invite_code_f">\r\n      <footer v-if="groupDetail.goods_type && groupDetail.goods_type === 2">\r\n        <div class="btn big price full" v-if="groupData && groupData.status !== 0">\r\n          <div v-if="groupId">该团已满</div>\r\n        </div>\r\n        <div :class=" groupData && groupData.status !== 0 ? \'btn big price\':\'btn big\'" @click="groupPay(0)" :id="groupId ? \'reGroup\':\'singleBuy\'">\r\n          <span v-if="!groupId">￥{{groupDetail.original_price/100}}</span>\r\n          <div v-if="!groupId">单独购</div>\r\n          <span v-if="groupId">￥{{groupDetail.current_price/100}}</span>\r\n          <div v-if="groupId">重新开团</div>\r\n        </div>\r\n        <div class="btn big price" @click="groupPay(1)" :id="groupId ? \'joinGroup\':\'newGroup\'" v-if="!groupData || groupData.status === 0">\r\n          <span>￥{{groupDetail.current_price/100}}</span>\r\n          <div v-if="!groupId">{{groupDetail.desc.group_number}}人团</div>\r\n          <div v-if="groupId">立即参团</div>\r\n        </div>\r\n\r\n      </footer>\r\n      <footer v-if="groupDetail.goods_type && groupDetail.goods_type !== 2">\r\n        <div class="btn big price" @click="groupPay(1)">\r\n          <span>￥{{groupDetail.current_price/100}}</span>\r\n          <div>立即购买</div>\r\n        </div>\r\n      </footer>\r\n    </div>\r\n    <mt-popup v-model="showQrCode">\r\n      <div class="pop-block">\r\n        <div class="qrcode-text">\r\n          <div class="title">购买说明</div>\r\n          <div class="main-text">长按识别二维码→点击关注公众号</div>\r\n          <div>或 截图二维码→在微信中识别</div>\r\n        </div>\r\n        <img v-if="$route.query.code === \'yinghe\'" style="width: 60vw" :src="qr1"/>\r\n        <img v-if="$route.query.code === \'yunying\'" style="width: 60vw" :src="qr2"/>\r\n        <img class="close" :src="closeUrl" @click="showQrCode = false">\r\n      </div>\r\n    </mt-popup>\r\n    <div v-if="groupDetail.status !== 1">\r\n      <footer>\r\n        <div style="color: #888">\r\n          已售罄\r\n        </div>\r\n      </footer>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\n  import \'swiper/dist/css/swiper.css\'\r\n  import { swiper, swiperSlide } from \'vue-awesome-swiper\'\r\n  import  QRCode from \'qrcodejs2\'\r\n  import { Indicator } from \'mint-ui\';\r\n  import {getwechatParam,getGoodsDetailApi,getGroupDetailApi} from "../../service/api";\r\n  import refBg from \'../../assets/refBg.png\'\r\n  import moreUrl from \'../../assets/moreIcon.png\'\r\n  import weChatIcon from \'../../assets/wechatIcon.png\'\r\n  import weChatQrUrl from \'../../assets/weChatCode.png\'\r\n  import closeUrl from \'../../assets/closemy.png\'\r\n  import qr1 from \'../../assets/shop/qr1.png\'\r\n  import qr2 from \'../../assets/shop/qr2.png\'\r\n  import html2canvas from \'html2canvas\'\r\n  export default {\r\n    name: "index",\r\n    components: {\r\n      swiper,\r\n      swiperSlide,\r\n    },\r\n    data(){\r\n      return {\r\n        refBg:refBg,\r\n        qr1:qr1,\r\n        qr2:qr2,\r\n        join:false,\r\n        showQrCode:false,\r\n        popType:false,\r\n        popFill:false,\r\n        popupVisible:false,\r\n        refVisible:false,\r\n        tabType:true,\r\n        popcontentW:`您已经购买过课程，无需重复<br>购买，您可以添加微信公众号了解更多`,\r\n        popcontentT:`为了更好地为您进行课程服务，<br>请扫码添加老师二维码`,\r\n        qrCode:weChatQrUrl,\r\n        weChatIcon:weChatIcon,\r\n        closeUrl:closeUrl,\r\n        moreUrl:moreUrl,\r\n        refIcon:\'https://cdn.singsingenglish.com/new-sing/b7f43ced8f8268655c2c5b289360df990ec8f18e.png\',\r\n        swiperOption: {\r\n          pagination: {\r\n            el: \'.swiper-pagination\'\r\n          }\r\n        },\r\n        QRCodeB:false,\r\n        payFlag:true,\r\n        dataURL:null,\r\n        user_id:null,\r\n        invite_code_f:true,\r\n        invite_code:\'\',\r\n        this_code:\'\',\r\n        shopId:\'\',\r\n        groupId:null,\r\n        groupDetail:false,\r\n        groupData:null,\r\n      }\r\n    },\r\n    mounted(){\r\n      this.getDetail();\r\n    },\r\n    methods:{\r\n      qrcode(data){\r\n        if(this.QRCodeB){\r\n          this.QRCodeB.makeCode(data)\r\n        }else{\r\n          this.QRCodeB = new QRCode(\'qrcode\', {\r\n            width: 80,\r\n            height: 80, // 高度\r\n            text: data, // 二维码内容\r\n            image: \'\'\r\n          });\r\n        }\r\n\r\n      },\r\n      // 分享\r\n      enableShare: function(option) {\r\n        let that = this;\r\n        getwechatParam({\r\n          api_list:   \'onMenuShareAppMessage,onMenuShareTimeline\',\r\n          url:window.location.href.split(\'#\')[0]\r\n        }).then(wechatRes => {\r\n          wx.config({\r\n            debug: false,\r\n            appId: wechatRes.appId,\r\n            timestamp: parseInt(wechatRes.timestamp),\r\n            nonceStr: wechatRes.nonceStr,\r\n            signature: wechatRes.signature,\r\n            jsApiList: wechatRes.jsApiList\r\n          });\r\n          wx.ready(function() {\r\n            wx.onMenuShareTimeline({\r\n              title: option.product_title, // 分享标题\r\n              desc: option.desc,// 分享描述\r\n              link: option.shareUrl, // 分享链接\r\n              imgUrl: option.shareIcon || \'https://cdn.singsingenglish.com/singsing/recommend/logo-refer.png\', // 分享图标\r\n              success: function() {\r\n                console.log(\'分享成功\');\r\n              },\r\n              cancel: function() {\r\n                // alert("失败")\r\n                console.log(\'分享失败\')\r\n              }\r\n            });\r\n            wx.onMenuShareAppMessage({\r\n              title: option.product_title, // 分享标题\r\n              desc: option.desc,// 分享描述\r\n              link: option.shareUrl, // 分享链接\r\n              imgUrl: option.shareIcon || \'https://cdn.singsingenglish.com/singsing/recommend/logo-refer.png\', // 分享图标\r\n              success: function() {\r\n              },\r\n              cancel: function() {\r\n              }\r\n            });\r\n          })\r\n        })\r\n      },\r\n      // 处理invite_code\r\n      handleInviteCode(){\r\n        if(!this.invite_code){\r\n          this.this_code = \'CC-USER-\'+this.user_id;\r\n        }else{\r\n          let invite_code = this.invite_code.split(\'-\');\r\n          if(invite_code.length > 2 && (invite_code[1] === \'TEACHER\' ||invite_code[1] === \'XXMM\'  ) ){\r\n            invite_code[1] = \'USER\'\r\n          }\r\n          let code = `${invite_code[0]}-${invite_code[1]}`;\r\n          this.this_code = `${code}-${this.user_id}`;\r\n        }\r\n      },\r\n      onShare: function(type) {\r\n        this.handleInviteCode();\r\n        let URL = `${process.env.BUY_URL}shopId=${this.shopId}&invite_code=${this.this_code}`\r\n        this.enableShare({\r\n          product_title: this.groupDetail.share_desc.title,\r\n          desc: this.groupDetail.share_desc.content,\r\n          shareIcon:this.groupDetail.share_desc.img[0].url,\r\n          shareUrl:URL\r\n        })\r\n      },\r\n      // 初始化\r\n      getDetail(){\r\n        if(window.location.href.indexOf(\'invite_code\')> -1){\r\n          this.invite_code = this.$route.query.invite_code;\r\n          let l = this.invite_code.split(\'-\').length;\r\n          if(l === 2 ){\r\n            this.invite_code_f = false\r\n          }\r\n        }\r\n        this.user_id=JSON.parse(localStorage.getItem(\'userDesc\')).user_id;\r\n        if(window.location.href.indexOf(\'shopId\')>-1){\r\n          this.shopId = this.$route.query.shopId;\r\n          getGoodsDetailApi(this.shopId).then(res=>{\r\n            res.desc = JSON.parse(res.desc);\r\n            res.goods_desc = JSON.parse(res.goods_desc);\r\n            res.share_desc = JSON.parse(res.share_desc);\r\n            //商品下架跳转绑定商品\r\n            if(res.status === 2 && res.bind_goods_id){\r\n              this.$router.push({name:\'buyDetail\',query:{shopId:res.bind_goods_id,invite_code:this.invite_code}});\r\n              this.getDetail();\r\n              return\r\n            }\r\n            this.groupDetail = res;\r\n            for (let i = 0;i<this.groupDetail.header_url.length;i++){\r\n              this.groupDetail.header_url[i]=this.groupDetail.header_url[i].replace(\'http://\',\'https://\')\r\n            }\r\n            this.groupDetail.desc.detail = this.groupDetail.desc.detail.replace(/http:\\/\\//g,\'https://\');\r\n            this.groupDetail.desc.qa = this.groupDetail.desc.qa.replace(/http:\\/\\//g,\'https://\');\r\n            if(this.groupDetail.share_desc.refImg && this.groupDetail.share_desc.refImg.length === 1){\r\n              this.groupDetail.share_desc.refImg[0].url = this.groupDetail.share_desc.refImg[0].url.replace(\'http://\',\'https://\');\r\n              let _this = this;\r\n              this.toDataURLBase64(this.groupDetail.share_desc.refImg[0].url, function (avatarUrl) {\r\n                _this.groupDetail.share_desc.refImg[0].url = avatarUrl;\r\n              });\r\n            }\r\n            let invite = this.invite_code;\r\n            this.$sa.track(\'viewCourseDetail\',{\r\n              goodsID:this.groupDetail.id.toString(),\r\n              courseCate:this.groupDetail.course_type === 1 ? \'体验课\' : \'正式课\',\r\n              lessonNumber:this.groupDetail.watch_num,\r\n              goodsName:this.groupDetail.name,\r\n              coursePrice:Number(this.groupDetail.original_price/100),\r\n              discountPrice:Number(this.groupDetail.current_price/100),\r\n              courseID:this.groupDetail.course_id,\r\n              courseName:\'\',\r\n              salesType:invite?invite.split(\'-\')[1]:\'null\',\r\n              salesID:invite?Number(invite.split(\'-\')[2]):0\r\n            });\r\n            if(this.groupDetail.goods_type === 2){\r\n              if(localStorage.getItem(\'cc_token\')){\r\n              }\r\n              if(window.location.href.indexOf(\'groupId\')>-1){\r\n                this.groupId = this.$route.query.groupId;\r\n                getGroupDetailApi(this.groupId).then(res=>{\r\n                  this.groupData = res\r\n                });\r\n                this.onShare(0)\r\n              }else{\r\n                this.onShare(1)\r\n              }\r\n            }else{\r\n              this.onShare(1);\r\n              this.handleInviteCode()\r\n            }\r\n          })\r\n        }\r\n      },\r\n      showTeacher(){\r\n        this.popType = false;\r\n        this.popupVisible = true\r\n      },\r\n      buttonClick(buttonType,buttonName){\r\n        this.$sa.track(\'buttonClick\',{\r\n          tabTitle:\'商品\',\r\n          moduleTitle:\'详情页\',\r\n          buttonType:buttonType,\r\n          buttonName:buttonName\r\n        });\r\n      },\r\n      groupPay(type){\r\n        this.showQrCode = true\r\n      }\r\n    }\r\n  }\r\n<\/script>\r\n<style>\r\n  img,video{\r\n    max-width: 100%;\r\n  }\r\n  @-webkit-keyframes swing {\r\n    10% {\r\n      transform: rotate(15deg);\r\n    }\r\n    20% {\r\n      transform: rotate(-10deg);\r\n    }\r\n    30% {\r\n      transform: rotate(5deg);\r\n    }\r\n    40% {\r\n      transform: rotate(-5deg);\r\n    }\r\n    50%, 100% {\r\n      transform: rotate(0deg);\r\n    }\r\n  }\r\n  .shake{\r\n    -webkit-animation-name: swing;\r\n    -webkit-animation-duration: 0.8s;\r\n    -webkit-transform-origin:50% 50%;\r\n    -webkit-animation-iteration-count: infinite;\r\n    -webkit-animation-timing-function: linear;\r\n  }\r\n\r\n</style>\r\n<style scoped lang="less">\r\n  @import "../../util/public";\r\n  .qrcode-text{\r\n    font-size: 14*@toVw;\r\n    margin-bottom: 10*@toVw;\r\n    .title{\r\n      margin-bottom: 15*@toVw;\r\n    }\r\n    .main-text{\r\n      font-weight: bold;\r\n      font-size: 16*@toVw;\r\n      margin-bottom: 8*@toVw;\r\n    }\r\n  }\r\n  .img-cvs{\r\n    position: absolute;\r\n    width: 233 * @toVw;\r\n    top: 176 * @toVw;\r\n    left: 29 * @toVw;\r\n    .qrcode{\r\n      position: absolute;\r\n      top: 305 * @toVw;\r\n      left: 15 * @toVw;\r\n      width: 60 * @toVw;\r\n    }\r\n  }\r\n  .cvs-img{\r\n    position: absolute;\r\n    width: 233 * @toVw;\r\n    top: 176 * @toVw;\r\n    left: 29 * @toVw;\r\n    z-index: 10;\r\n  }\r\n  .ref-content{\r\n    width: 299 * @toVw;\r\n    height: 564 * @toVw;\r\n    background-size: 100% 100%;\r\n    position: relative;\r\n    .tips{\r\n      font-size: 12px;\r\n      position: absolute;\r\n      color: #666;\r\n      right: 10 * @toVw;\r\n      top: 250 * @toVw;\r\n      width: 1em;\r\n    }\r\n  }\r\n  .group-index{\r\n    height: 100%;\r\n    padding-bottom: toVw(150);\r\n    background: #f0f0f0;\r\n    font-family: PingFangSC-Regular;\r\n    .ref-icon{\r\n      position: fixed;\r\n      height: 100/375 * 90vw ;\r\n      top: 70vw;\r\n      z-index: 6;\r\n      right: 10 * 100 /375vw;\r\n      /*border-radius: 100px;*/\r\n    }\r\n    .banner{\r\n      background: white;\r\n      img{\r\n        width: 100%;\r\n      }\r\n    }\r\n    .head{\r\n      background: white;\r\n      margin-bottom: 10px;\r\n      padding: 20/7.5vw;\r\n      .title{\r\n        font-size: 20px;\r\n        color: #333333;\r\n        margin-bottom: 15/7.5vw;\r\n      }\r\n      .detail{\r\n        font-size: 12px;\r\n        line-height: 1.6em;\r\n        color: #333333;\r\n        display: block;\r\n        margin-bottom: 15/7.5vw;\r\n      }\r\n      .price{\r\n        .price-content{\r\n          font-family: PingFang-SC-Bold;\r\n          font-size: 20px;\r\n          color: #F83534;\r\n        }\r\n      }\r\n    }\r\n    .head-icon{\r\n      padding: 20/7.5vw;\r\n      background: white;\r\n      margin-bottom: 2px;\r\n      .icon{\r\n        display: inline-block;\r\n        width: 60/7.5vw;\r\n        margin: 0 10/7.5vw;\r\n        border-radius: 1000px;\r\n        vertical-align: middle;\r\n      }\r\n      .more{\r\n        width: 50/7.5vw;\r\n        vertical-align: middle;\r\n      }\r\n      .has{\r\n        font-size: 12px;\r\n        line-height: 60/7.5vw;\r\n        color: #999999;\r\n        float: right;\r\n      }\r\n    }\r\n    .welfare{\r\n      background: white;\r\n      padding:10/7.5vw ;\r\n      font-size: 12px;\r\n      text-align: center;\r\n      color: #999999;\r\n      margin-bottom: 20px;\r\n    }\r\n    .main-detail{\r\n      padding: 20/7.5vw;\r\n      background: white;\r\n      .tab-content{\r\n        border-radius: 9px ;\r\n        border: 1px solid #F63539;\r\n        &:after{\r\n          content: \'\';\r\n          display: block;\r\n          clear: both;\r\n        }\r\n        .tab-btn{\r\n          width: 50%;\r\n          float: left;\r\n          height: 80/7.5vw;\r\n          line-height: 80/7.5vw;\r\n          text-align: center;\r\n          color: #F63539;\r\n          border-radius:9px ;\r\n          &.active{\r\n            background: #F63539;\r\n            color: white;\r\n          }\r\n        }\r\n      }\r\n      .qa-block{\r\n        padding: 20/7.5vw 0 toVw(150) 0;\r\n        img,video{\r\n          max-width: 100%;\r\n        }\r\n        .qa-content{\r\n          margin: toVw(10) 0;\r\n          .qa-q{\r\n            font-size: 16px;\r\n            color: #666666;\r\n          }\r\n          .qa-a{\r\n            font-size: 16px;\r\n            color: #333333;\r\n          }\r\n        }\r\n      }\r\n      .detail{\r\n        padding: 20/7.5vw 0 150/7.5vw 0;\r\n        .detail-content{\r\n          img,video{\r\n            max-width: 100%;\r\n          }\r\n        }\r\n\r\n      }\r\n    }\r\n    footer{\r\n      position: absolute;\r\n      position: fixed;\r\n      bottom: 0;\r\n      width: 97.7vw;\r\n      height: 120/7.5vw;\r\n      display: -webkit-box;      // OLD - iOS 6-, Safari 3.1-6 //\r\n      display: -moz-box;         // OLD - Firefox 19- (buggy but mostly works) //\r\n      display: -ms-flexbox;      // TWEENER - IE 10 //\r\n      display: -webkit-flex;     // NEW - Chrome //\r\n      display: flex;             // NEW, Spec - Opera 12.1, Firefox 20+ //\r\n      background: white;\r\n      padding: 1.3vw;\r\n      border-top: 1px solid #d8d8d8;\r\n      justify-content:space-around;\r\n      .btn{\r\n        border: 1px solid #cccccc;\r\n        border-radius: 8px;\r\n        width:0;\r\n        flex-grow:2;\r\n        text-align: center;\r\n        padding: 15/7.5vw 0;\r\n        margin: 0 10/7.5vw;\r\n        line-height: 1.4em;\r\n        font-size: 16px;\r\n        color: #666666;\r\n        span{\r\n          display: block;\r\n          font-size: 20px;\r\n          font-family: PingFang-SC-Bold;\r\n        }\r\n        img{\r\n          width: 50/7.5vw;\r\n        }\r\n        &.big{\r\n          padding: 5/7.5vw 0;\r\n          flex-grow:5;\r\n          &.price{\r\n            background:  #F83534;\r\n            border-color: #F83534;\r\n            color: white;\r\n            &.full{\r\n              background: #dddddd;\r\n              border-color: #dddddd;\r\n              line-height: 50*@toVw;\r\n            }\r\n          }\r\n        }\r\n      }\r\n    }\r\n    .pop-block{\r\n      padding:40/7.5vw 10/7.5vw;\r\n      width: 600/7.5vw;\r\n      text-align: center;\r\n      font-size: 14px;\r\n      color: #666666;\r\n      position: relative;\r\n      img{\r\n        width: 250/7.5vw;\r\n      }\r\n      .close{\r\n        width: 50/7.5vw;\r\n        position: absolute;\r\n        top: 20/7.5vw;\r\n        right: 20/7.5vw;\r\n      }\r\n    }\r\n    .mint-popup{\r\n      border-radius: 10px;\r\n    }\r\n    .pop-fill{\r\n      width: 500/7.5vw;\r\n      padding:30/7.5vw 30/7.5vw;\r\n      font-size: 16px;\r\n      color: #333333;\r\n      .btn-block{\r\n        margin-top: 30/7.5vw;\r\n        &:after{\r\n          content:\'\';\r\n          display: block;\r\n          clear: both;\r\n        }\r\n        .btn{\r\n          float: right;\r\n          background: #F83534;\r\n          font-size: 14px;\r\n          padding: 5/7.5vw 10/7.5vw;\r\n          border-radius: 8px;\r\n          color: #FFFFFF;\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n</style>\r\n'],sourceRoot:""}])},"4lQ/":function(n,i){n.exports="data:image/png;base64,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"},N0yM:function(n,i,e){(n.exports=e("FZ+f")(!0)).push([n.i,"\n.fl-r[data-v-331cfff2] {\n  float: right;\n}\n.main-block[data-v-331cfff2] {\n  margin: 5px;\n  background: white;\n  padding: 5px;\n}\n.clear-both[data-v-331cfff2]:after {\n  content: '';\n  display: block;\n  clear: both;\n}\n[data-v-331cfff2]::-webkit-scrollbar-track-piece {\n  border-radius: 10px;\n}\n[data-v-331cfff2]::-webkit-scrollbar {\n  width: 5px;\n  height: 5px;\n}\n[data-v-331cfff2]::-webkit-scrollbar-thumb {\n  background-color: #999;\n  border-radius: 10px;\n  height: 10px;\n  min-height: 10px;\n}\n.qrcode-text[data-v-331cfff2] {\n  font-size: 3.73333333vw;\n  margin-bottom: 2.66666667vw;\n}\n.qrcode-text .title[data-v-331cfff2] {\n  margin-bottom: 4vw;\n}\n.qrcode-text .main-text[data-v-331cfff2] {\n  font-weight: bold;\n  font-size: 4.26666667vw;\n  margin-bottom: 2.13333333vw;\n}\n.img-cvs[data-v-331cfff2] {\n  position: absolute;\n  width: 62.13333333vw;\n  top: 46.93333333vw;\n  left: 7.73333333vw;\n}\n.img-cvs .qrcode[data-v-331cfff2] {\n  position: absolute;\n  top: 81.33333333vw;\n  left: 4vw;\n  width: 16vw;\n}\n.cvs-img[data-v-331cfff2] {\n  position: absolute;\n  width: 62.13333333vw;\n  top: 46.93333333vw;\n  left: 7.73333333vw;\n  z-index: 10;\n}\n.ref-content[data-v-331cfff2] {\n  width: 79.73333333vw;\n  height: 150.4vw;\n  background-size: 100% 100%;\n  position: relative;\n}\n.ref-content .tips[data-v-331cfff2] {\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-331cfff2] {\n  height: 100%;\n  padding-bottom: toVw(150);\n  background: #f0f0f0;\n  font-family: PingFangSC-Regular;\n}\n.group-index .ref-icon[data-v-331cfff2] {\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-331cfff2] {\n  background: white;\n}\n.group-index .banner img[data-v-331cfff2] {\n  width: 100%;\n}\n.group-index .head[data-v-331cfff2] {\n  background: white;\n  margin-bottom: 10px;\n  padding: 2.66666667vw;\n}\n.group-index .head .title[data-v-331cfff2] {\n  font-size: 20px;\n  color: #333333;\n  margin-bottom: 2vw;\n}\n.group-index .head .detail[data-v-331cfff2] {\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-331cfff2] {\n  font-family: PingFang-SC-Bold;\n  font-size: 20px;\n  color: #F83534;\n}\n.group-index .head-icon[data-v-331cfff2] {\n  padding: 2.66666667vw;\n  background: white;\n  margin-bottom: 2px;\n}\n.group-index .head-icon .icon[data-v-331cfff2] {\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-331cfff2] {\n  width: 6.66666667vw;\n  vertical-align: middle;\n}\n.group-index .head-icon .has[data-v-331cfff2] {\n  font-size: 12px;\n  line-height: 8vw;\n  color: #999999;\n  float: right;\n}\n.group-index .welfare[data-v-331cfff2] {\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-331cfff2] {\n  padding: 2.66666667vw;\n  background: white;\n}\n.group-index .main-detail .tab-content[data-v-331cfff2] {\n  border-radius: 9px ;\n  border: 1px solid #F63539;\n}\n.group-index .main-detail .tab-content[data-v-331cfff2]:after {\n  content: '';\n  display: block;\n  clear: both;\n}\n.group-index .main-detail .tab-content .tab-btn[data-v-331cfff2] {\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-331cfff2] {\n  background: #F63539;\n  color: white;\n}\n.group-index .main-detail .qa-block[data-v-331cfff2] {\n  padding: 2.66666667vw 0 toVw(150) 0;\n}\n.group-index .main-detail .qa-block img[data-v-331cfff2],\n.group-index .main-detail .qa-block video[data-v-331cfff2] {\n  max-width: 100%;\n}\n.group-index .main-detail .qa-block .qa-content[data-v-331cfff2] {\n  margin: toVw(10) 0;\n}\n.group-index .main-detail .qa-block .qa-content .qa-q[data-v-331cfff2] {\n  font-size: 16px;\n  color: #666666;\n}\n.group-index .main-detail .qa-block .qa-content .qa-a[data-v-331cfff2] {\n  font-size: 16px;\n  color: #333333;\n}\n.group-index .main-detail .detail[data-v-331cfff2] {\n  padding: 2.66666667vw 0 20vw 0;\n}\n.group-index .main-detail .detail .detail-content img[data-v-331cfff2],\n.group-index .main-detail .detail .detail-content video[data-v-331cfff2] {\n  max-width: 100%;\n}\n.group-index footer[data-v-331cfff2] {\n  position: absolute;\n  position: fixed;\n  bottom: 0;\n  width: 97.7vw;\n  height: 16vw;\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  background: white;\n  padding: 1.3vw;\n  border-top: 1px solid #d8d8d8;\n  -ms-flex-pack: distribute;\n      justify-content: space-around;\n}\n.group-index footer .btn[data-v-331cfff2] {\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-331cfff2] {\n  display: block;\n  font-size: 20px;\n  font-family: PingFang-SC-Bold;\n}\n.group-index footer .btn img[data-v-331cfff2] {\n  width: 6.66666667vw;\n}\n.group-index footer .btn.big[data-v-331cfff2] {\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-331cfff2] {\n  background: #F83534;\n  border-color: #F83534;\n  color: white;\n}\n.group-index footer .btn.big.price.full[data-v-331cfff2] {\n  background: #dddddd;\n  border-color: #dddddd;\n  line-height: 13.33333333vw;\n}\n.group-index .pop-block[data-v-331cfff2] {\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-331cfff2] {\n  width: 33.33333333vw;\n}\n.group-index .pop-block .close[data-v-331cfff2] {\n  width: 6.66666667vw;\n  position: absolute;\n  top: 2.66666667vw;\n  right: 2.66666667vw;\n}\n.group-index .mint-popup[data-v-331cfff2] {\n  border-radius: 10px;\n}\n.group-index .pop-fill[data-v-331cfff2] {\n  width: 66.66666667vw;\n  padding: 4vw 4vw;\n  font-size: 16px;\n  color: #333333;\n}\n.group-index .pop-fill .btn-block[data-v-331cfff2] {\n  margin-top: 4vw;\n}\n.group-index .pop-fill .btn-block[data-v-331cfff2]:after {\n  content: '';\n  display: block;\n  clear: both;\n}\n.group-index .pop-fill .btn-block .btn[data-v-331cfff2] {\n  float: right;\n  background: #F83534;\n  font-size: 14px;\n  padding: 0.66666667vw 1.33333333vw;\n  border-radius: 8px;\n  color: #FFFFFF;\n}\n","",{version:3,sources:["D:/myproject/new-singsingH5/src/components/buy/D:/myproject/new-singsingH5/src/util/public.less","D:/myproject/new-singsingH5/src/components/buy/mpShop.vue","D:/myproject/new-singsingH5/src/components/buy/D:/myproject/new-singsingH5/src/components/buy/mpShop.vue"],names:[],mappings:";AAcA;EACE,aAAA;CCbD;ADeD;EACE,YAAA;EACA,kBAAA;EACA,aAAA;CCbD;ADmBC;EACE,YAAA;EACA,eAAA;EACA,YAAA;CCjBH;ADqBD;EACE,oBAAA;CCnBD;ADqBD;EACE,WAAA;EACA,YAAA;CCnBD;ADqBD;EACE,uBAAA;EACA,oBAAA;EACA,aAAA;EACA,iBAAA;CCnBD;ACqVD;EACE,wBAAA;EACA,4BAAA;CDnVD;ACiVD;EAII,mBAAA;CDlVH;AC8UD;EAOI,kBAAA;EACA,wBAAA;EACA,4BAAA;CDlVH;ACqVD;EACE,mBAAA;EACA,qBAAA;EACA,mBAAA;EACA,mBAAA;CDnVD;AC+UD;EAMI,mBAAA;EACA,mBAAA;EACA,UAAA;EACA,YAAA;CDlVH;ACqVD;EACE,mBAAA;EACA,qBAAA;EACA,mBAAA;EACA,mBAAA;EACA,YAAA;CDnVD;ACqVD;EACE,qBAAA;EACA,gBAAA;EACA,2BAAA;EACA,mBAAA;CDnVD;AC+UD;EAMI,gBAAA;EACA,mBAAA;EACA,YAAA;EACA,oBAAA;EACA,mBAAA;EACA,WAAA;CDlVH;ACqVD;EACE,aAAA;EACA,0BAAA;EACA,oBAAA;EACA,gCAAA;CDnVD;AC+UD;EAMI,gBAAA;EACA,aAAA;EACA,UAAA;EACA,WAAA;EACA,oBAAA;EDlVF,yBAAyB;CAC1B;ACuUD;EAcI,kBAAA;CDlVH;ACoUD;EAgBM,YAAA;CDjVL;ACiUD;EAoBI,kBAAA;EACA,oBAAA;EACA,sBAAA;CDlVH;AC4TD;EAwBM,gBAAA;EACA,eAAA;EACA,mBAAA;CDjVL;ACuTD;EA6BM,gBAAA;EACA,mBAAA;EACA,eAAA;EACA,eAAA;EACA,mBAAA;CDjVL;ACgTD;EAqCQ,8BAAA;EACA,gBAAA;EACA,eAAA;CDlVP;AC2SD;EA4CI,sBAAA;EACA,kBAAA;EACA,mBAAA;CDpVH;ACsSD;EAgDM,sBAAA;EACA,WAAA;EACA,uBAAA;EACA,sBAAA;EACA,uBAAA;CDnVL;AC+RD;EAuDM,oBAAA;EACA,uBAAA;CDnVL;AC2RD;EA2DM,gBAAA;EACA,iBAAA;EACA,eAAA;EACA,aAAA;CDnVL;ACqRD;EAkEI,kBAAA;EACA,sBAAA;EACA,gBAAA;EACA,mBAAA;EACA,eAAA;EACA,oBAAA;CDpVH;AC6QD;EA0EI,sBAAA;EACA,kBAAA;CDpVH;ACyQD;EA6EM,oBAAA;EACA,0BAAA;CDnVL;ACoVK;EACE,YAAA;EACA,eAAA;EACA,YAAA;CDlVP;ACgQD;EAqFQ,WAAA;EACA,YAAA;EACA,sBAAA;EACA,2BAAA;EACA,mBAAA;EACA,eAAA;EACA,oBAAA;CDlVP;ACmVO;EACE,oBAAA;EACA,aAAA;CDjVT;ACmPD;EAmGM,oCAAA;CDnVL;ACgPD;;EAqGQ,gBAAA;CDjVP;AC4OD;EAwGQ,mBAAA;CDjVP;ACyOD;EA0GU,gBAAA;EACA,eAAA;CDhVT;ACqOD;EA8GU,gBAAA;EACA,eAAA;CDhVT;ACiOD;EAoHM,+BAAA;CDlVL;AC8ND;;EAuHU,gBAAA;CDjVT;AC0ND;EA8HI,mBAAA;EACA,gBAAA;EACA,UAAA;EACA,cAAA;EACA,aAAA;EACA,qBAAA;EAEA,qBAAA;EAEA,cAAA;EACA,kBAAA;EACA,eAAA;EACA,8BAAA;EACA,0BAAA;MAAA,8BAAA;CDrVH;AC0MD;EA6IM,0BAAA;EACA,mBAAA;EACA,SAAA;EACA,oBAAA;MAAA,qBAAA;UAAA,aAAA;EACA,mBAAA;EACA,eAAA;EACA,uBAAA;EACA,mBAAA;EACA,gBAAA;EACA,eAAA;CDpVL;AC8LD;EAwJQ,eAAA;EACA,gBAAA;EACA,8BAAA;CDnVP;ACyLD;EA6JQ,oBAAA;CDnVP;ACqVK;EACE,wBAAA;EACA,oBAAA;MAAA,qBAAA;UAAA,aAAA;CDnVP;ACoVO;EACE,oBAAA;EACA,sBAAA;EACA,aAAA;CDlVT;ACmVS;EACE,oBAAA;EACA,sBAAA;EACA,2BAAA;CDjVX;ACwKD;EAgLI,mCAAA;EACA,YAAA;EACA,mBAAA;EACA,gBAAA;EACA,eAAA;EACA,mBAAA;CDrVH;ACgKD;EAuLM,qBAAA;CDpVL;AC6JD;EA0LM,oBAAA;EACA,mBAAA;EACA,kBAAA;EACA,oBAAA;CDpVL;ACuJD;EAiMI,oBAAA;CDrVH;ACoJD;EAoMI,qBAAA;EACA,iBAAA;EACA,gBAAA;EACA,eAAA;CDrVH;AC8ID;EAyMM,gBAAA;CDpVL;ACqVK;EACE,YAAA;EACA,eAAA;EACA,YAAA;CDnVP;ACsID;EAgNQ,aAAA;EACA,oBAAA;EACA,gBAAA;EACA,mCAAA;EACA,mBAAA;EACA,eAAA;CDnVP",file:"mpShop.vue",sourcesContent:["//颜色参数\n@toVw:100/375vw;\n@toVh:100/667vh;\n@bg-b: #333;\n@bg-b-s:#444;\n@black-line:#191919;\n@gray-line:#666;\n@light-line:#ddd;\n@main-font-color:#fff;\n@secondary-font-color:#999;\n@gold-color-light:#FFD04B;\n@gold-color: #a18430;\n\n//公共类\n.fl-r{\n  float: right;\n}\n.main-block{\n  margin: 5px;\n  background: white;\n  padding: 5px;\n}\nhtml{\n\n}\n.clear-both{\n  &:after{\n    content: '';\n    display: block;\n    clear: both;\n  }\n}\n//滚动条样式\n::-webkit-scrollbar-track-piece { //滚动条凹槽的颜色，还可以设置边框属性\n  border-radius: 10px;\n}\n::-webkit-scrollbar {//滚动条的宽度\n  width:5px;\n  height:5px;\n}\n::-webkit-scrollbar-thumb {//滚动条的设置\n  background-color:@secondary-font-color;\n  border-radius: 10px;\n  height: 10px;\n  min-height:10px;\n}\n",".fl-r {\n  float: right;\n}\n.main-block {\n  margin: 5px;\n  background: white;\n  padding: 5px;\n}\n.clear-both:after {\n  content: '';\n  display: block;\n  clear: both;\n}\n::-webkit-scrollbar-track-piece {\n  border-radius: 10px;\n}\n::-webkit-scrollbar {\n  width: 5px;\n  height: 5px;\n}\n::-webkit-scrollbar-thumb {\n  background-color: #999;\n  border-radius: 10px;\n  height: 10px;\n  min-height: 10px;\n}\n.qrcode-text {\n  font-size: 3.73333333vw;\n  margin-bottom: 2.66666667vw;\n}\n.qrcode-text .title {\n  margin-bottom: 4vw;\n}\n.qrcode-text .main-text {\n  font-weight: bold;\n  font-size: 4.26666667vw;\n  margin-bottom: 2.13333333vw;\n}\n.img-cvs {\n  position: absolute;\n  width: 62.13333333vw;\n  top: 46.93333333vw;\n  left: 7.73333333vw;\n}\n.img-cvs .qrcode {\n  position: absolute;\n  top: 81.33333333vw;\n  left: 4vw;\n  width: 16vw;\n}\n.cvs-img {\n  position: absolute;\n  width: 62.13333333vw;\n  top: 46.93333333vw;\n  left: 7.73333333vw;\n  z-index: 10;\n}\n.ref-content {\n  width: 79.73333333vw;\n  height: 150.4vw;\n  background-size: 100% 100%;\n  position: relative;\n}\n.ref-content .tips {\n  font-size: 12px;\n  position: absolute;\n  color: #666;\n  right: 2.66666667vw;\n  top: 66.66666667vw;\n  width: 1em;\n}\n.group-index {\n  height: 100%;\n  padding-bottom: toVw(150);\n  background: #f0f0f0;\n  font-family: PingFangSC-Regular;\n}\n.group-index .ref-icon {\n  position: fixed;\n  height: 24vw;\n  top: 70vw;\n  z-index: 6;\n  right: 2.66666667vw;\n  /*border-radius: 100px;*/\n}\n.group-index .banner {\n  background: white;\n}\n.group-index .banner img {\n  width: 100%;\n}\n.group-index .head {\n  background: white;\n  margin-bottom: 10px;\n  padding: 2.66666667vw;\n}\n.group-index .head .title {\n  font-size: 20px;\n  color: #333333;\n  margin-bottom: 2vw;\n}\n.group-index .head .detail {\n  font-size: 12px;\n  line-height: 1.6em;\n  color: #333333;\n  display: block;\n  margin-bottom: 2vw;\n}\n.group-index .head .price .price-content {\n  font-family: PingFang-SC-Bold;\n  font-size: 20px;\n  color: #F83534;\n}\n.group-index .head-icon {\n  padding: 2.66666667vw;\n  background: white;\n  margin-bottom: 2px;\n}\n.group-index .head-icon .icon {\n  display: inline-block;\n  width: 8vw;\n  margin: 0 1.33333333vw;\n  border-radius: 1000px;\n  vertical-align: middle;\n}\n.group-index .head-icon .more {\n  width: 6.66666667vw;\n  vertical-align: middle;\n}\n.group-index .head-icon .has {\n  font-size: 12px;\n  line-height: 8vw;\n  color: #999999;\n  float: right;\n}\n.group-index .welfare {\n  background: white;\n  padding: 1.33333333vw;\n  font-size: 12px;\n  text-align: center;\n  color: #999999;\n  margin-bottom: 20px;\n}\n.group-index .main-detail {\n  padding: 2.66666667vw;\n  background: white;\n}\n.group-index .main-detail .tab-content {\n  border-radius: 9px ;\n  border: 1px solid #F63539;\n}\n.group-index .main-detail .tab-content:after {\n  content: '';\n  display: block;\n  clear: both;\n}\n.group-index .main-detail .tab-content .tab-btn {\n  width: 50%;\n  float: left;\n  height: 10.66666667vw;\n  line-height: 10.66666667vw;\n  text-align: center;\n  color: #F63539;\n  border-radius: 9px ;\n}\n.group-index .main-detail .tab-content .tab-btn.active {\n  background: #F63539;\n  color: white;\n}\n.group-index .main-detail .qa-block {\n  padding: 2.66666667vw 0 toVw(150) 0;\n}\n.group-index .main-detail .qa-block img,\n.group-index .main-detail .qa-block video {\n  max-width: 100%;\n}\n.group-index .main-detail .qa-block .qa-content {\n  margin: toVw(10) 0;\n}\n.group-index .main-detail .qa-block .qa-content .qa-q {\n  font-size: 16px;\n  color: #666666;\n}\n.group-index .main-detail .qa-block .qa-content .qa-a {\n  font-size: 16px;\n  color: #333333;\n}\n.group-index .main-detail .detail {\n  padding: 2.66666667vw 0 20vw 0;\n}\n.group-index .main-detail .detail .detail-content img,\n.group-index .main-detail .detail .detail-content video {\n  max-width: 100%;\n}\n.group-index footer {\n  position: absolute;\n  position: fixed;\n  bottom: 0;\n  width: 97.7vw;\n  height: 16vw;\n  display: -webkit-box;\n  display: -moz-box;\n  display: -ms-flexbox;\n  display: -webkit-flex;\n  display: flex;\n  background: white;\n  padding: 1.3vw;\n  border-top: 1px solid #d8d8d8;\n  justify-content: space-around;\n}\n.group-index footer .btn {\n  border: 1px solid #cccccc;\n  border-radius: 8px;\n  width: 0;\n  flex-grow: 2;\n  text-align: center;\n  padding: 2vw 0;\n  margin: 0 1.33333333vw;\n  line-height: 1.4em;\n  font-size: 16px;\n  color: #666666;\n}\n.group-index footer .btn span {\n  display: block;\n  font-size: 20px;\n  font-family: PingFang-SC-Bold;\n}\n.group-index footer .btn img {\n  width: 6.66666667vw;\n}\n.group-index footer .btn.big {\n  padding: 0.66666667vw 0;\n  flex-grow: 5;\n}\n.group-index footer .btn.big.price {\n  background: #F83534;\n  border-color: #F83534;\n  color: white;\n}\n.group-index footer .btn.big.price.full {\n  background: #dddddd;\n  border-color: #dddddd;\n  line-height: 13.33333333vw;\n}\n.group-index .pop-block {\n  padding: 5.33333333vw 1.33333333vw;\n  width: 80vw;\n  text-align: center;\n  font-size: 14px;\n  color: #666666;\n  position: relative;\n}\n.group-index .pop-block img {\n  width: 33.33333333vw;\n}\n.group-index .pop-block .close {\n  width: 6.66666667vw;\n  position: absolute;\n  top: 2.66666667vw;\n  right: 2.66666667vw;\n}\n.group-index .mint-popup {\n  border-radius: 10px;\n}\n.group-index .pop-fill {\n  width: 66.66666667vw;\n  padding: 4vw 4vw;\n  font-size: 16px;\n  color: #333333;\n}\n.group-index .pop-fill .btn-block {\n  margin-top: 4vw;\n}\n.group-index .pop-fill .btn-block:after {\n  content: '';\n  display: block;\n  clear: both;\n}\n.group-index .pop-fill .btn-block .btn {\n  float: right;\n  background: #F83534;\n  font-size: 14px;\n  padding: 0.66666667vw 1.33333333vw;\n  border-radius: 8px;\n  color: #FFFFFF;\n}\n","\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n@import \"../../util/public\";\n.qrcode-text{\n  font-size: 14*@toVw;\n  margin-bottom: 10*@toVw;\n  .title{\n    margin-bottom: 15*@toVw;\n  }\n  .main-text{\n    font-weight: bold;\n    font-size: 16*@toVw;\n    margin-bottom: 8*@toVw;\n  }\n}\n.img-cvs{\n  position: absolute;\n  width: 233 * @toVw;\n  top: 176 * @toVw;\n  left: 29 * @toVw;\n  .qrcode{\n    position: absolute;\n    top: 305 * @toVw;\n    left: 15 * @toVw;\n    width: 60 * @toVw;\n  }\n}\n.cvs-img{\n  position: absolute;\n  width: 233 * @toVw;\n  top: 176 * @toVw;\n  left: 29 * @toVw;\n  z-index: 10;\n}\n.ref-content{\n  width: 299 * @toVw;\n  height: 564 * @toVw;\n  background-size: 100% 100%;\n  position: relative;\n  .tips{\n    font-size: 12px;\n    position: absolute;\n    color: #666;\n    right: 10 * @toVw;\n    top: 250 * @toVw;\n    width: 1em;\n  }\n}\n.group-index{\n  height: 100%;\n  padding-bottom: toVw(150);\n  background: #f0f0f0;\n  font-family: PingFangSC-Regular;\n  .ref-icon{\n    position: fixed;\n    height: 100/375 * 90vw ;\n    top: 70vw;\n    z-index: 6;\n    right: 10 * 100 /375vw;\n    /*border-radius: 100px;*/\n  }\n  .banner{\n    background: white;\n    img{\n      width: 100%;\n    }\n  }\n  .head{\n    background: white;\n    margin-bottom: 10px;\n    padding: 20/7.5vw;\n    .title{\n      font-size: 20px;\n      color: #333333;\n      margin-bottom: 15/7.5vw;\n    }\n    .detail{\n      font-size: 12px;\n      line-height: 1.6em;\n      color: #333333;\n      display: block;\n      margin-bottom: 15/7.5vw;\n    }\n    .price{\n      .price-content{\n        font-family: PingFang-SC-Bold;\n        font-size: 20px;\n        color: #F83534;\n      }\n    }\n  }\n  .head-icon{\n    padding: 20/7.5vw;\n    background: white;\n    margin-bottom: 2px;\n    .icon{\n      display: inline-block;\n      width: 60/7.5vw;\n      margin: 0 10/7.5vw;\n      border-radius: 1000px;\n      vertical-align: middle;\n    }\n    .more{\n      width: 50/7.5vw;\n      vertical-align: middle;\n    }\n    .has{\n      font-size: 12px;\n      line-height: 60/7.5vw;\n      color: #999999;\n      float: right;\n    }\n  }\n  .welfare{\n    background: white;\n    padding:10/7.5vw ;\n    font-size: 12px;\n    text-align: center;\n    color: #999999;\n    margin-bottom: 20px;\n  }\n  .main-detail{\n    padding: 20/7.5vw;\n    background: white;\n    .tab-content{\n      border-radius: 9px ;\n      border: 1px solid #F63539;\n      &:after{\n        content: '';\n        display: block;\n        clear: both;\n      }\n      .tab-btn{\n        width: 50%;\n        float: left;\n        height: 80/7.5vw;\n        line-height: 80/7.5vw;\n        text-align: center;\n        color: #F63539;\n        border-radius:9px ;\n        &.active{\n          background: #F63539;\n          color: white;\n        }\n      }\n    }\n    .qa-block{\n      padding: 20/7.5vw 0 toVw(150) 0;\n      img,video{\n        max-width: 100%;\n      }\n      .qa-content{\n        margin: toVw(10) 0;\n        .qa-q{\n          font-size: 16px;\n          color: #666666;\n        }\n        .qa-a{\n          font-size: 16px;\n          color: #333333;\n        }\n      }\n    }\n    .detail{\n      padding: 20/7.5vw 0 150/7.5vw 0;\n      .detail-content{\n        img,video{\n          max-width: 100%;\n        }\n      }\n\n    }\n  }\n  footer{\n    position: absolute;\n    position: fixed;\n    bottom: 0;\n    width: 97.7vw;\n    height: 120/7.5vw;\n    display: -webkit-box;      // OLD - iOS 6-, Safari 3.1-6 //\n    display: -moz-box;         // OLD - Firefox 19- (buggy but mostly works) //\n    display: -ms-flexbox;      // TWEENER - IE 10 //\n    display: -webkit-flex;     // NEW - Chrome //\n    display: flex;             // NEW, Spec - Opera 12.1, Firefox 20+ //\n    background: white;\n    padding: 1.3vw;\n    border-top: 1px solid #d8d8d8;\n    justify-content:space-around;\n    .btn{\n      border: 1px solid #cccccc;\n      border-radius: 8px;\n      width:0;\n      flex-grow:2;\n      text-align: center;\n      padding: 15/7.5vw 0;\n      margin: 0 10/7.5vw;\n      line-height: 1.4em;\n      font-size: 16px;\n      color: #666666;\n      span{\n        display: block;\n        font-size: 20px;\n        font-family: PingFang-SC-Bold;\n      }\n      img{\n        width: 50/7.5vw;\n      }\n      &.big{\n        padding: 5/7.5vw 0;\n        flex-grow:5;\n        &.price{\n          background:  #F83534;\n          border-color: #F83534;\n          color: white;\n          &.full{\n            background: #dddddd;\n            border-color: #dddddd;\n            line-height: 50*@toVw;\n          }\n        }\n      }\n    }\n  }\n  .pop-block{\n    padding:40/7.5vw 10/7.5vw;\n    width: 600/7.5vw;\n    text-align: center;\n    font-size: 14px;\n    color: #666666;\n    position: relative;\n    img{\n      width: 250/7.5vw;\n    }\n    .close{\n      width: 50/7.5vw;\n      position: absolute;\n      top: 20/7.5vw;\n      right: 20/7.5vw;\n    }\n  }\n  .mint-popup{\n    border-radius: 10px;\n  }\n  .pop-fill{\n    width: 500/7.5vw;\n    padding:30/7.5vw 30/7.5vw;\n    font-size: 16px;\n    color: #333333;\n    .btn-block{\n      margin-top: 30/7.5vw;\n      &:after{\n        content:'';\n        display: block;\n        clear: both;\n      }\n      .btn{\n        float: right;\n        background: #F83534;\n        font-size: 14px;\n        padding: 5/7.5vw 10/7.5vw;\n        border-radius: 8px;\n        color: #FFFFFF;\n      }\n    }\n  }\n}\n\n"],sourceRoot:""}])},VPne:function(n,i,e){"use strict";Object.defineProperty(i,"__esModule",{value:!0});e("v2ns");var t=e("7QTg"),r=e("MJLE"),o=e.n(r),a=(e("Au9i"),e("CCn6")),A=e("E26C"),d=e.n(A),s=e("kXdI"),l=e.n(s),p=e("XaoW"),c=e.n(p),g=e("zpE/"),u=e.n(g),h=e("0ZjB"),f=e.n(h),v=e("YSNw"),w=e.n(v),m=e("4lQ/"),b=e.n(m),E=(e("2Pnh"),{name:"index",components:{swiper:t.swiper,swiperSlide:t.swiperSlide},data:function(){return{refBg:d.a,qr1:w.a,qr2:b.a,join:!1,showQrCode:!1,popType:!1,popFill:!1,popupVisible:!1,refVisible:!1,tabType:!0,popcontentW:"您已经购买过课程，无需重复<br>购买，您可以添加微信公众号了解更多",popcontentT:"为了更好地为您进行课程服务，<br>请扫码添加老师二维码",qrCode:u.a,weChatIcon:c.a,closeUrl:f.a,moreUrl:l.a,refIcon:"https://cdn.singsingenglish.com/new-sing/b7f43ced8f8268655c2c5b289360df990ec8f18e.png",swiperOption:{pagination:{el:".swiper-pagination"}},QRCodeB:!1,payFlag:!0,dataURL:null,user_id:null,invite_code_f:!0,invite_code:"",this_code:"",shopId:"",groupId:null,groupDetail:!1,groupData:null}},mounted:function(){this.getDetail()},methods:{qrcode:function(n){this.QRCodeB?this.QRCodeB.makeCode(n):this.QRCodeB=new o.a("qrcode",{width:80,height:80,text:n,image:""})},enableShare:function(n){Object(a.F)({api_list:"onMenuShareAppMessage,onMenuShareTimeline",url:window.location.href.split("#")[0]}).then(function(i){wx.config({debug:!1,appId:i.appId,timestamp:parseInt(i.timestamp),nonceStr:i.nonceStr,signature:i.signature,jsApiList:i.jsApiList}),wx.ready(function(){wx.onMenuShareTimeline({title:n.product_title,desc:n.desc,link:n.shareUrl,imgUrl:n.shareIcon||"https://cdn.singsingenglish.com/singsing/recommend/logo-refer.png",success:function(){console.log("分享成功")},cancel:function(){console.log("分享失败")}}),wx.onMenuShareAppMessage({title:n.product_title,desc:n.desc,link:n.shareUrl,imgUrl:n.shareIcon||"https://cdn.singsingenglish.com/singsing/recommend/logo-refer.png",success:function(){},cancel:function(){}})})})},handleInviteCode:function(){if(this.invite_code){var n=this.invite_code.split("-");n.length>2&&("TEACHER"===n[1]||"XXMM"===n[1])&&(n[1]="USER");var i=n[0]+"-"+n[1];this.this_code=i+"-"+this.user_id}else this.this_code="CC-USER-"+this.user_id},onShare:function(n){this.handleInviteCode();var i="https://wechat-test.changchangenglish.com/#/buyDetail?shopId="+this.shopId+"&invite_code="+this.this_code;this.enableShare({product_title:this.groupDetail.share_desc.title,desc:this.groupDetail.share_desc.content,shareIcon:this.groupDetail.share_desc.img[0].url,shareUrl:i})},getDetail:function(){var n=this;window.location.href.indexOf("invite_code")>-1&&(this.invite_code=this.$route.query.invite_code,2===this.invite_code.split("-").length&&(this.invite_code_f=!1));this.user_id=JSON.parse(localStorage.getItem("userDesc")).user_id,window.location.href.indexOf("shopId")>-1&&(this.shopId=this.$route.query.shopId,Object(a.h)(this.shopId).then(function(i){if(i.desc=JSON.parse(i.desc),i.goods_desc=JSON.parse(i.goods_desc),i.share_desc=JSON.parse(i.share_desc),2===i.status&&i.bind_goods_id)return n.$router.push({name:"buyDetail",query:{shopId:i.bind_goods_id,invite_code:n.invite_code}}),void n.getDetail();n.groupDetail=i;for(var e=0;e<n.groupDetail.header_url.length;e++)n.groupDetail.header_url[e]=n.groupDetail.header_url[e].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 t=n;n.toDataURLBase64(n.groupDetail.share_desc.refImg[0].url,function(n){t.groupDetail.share_desc.refImg[0].url=n})}var r=n.invite_code;n.$sa.track("viewCourseDetail",{goodsID:n.groupDetail.id.toString(),courseCate:1===n.groupDetail.course_type?"体验课":"正式课",lessonNumber:n.groupDetail.watch_num,goodsName:n.groupDetail.name,coursePrice:Number(n.groupDetail.original_price/100),discountPrice:Number(n.groupDetail.current_price/100),courseID:n.groupDetail.course_id,courseName:"",salesType:r?r.split("-")[1]:"null",salesID:r?Number(r.split("-")[2]):0}),2===n.groupDetail.goods_type?(localStorage.getItem("cc_token"),window.location.href.indexOf("groupId")>-1?(n.groupId=n.$route.query.groupId,Object(a.j)(n.groupId).then(function(i){n.groupData=i}),n.onShare(0)):n.onShare(1)):(n.onShare(1),n.handleInviteCode())}))},showTeacher:function(){this.popType=!1,this.popupVisible=!0},buttonClick:function(n,i){this.$sa.track("buttonClick",{tabTitle:"商品",moduleTitle:"详情页",buttonType:n,buttonName:i})},groupPay:function(n){this.showQrCode=!0}}}),C=function(){var n=this,i=n.$createElement,e=n._self._c||i;return n.groupDetail?e("div",{ref:"index",staticClass:"group-index"},[e("swiper",{ref:"mySwiper",staticClass:"banner",attrs:{options:n.swiperOption}},[n._l(n.groupDetail.goods_desc.img,function(i,t){return n.groupDetail.goods_desc?e("swiper-slide",{key:t},[e("img",{attrs:{src:i.url}})]):n._e()}),n._v(" "),e("div",{staticClass:"swiper-pagination",attrs:{slot:"pagination"},slot:"pagination"})],2),n._v(" "),e("div",{staticClass:"head"},[e("div",{staticClass:"title"},[n._v("\n      "+n._s(n.groupDetail.name)+"\n    ")]),n._v(" "),e("span",{staticClass:"detail"},[n._v("\n              "+n._s(n.groupDetail.goods_desc.desc)+"\n          ")]),n._v(" "),e("div",{staticClass:"price"},[e("span",{staticClass:"price-content"},[n._v("￥"+n._s(n.groupDetail.current_price/100)+"元")]),n._v(" "),1===n.groupDetail.goods_type&&n.groupDetail.original_price>n.groupDetail.current_price?e("span",{staticStyle:{"text-decoration":"line-through",color:"#bbb","font-size":"14px"}},[n._v("￥"+n._s(n.groupDetail.original_price/100))]):n._e()])]),n._v(" "),e("div",{staticClass:"head-icon"},[n._l(n.groupDetail.header_url,function(i,t){return t<5?e("img",{key:i,staticClass:"icon",attrs:{src:i}}):n._e()}),n._v(" "),e("img",{staticClass:"more",attrs:{src:n.moreUrl}}),n._v(" "),e("span",{staticClass:"has"},[n._v("已售"+n._s(n.groupDetail.has_group_num)+"件")])],2),n._v(" "),n.groupDetail.head_welfare&&""!==n.groupDetail.head_welfare&&null!==n.groupDetail.head_welfare?e("div",{staticClass:"welfare"},[n._v("\n    团长福利："+n._s(n.groupDetail.head_welfare)+"\n  ")]):n._e(),n._v(" "),e("div",{staticClass:"main-detail"},[e("div",{staticClass:"tab-content"},[e("div",{class:{"tab-btn":!0,active:n.tabType},on:{click:function(i){n.tabType=!0,n.buttonClick("展示","图文详情")}}},[n._v("图文详情")]),n._v(" "),e("div",{class:{"tab-btn":!0,active:!n.tabType},on:{click:function(i){n.tabType=!1,n.buttonClick("展示","购买须知")}}},[n._v("购买须知")])]),n._v(" "),n.tabType?e("div",{staticClass:"detail"},[e("div",{staticClass:"detail-content",domProps:{innerHTML:n._s(n.groupDetail.desc.detail)}})]):n._e(),n._v(" "),n.tabType?n._e():e("div",{staticClass:"qa-block"},[e("div",{staticClass:"qa-content qaDetail",domProps:{innerHTML:n._s(n.groupDetail.desc.qa)}})])]),n._v(" "),n.groupDetail.desc.customer_service[0]?e("div",[e("mt-popup",{model:{value:n.popupVisible,callback:function(i){n.popupVisible=i},expression:"popupVisible"}},[e("div",{staticClass:"pop-block"},[n.popType?e("img",{attrs:{src:n.qrCode}}):n._e(),n._v(" "),n.popType?n._e():e("img",{attrs:{src:n.groupDetail.desc.customer_service[0].url}}),n._v(" "),e("div",[n.popType?e("span",{domProps:{innerHTML:n._s(n.popcontentW)}}):n._e(),n._v(" "),n.popType?n._e():e("span",{domProps:{innerHTML:n._s(n.popcontentT)}})]),n._v(" "),e("img",{staticClass:"close",attrs:{src:n.closeUrl},on:{click:function(i){n.popupVisible=!1}}})])])],1):n._e(),n._v(" "),e("mt-popup",{attrs:{closeOnClickModal:!1},model:{value:n.popFill,callback:function(i){n.popFill=i},expression:"popFill"}},[e("div",{staticClass:"pop-fill"},[n._v("\n      您好，本次拼团已经结束。您可以选择重新开团或单独购买\n      "),e("div",{staticClass:"btn-block"},[e("div",{staticClass:"btn",on:{click:function(i){n.rePlay()}}},[n._v("重新开团")])])])]),n._v(" "),1===n.groupDetail.status&&n.invite_code_f?e("div",[n.groupDetail.goods_type&&2===n.groupDetail.goods_type?e("footer",[n.groupData&&0!==n.groupData.status?e("div",{staticClass:"btn big price full"},[n.groupId?e("div",[n._v("该团已满")]):n._e()]):n._e(),n._v(" "),e("div",{class:n.groupData&&0!==n.groupData.status?"btn big price":"btn big",attrs:{id:n.groupId?"reGroup":"singleBuy"},on:{click:function(i){n.groupPay(0)}}},[n.groupId?n._e():e("span",[n._v("￥"+n._s(n.groupDetail.original_price/100))]),n._v(" "),n.groupId?n._e():e("div",[n._v("单独购")]),n._v(" "),n.groupId?e("span",[n._v("￥"+n._s(n.groupDetail.current_price/100))]):n._e(),n._v(" "),n.groupId?e("div",[n._v("重新开团")]):n._e()]),n._v(" "),n.groupData&&0!==n.groupData.status?n._e():e("div",{staticClass:"btn big price",attrs:{id:n.groupId?"joinGroup":"newGroup"},on:{click:function(i){n.groupPay(1)}}},[e("span",[n._v("￥"+n._s(n.groupDetail.current_price/100))]),n._v(" "),n.groupId?n._e():e("div",[n._v(n._s(n.groupDetail.desc.group_number)+"人团")]),n._v(" "),n.groupId?e("div",[n._v("立即参团")]):n._e()])]):n._e(),n._v(" "),n.groupDetail.goods_type&&2!==n.groupDetail.goods_type?e("footer",[e("div",{staticClass:"btn big price",on:{click:function(i){n.groupPay(1)}}},[e("span",[n._v("￥"+n._s(n.groupDetail.current_price/100))]),n._v(" "),e("div",[n._v("立即购买")])])]):n._e()]):n._e(),n._v(" "),e("mt-popup",{model:{value:n.showQrCode,callback:function(i){n.showQrCode=i},expression:"showQrCode"}},[e("div",{staticClass:"pop-block"},[e("div",{staticClass:"qrcode-text"},[e("div",{staticClass:"title"},[n._v("购买说明")]),n._v(" "),e("div",{staticClass:"main-text"},[n._v("长按识别二维码→点击关注公众号")]),n._v(" "),e("div",[n._v("或 截图二维码→在微信中识别")])]),n._v(" "),"yinghe"===n.$route.query.code?e("img",{staticStyle:{width:"60vw"},attrs:{src:n.qr1}}):n._e(),n._v(" "),"yunying"===n.$route.query.code?e("img",{staticStyle:{width:"60vw"},attrs:{src:n.qr2}}):n._e(),n._v(" "),e("img",{staticClass:"close",attrs:{src:n.closeUrl},on:{click:function(i){n.showQrCode=!1}}})])]),n._v(" "),1!==n.groupDetail.status?e("div",[n._m(0)]):n._e()],1):n._e()};C._withStripped=!0;var x={render:C,staticRenderFns:[function(){var n=this.$createElement,i=this._self._c||n;return i("footer",[i("div",{staticStyle:{color:"#888"}},[this._v("\n        已售罄\n      ")])])}]},I=x;var D=!1;var B=e("VU/8")(E,I,!1,function(n){D||(e("uoAx"),e("irOa"))},"data-v-331cfff2",null);B.options.__file="src/components/buy/mpShop.vue";i.default=B.exports},YSNw:function(n,i){n.exports="data:image/png;base64,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"},irOa:function(n,i,e){var t=e("N0yM");"string"==typeof t&&(t=[[n.i,t,""]]),t.locals&&(n.exports=t.locals);e("rjj0")("8ba2c05e",t,!1,{})},uoAx:function(n,i,e){var t=e("0xF1");"string"==typeof t&&(t=[[n.i,t,""]]),t.locals&&(n.exports=t.locals);e("rjj0")("6f87d2f2",t,!1,{})}});
-//# sourceMappingURL=10.160d9afa22d8cc96b7a9.js.map
\ No newline at end of file
--- a/dev/static/js/10.160d9afa22d8cc96b7a9.js.map
+++ b/dev/static/js/10.160d9afa22d8cc96b7a9.js.map
--- a/dev/static/js/10.31b8fd03cbef1145946a.js
+++ b/dev/static/js/10.31b8fd03cbef1145946a.js
+webpackJsonp([10],{"0xF1":function(n,i,e){(n.exports=e("FZ+f")(!0)).push([n.i,"\nimg,video{\n  max-width: 100%;\n}\n@-webkit-keyframes swing {\n10% {\n    -webkit-transform: rotate(15deg);\n            transform: rotate(15deg);\n}\n20% {\n    -webkit-transform: rotate(-10deg);\n            transform: rotate(-10deg);\n}\n30% {\n    -webkit-transform: rotate(5deg);\n            transform: rotate(5deg);\n}\n40% {\n    -webkit-transform: rotate(-5deg);\n            transform: rotate(-5deg);\n}\n50%, 100% {\n    -webkit-transform: rotate(0deg);\n            transform: rotate(0deg);\n}\n}\n.shake{\n  -webkit-animation-name: swing;\n  -webkit-animation-duration: 0.8s;\n  -webkit-transform-origin:50% 50%;\n  -webkit-animation-iteration-count: infinite;\n  -webkit-animation-timing-function: linear;\n}\n\n","",{version:3,sources:["D:/myproject/new-singsingH5/src/components/buy/src/components/buy/mpShop.vue"],names:[],mappings:";AA6UA;EACA,gBAAA;CACA;AACA;AACA;IACA,iCAAA;YAAA,yBAAA;CACA;AACA;IACA,kCAAA;YAAA,0BAAA;CACA;AACA;IACA,gCAAA;YAAA,wBAAA;CACA;AACA;IACA,iCAAA;YAAA,yBAAA;CACA;AACA;IACA,gCAAA;YAAA,wBAAA;CACA;CACA;AACA;EACA,8BAAA;EACA,iCAAA;EACA,iCAAA;EACA,4CAAA;EACA,0CAAA;CACA",file:"mpShop.vue",sourcesContent:['<template>\r\n  <div class="group-index" ref="index" v-if="groupDetail">\r\n    <swiper :options="swiperOption" class="banner" ref="mySwiper">\r\n      <swiper-slide v-if="groupDetail.goods_desc" v-for="(data,index) in groupDetail.goods_desc.img" :key="index">\r\n        <img :src="data.url"/>\r\n      </swiper-slide>\r\n      <div class="swiper-pagination" slot="pagination"></div>\r\n    </swiper>\r\n    <div class="head">\r\n      <div class="title">\r\n        {{groupDetail.name}}\r\n      </div>\r\n      <span class="detail">\r\n                {{groupDetail.goods_desc.desc}}\r\n            </span>\r\n      <div class="price">\r\n        <span class="price-content">￥{{groupDetail.current_price/100}}元</span>\r\n        <span style="text-decoration:line-through;color: #bbb;font-size: 14px" v-if="groupDetail.goods_type === 1 && groupDetail.original_price > groupDetail.current_price">￥{{groupDetail.original_price/100}}</span>\r\n      </div>\r\n\r\n    </div>\r\n    <div class="head-icon">\r\n      <img class="icon" v-for="(data,index) in groupDetail.header_url" v-if="index<5" :src="data" :key="data">\r\n      <img class="more" :src="moreUrl"/>\r\n      <span class="has">已售{{groupDetail.has_group_num}}件</span>\r\n    </div>\r\n    <div class="welfare" v-if="groupDetail.head_welfare && groupDetail.head_welfare !== \'\' && groupDetail.head_welfare !== null">\r\n      团长福利：{{groupDetail.head_welfare}}\r\n    </div>\r\n    <div class="main-detail">\r\n      <div class="tab-content">\r\n        <div :class="{\'tab-btn\':true,active:tabType}" @click="tabType=true;buttonClick(\'展示\',\'图文详情\')">图文详情</div>\r\n        <div :class="{\'tab-btn\':true,active:!tabType}" @click="tabType=false;buttonClick(\'展示\',\'购买须知\')">购买须知</div>\r\n      </div>\r\n      <div v-if="tabType" class="detail">\r\n        <div v-html="groupDetail.desc.detail" class="detail-content"></div>\r\n      </div>\r\n      <div v-if="!tabType" class="qa-block">\r\n        <div class="qa-content qaDetail" v-html="groupDetail.desc.qa">\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <div v-if="groupDetail.desc.customer_service[0]">\r\n      <mt-popup v-model="popupVisible">\r\n        <div class="pop-block">\r\n          <img v-if="popType" :src="qrCode"/>\r\n          <img v-if="!popType" :src="groupDetail.desc.customer_service[0].url"/>\r\n          <div>\r\n            <span v-if="popType" v-html="popcontentW"></span>\r\n            <span v-if="!popType" v-html="popcontentT"></span>\r\n          </div>\r\n          <img class="close" :src="closeUrl" @click="popupVisible = false">\r\n        </div>\r\n      </mt-popup>\r\n    </div>\r\n    <mt-popup v-model="popFill" :closeOnClickModal="false">\r\n      <div class="pop-fill">\r\n        您好，本次拼团已经结束。您可以选择重新开团或单独购买\r\n        <div class="btn-block">\r\n          <div class="btn" @click="rePlay()">重新开团</div>\r\n        </div>\r\n      </div>\r\n    </mt-popup>\r\n    <div v-if="groupDetail.status === 1 && invite_code_f">\r\n      <footer v-if="groupDetail.goods_type && groupDetail.goods_type === 2">\r\n        <div class="btn big price full" v-if="groupData && groupData.status !== 0">\r\n          <div v-if="groupId">该团已满</div>\r\n        </div>\r\n        <div :class=" groupData && groupData.status !== 0 ? \'btn big price\':\'btn big\'" @click="groupPay(0)" :id="groupId ? \'reGroup\':\'singleBuy\'">\r\n          <span v-if="!groupId">￥{{groupDetail.original_price/100}}</span>\r\n          <div v-if="!groupId">单独购</div>\r\n          <span v-if="groupId">￥{{groupDetail.current_price/100}}</span>\r\n          <div v-if="groupId">重新开团</div>\r\n        </div>\r\n        <div class="btn big price" @click="groupPay(1)" :id="groupId ? \'joinGroup\':\'newGroup\'" v-if="!groupData || groupData.status === 0">\r\n          <span>￥{{groupDetail.current_price/100}}</span>\r\n          <div v-if="!groupId">{{groupDetail.desc.group_number}}人团</div>\r\n          <div v-if="groupId">立即参团</div>\r\n        </div>\r\n\r\n      </footer>\r\n      <footer v-if="groupDetail.goods_type && groupDetail.goods_type !== 2">\r\n        <div class="btn big price" @click="groupPay(1)">\r\n          <span>￥{{groupDetail.current_price/100}}</span>\r\n          <div>立即购买</div>\r\n        </div>\r\n      </footer>\r\n    </div>\r\n    <mt-popup v-model="showQrCode">\r\n      <div class="pop-block">\r\n        <div class="qrcode-text">\r\n          <div class="title">购买说明</div>\r\n          <div class="main-text">长按识别二维码→点击关注公众号</div>\r\n          <div>或 截图二维码→在微信中识别</div>\r\n        </div>\r\n        <img v-if="$route.query.code === \'yinghe\'" style="width: 60vw" :src="qr1"/>\r\n        <img v-if="$route.query.code === \'yunying\'" style="width: 60vw" :src="qr2"/>\r\n        <img class="close" :src="closeUrl" @click="showQrCode = false">\r\n      </div>\r\n    </mt-popup>\r\n    <div v-if="groupDetail.status !== 1">\r\n      <footer>\r\n        <div style="color: #888">\r\n          已售罄\r\n        </div>\r\n      </footer>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\n  import \'swiper/dist/css/swiper.css\'\r\n  import { swiper, swiperSlide } from \'vue-awesome-swiper\'\r\n  import  QRCode from \'qrcodejs2\'\r\n  import {getwechatParam,getGoodsDetailApi,getGroupDetailApi} from "../../service/api";\r\n  import refBg from \'../../assets/refBg.png\'\r\n  import moreUrl from \'../../assets/moreIcon.png\'\r\n  import weChatIcon from \'../../assets/wechatIcon.png\'\r\n  import weChatQrUrl from \'../../assets/weChatCode.png\'\r\n  import closeUrl from \'../../assets/closemy.png\'\r\n  import qr1 from \'../../assets/shop/qr1.png\'\r\n  import qr2 from \'../../assets/shop/qr2.png\'\r\n  export default {\r\n    name: "index",\r\n    components: {\r\n      swiper,\r\n      swiperSlide,\r\n    },\r\n    data(){\r\n      return {\r\n        refBg:refBg,\r\n        qr1:qr1,\r\n        qr2:qr2,\r\n        join:false,\r\n        showQrCode:false,\r\n        popType:false,\r\n        popFill:false,\r\n        popupVisible:false,\r\n        refVisible:false,\r\n        tabType:true,\r\n        popcontentW:`您已经购买过课程，无需重复<br>购买，您可以添加微信公众号了解更多`,\r\n        popcontentT:`为了更好地为您进行课程服务，<br>请扫码添加老师二维码`,\r\n        qrCode:weChatQrUrl,\r\n        weChatIcon:weChatIcon,\r\n        closeUrl:closeUrl,\r\n        moreUrl:moreUrl,\r\n        refIcon:\'https://cdn.singsingenglish.com/new-sing/b7f43ced8f8268655c2c5b289360df990ec8f18e.png\',\r\n        swiperOption: {\r\n          pagination: {\r\n            el: \'.swiper-pagination\'\r\n          }\r\n        },\r\n        QRCodeB:false,\r\n        payFlag:true,\r\n        dataURL:null,\r\n        user_id:null,\r\n        invite_code_f:true,\r\n        invite_code:\'\',\r\n        this_code:\'\',\r\n        shopId:\'\',\r\n        groupId:null,\r\n        groupDetail:false,\r\n        groupData:null,\r\n      }\r\n    },\r\n    mounted(){\r\n      this.getDetail();\r\n    },\r\n    methods:{\r\n      qrcode(data){\r\n        if(this.QRCodeB){\r\n          this.QRCodeB.makeCode(data)\r\n        }else{\r\n          this.QRCodeB = new QRCode(\'qrcode\', {\r\n            width: 80,\r\n            height: 80, // 高度\r\n            text: data, // 二维码内容\r\n            image: \'\'\r\n          });\r\n        }\r\n\r\n      },\r\n      // 分享\r\n      enableShare: function(option) {\r\n        let that = this;\r\n        getwechatParam({\r\n          api_list:   \'onMenuShareAppMessage,onMenuShareTimeline\',\r\n          url:window.location.href.split(\'#\')[0]\r\n        }).then(wechatRes => {\r\n          wx.config({\r\n            debug: false,\r\n            appId: wechatRes.appId,\r\n            timestamp: parseInt(wechatRes.timestamp),\r\n            nonceStr: wechatRes.nonceStr,\r\n            signature: wechatRes.signature,\r\n            jsApiList: wechatRes.jsApiList\r\n          });\r\n          wx.ready(function() {\r\n            wx.onMenuShareTimeline({\r\n              title: option.product_title, // 分享标题\r\n              desc: option.desc,// 分享描述\r\n              link: option.shareUrl, // 分享链接\r\n              imgUrl: option.shareIcon || \'https://cdn.singsingenglish.com/singsing/recommend/logo-refer.png\', // 分享图标\r\n              success: function() {\r\n                console.log(\'分享成功\');\r\n              },\r\n              cancel: function() {\r\n                // alert("失败")\r\n                console.log(\'分享失败\')\r\n              }\r\n            });\r\n            wx.onMenuShareAppMessage({\r\n              title: option.product_title, // 分享标题\r\n              desc: option.desc,// 分享描述\r\n              link: option.shareUrl, // 分享链接\r\n              imgUrl: option.shareIcon || \'https://cdn.singsingenglish.com/singsing/recommend/logo-refer.png\', // 分享图标\r\n              success: function() {\r\n              },\r\n              cancel: function() {\r\n              }\r\n            });\r\n          })\r\n        })\r\n      },\r\n      // 处理invite_code\r\n      handleInviteCode(){\r\n        if(!this.invite_code){\r\n          this.this_code = \'CC-USER-\'+this.user_id;\r\n        }else{\r\n          let invite_code = this.invite_code.split(\'-\');\r\n          if(invite_code.length > 2 && (invite_code[1] === \'TEACHER\' ||invite_code[1] === \'XXMM\'  ) ){\r\n            invite_code[1] = \'USER\'\r\n          }\r\n          let code = `${invite_code[0]}-${invite_code[1]}`;\r\n          this.this_code = `${code}-${this.user_id}`;\r\n        }\r\n      },\r\n      onShare: function(type) {\r\n        this.handleInviteCode();\r\n        let URL = `${process.env.BUY_URL}shopId=${this.shopId}&invite_code=${this.this_code}`\r\n        this.enableShare({\r\n          product_title: this.groupDetail.share_desc.title,\r\n          desc: this.groupDetail.share_desc.content,\r\n          shareIcon:this.groupDetail.share_desc.img[0].url,\r\n          shareUrl:URL\r\n        })\r\n      },\r\n      // 初始化\r\n      getDetail(){\r\n        if(window.location.href.indexOf(\'invite_code\')> -1){\r\n          this.invite_code = this.$route.query.invite_code;\r\n          let l = this.invite_code.split(\'-\').length;\r\n          if(l === 2 ){\r\n            this.invite_code_f = false\r\n          }\r\n        }\r\n        this.user_id=JSON.parse(localStorage.getItem(\'userDesc\')).user_id;\r\n        if(window.location.href.indexOf(\'shopId\')>-1){\r\n          this.shopId = this.$route.query.shopId;\r\n          getGoodsDetailApi(this.shopId).then(res=>{\r\n            res.desc = JSON.parse(res.desc);\r\n            res.goods_desc = JSON.parse(res.goods_desc);\r\n            res.share_desc = JSON.parse(res.share_desc);\r\n            //商品下架跳转绑定商品\r\n            if(res.status === 2 && res.bind_goods_id){\r\n              this.$router.push({name:\'buyDetail\',query:{shopId:res.bind_goods_id,invite_code:this.invite_code}});\r\n              this.getDetail();\r\n              return\r\n            }\r\n            this.groupDetail = res;\r\n            for (let i = 0;i<this.groupDetail.header_url.length;i++){\r\n              this.groupDetail.header_url[i]=this.groupDetail.header_url[i].replace(\'http://\',\'https://\')\r\n            }\r\n            this.groupDetail.desc.detail = this.groupDetail.desc.detail.replace(/http:\\/\\//g,\'https://\');\r\n            this.groupDetail.desc.qa = this.groupDetail.desc.qa.replace(/http:\\/\\//g,\'https://\');\r\n            if(this.groupDetail.share_desc.refImg && this.groupDetail.share_desc.refImg.length === 1){\r\n              this.groupDetail.share_desc.refImg[0].url = this.groupDetail.share_desc.refImg[0].url.replace(\'http://\',\'https://\');\r\n              let _this = this;\r\n              this.toDataURLBase64(this.groupDetail.share_desc.refImg[0].url, function (avatarUrl) {\r\n                _this.groupDetail.share_desc.refImg[0].url = avatarUrl;\r\n              });\r\n            }\r\n            let invite = this.invite_code;\r\n            this.$sa.track(\'viewCourseDetail\',{\r\n              goodsID:this.groupDetail.id.toString(),\r\n              courseCate:this.groupDetail.course_type === 1 ? \'体验课\' : \'正式课\',\r\n              lessonNumber:this.groupDetail.watch_num,\r\n              goodsName:this.groupDetail.name,\r\n              coursePrice:Number(this.groupDetail.original_price/100),\r\n              discountPrice:Number(this.groupDetail.current_price/100),\r\n              courseID:this.groupDetail.course_id,\r\n              courseName:\'\',\r\n              salesType:invite?invite.split(\'-\')[1]:\'null\',\r\n              salesID:invite?Number(invite.split(\'-\')[2]):0\r\n            });\r\n            if(this.groupDetail.goods_type === 2){\r\n              if(localStorage.getItem(\'cc_token\')){\r\n              }\r\n              if(window.location.href.indexOf(\'groupId\')>-1){\r\n                this.groupId = this.$route.query.groupId;\r\n                getGroupDetailApi(this.groupId).then(res=>{\r\n                  this.groupData = res\r\n                });\r\n                this.onShare(0)\r\n              }else{\r\n                this.onShare(1)\r\n              }\r\n            }else{\r\n              this.onShare(1);\r\n              this.handleInviteCode()\r\n            }\r\n          })\r\n        }\r\n      },\r\n      showTeacher(){\r\n        this.popType = false;\r\n        this.popupVisible = true\r\n      },\r\n      buttonClick(buttonType,buttonName){\r\n        this.$sa.track(\'buttonClick\',{\r\n          tabTitle:\'商品\',\r\n          moduleTitle:\'详情页\',\r\n          buttonType:buttonType,\r\n          buttonName:buttonName\r\n        });\r\n      },\r\n      groupPay(type){\r\n        this.showQrCode = true\r\n      }\r\n    }\r\n  }\r\n<\/script>\r\n<style>\r\n  img,video{\r\n    max-width: 100%;\r\n  }\r\n  @-webkit-keyframes swing {\r\n    10% {\r\n      transform: rotate(15deg);\r\n    }\r\n    20% {\r\n      transform: rotate(-10deg);\r\n    }\r\n    30% {\r\n      transform: rotate(5deg);\r\n    }\r\n    40% {\r\n      transform: rotate(-5deg);\r\n    }\r\n    50%, 100% {\r\n      transform: rotate(0deg);\r\n    }\r\n  }\r\n  .shake{\r\n    -webkit-animation-name: swing;\r\n    -webkit-animation-duration: 0.8s;\r\n    -webkit-transform-origin:50% 50%;\r\n    -webkit-animation-iteration-count: infinite;\r\n    -webkit-animation-timing-function: linear;\r\n  }\r\n\r\n</style>\r\n<style scoped lang="less">\r\n  @import "../../util/public";\r\n  .qrcode-text{\r\n    font-size: 14*@toVw;\r\n    margin-bottom: 10*@toVw;\r\n    .title{\r\n      margin-bottom: 15*@toVw;\r\n    }\r\n    .main-text{\r\n      font-weight: bold;\r\n      font-size: 16*@toVw;\r\n      margin-bottom: 8*@toVw;\r\n    }\r\n  }\r\n  .img-cvs{\r\n    position: absolute;\r\n    width: 233 * @toVw;\r\n    top: 176 * @toVw;\r\n    left: 29 * @toVw;\r\n    .qrcode{\r\n      position: absolute;\r\n      top: 305 * @toVw;\r\n      left: 15 * @toVw;\r\n      width: 60 * @toVw;\r\n    }\r\n  }\r\n  .cvs-img{\r\n    position: absolute;\r\n    width: 233 * @toVw;\r\n    top: 176 * @toVw;\r\n    left: 29 * @toVw;\r\n    z-index: 10;\r\n  }\r\n  .ref-content{\r\n    width: 299 * @toVw;\r\n    height: 564 * @toVw;\r\n    background-size: 100% 100%;\r\n    position: relative;\r\n    .tips{\r\n      font-size: 12px;\r\n      position: absolute;\r\n      color: #666;\r\n      right: 10 * @toVw;\r\n      top: 250 * @toVw;\r\n      width: 1em;\r\n    }\r\n  }\r\n  .group-index{\r\n    height: 100%;\r\n    padding-bottom: toVw(150);\r\n    background: #f0f0f0;\r\n    font-family: PingFangSC-Regular;\r\n    .ref-icon{\r\n      position: fixed;\r\n      height: 100/375 * 90vw ;\r\n      top: 70vw;\r\n      z-index: 6;\r\n      right: 10 * 100 /375vw;\r\n      /*border-radius: 100px;*/\r\n    }\r\n    .banner{\r\n      background: white;\r\n      img{\r\n        width: 100%;\r\n      }\r\n    }\r\n    .head{\r\n      background: white;\r\n      margin-bottom: 10px;\r\n      padding: 20/7.5vw;\r\n      .title{\r\n        font-size: 20px;\r\n        color: #333333;\r\n        margin-bottom: 15/7.5vw;\r\n      }\r\n      .detail{\r\n        font-size: 12px;\r\n        line-height: 1.6em;\r\n        color: #333333;\r\n        display: block;\r\n        margin-bottom: 15/7.5vw;\r\n      }\r\n      .price{\r\n        .price-content{\r\n          font-family: PingFang-SC-Bold;\r\n          font-size: 20px;\r\n          color: #F83534;\r\n        }\r\n      }\r\n    }\r\n    .head-icon{\r\n      padding: 20/7.5vw;\r\n      background: white;\r\n      margin-bottom: 2px;\r\n      .icon{\r\n        display: inline-block;\r\n        width: 60/7.5vw;\r\n        margin: 0 10/7.5vw;\r\n        border-radius: 1000px;\r\n        vertical-align: middle;\r\n      }\r\n      .more{\r\n        width: 50/7.5vw;\r\n        vertical-align: middle;\r\n      }\r\n      .has{\r\n        font-size: 12px;\r\n        line-height: 60/7.5vw;\r\n        color: #999999;\r\n        float: right;\r\n      }\r\n    }\r\n    .welfare{\r\n      background: white;\r\n      padding:10/7.5vw ;\r\n      font-size: 12px;\r\n      text-align: center;\r\n      color: #999999;\r\n      margin-bottom: 20px;\r\n    }\r\n    .main-detail{\r\n      padding: 20/7.5vw;\r\n      background: white;\r\n      .tab-content{\r\n        border-radius: 9px ;\r\n        border: 1px solid #F63539;\r\n        &:after{\r\n          content: \'\';\r\n          display: block;\r\n          clear: both;\r\n        }\r\n        .tab-btn{\r\n          width: 50%;\r\n          float: left;\r\n          height: 80/7.5vw;\r\n          line-height: 80/7.5vw;\r\n          text-align: center;\r\n          color: #F63539;\r\n          border-radius:9px ;\r\n          &.active{\r\n            background: #F63539;\r\n            color: white;\r\n          }\r\n        }\r\n      }\r\n      .qa-block{\r\n        padding: 20/7.5vw 0 toVw(150) 0;\r\n        img,video{\r\n          max-width: 100%;\r\n        }\r\n        .qa-content{\r\n          margin: toVw(10) 0;\r\n          .qa-q{\r\n            font-size: 16px;\r\n            color: #666666;\r\n          }\r\n          .qa-a{\r\n            font-size: 16px;\r\n            color: #333333;\r\n          }\r\n        }\r\n      }\r\n      .detail{\r\n        padding: 20/7.5vw 0 150/7.5vw 0;\r\n        .detail-content{\r\n          img,video{\r\n            max-width: 100%;\r\n          }\r\n        }\r\n\r\n      }\r\n    }\r\n    footer{\r\n      position: absolute;\r\n      position: fixed;\r\n      bottom: 0;\r\n      width: 97.7vw;\r\n      height: 120/7.5vw;\r\n      display: -webkit-box;      // OLD - iOS 6-, Safari 3.1-6 //\r\n      display: -moz-box;         // OLD - Firefox 19- (buggy but mostly works) //\r\n      display: -ms-flexbox;      // TWEENER - IE 10 //\r\n      display: -webkit-flex;     // NEW - Chrome //\r\n      display: flex;             // NEW, Spec - Opera 12.1, Firefox 20+ //\r\n      background: white;\r\n      padding: 1.3vw;\r\n      border-top: 1px solid #d8d8d8;\r\n      justify-content:space-around;\r\n      .btn{\r\n        border: 1px solid #cccccc;\r\n        border-radius: 8px;\r\n        width:0;\r\n        flex-grow:2;\r\n        text-align: center;\r\n        padding: 15/7.5vw 0;\r\n        margin: 0 10/7.5vw;\r\n        line-height: 1.4em;\r\n        font-size: 16px;\r\n        color: #666666;\r\n        span{\r\n          display: block;\r\n          font-size: 20px;\r\n          font-family: PingFang-SC-Bold;\r\n        }\r\n        img{\r\n          width: 50/7.5vw;\r\n        }\r\n        &.big{\r\n          padding: 5/7.5vw 0;\r\n          flex-grow:5;\r\n          &.price{\r\n            background:  #F83534;\r\n            border-color: #F83534;\r\n            color: white;\r\n            &.full{\r\n              background: #dddddd;\r\n              border-color: #dddddd;\r\n              line-height: 50*@toVw;\r\n            }\r\n          }\r\n        }\r\n      }\r\n    }\r\n    .pop-block{\r\n      padding:40/7.5vw 10/7.5vw;\r\n      width: 600/7.5vw;\r\n      text-align: center;\r\n      font-size: 14px;\r\n      color: #666666;\r\n      position: relative;\r\n      img{\r\n        width: 250/7.5vw;\r\n      }\r\n      .close{\r\n        width: 50/7.5vw;\r\n        position: absolute;\r\n        top: 20/7.5vw;\r\n        right: 20/7.5vw;\r\n      }\r\n    }\r\n    .mint-popup{\r\n      border-radius: 10px;\r\n    }\r\n    .pop-fill{\r\n      width: 500/7.5vw;\r\n      padding:30/7.5vw 30/7.5vw;\r\n      font-size: 16px;\r\n      color: #333333;\r\n      .btn-block{\r\n        margin-top: 30/7.5vw;\r\n        &:after{\r\n          content:\'\';\r\n          display: block;\r\n          clear: both;\r\n        }\r\n        .btn{\r\n          float: right;\r\n          background: #F83534;\r\n          font-size: 14px;\r\n          padding: 5/7.5vw 10/7.5vw;\r\n          border-radius: 8px;\r\n          color: #FFFFFF;\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n</style>\r\n'],sourceRoot:""}])},"4lQ/":function(n,i){n.exports="data:image/png;base64,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"},N0yM:function(n,i,e){(n.exports=e("FZ+f")(!0)).push([n.i,"\n.fl-r[data-v-331cfff2] {\n  float: right;\n}\n.main-block[data-v-331cfff2] {\n  margin: 5px;\n  background: white;\n  padding: 5px;\n}\n.clear-both[data-v-331cfff2]:after {\n  content: '';\n  display: block;\n  clear: both;\n}\n[data-v-331cfff2]::-webkit-scrollbar-track-piece {\n  border-radius: 10px;\n}\n[data-v-331cfff2]::-webkit-scrollbar {\n  width: 5px;\n  height: 5px;\n}\n[data-v-331cfff2]::-webkit-scrollbar-thumb {\n  background-color: #999;\n  border-radius: 10px;\n  height: 10px;\n  min-height: 10px;\n}\n.qrcode-text[data-v-331cfff2] {\n  font-size: 3.73333333vw;\n  margin-bottom: 2.66666667vw;\n}\n.qrcode-text .title[data-v-331cfff2] {\n  margin-bottom: 4vw;\n}\n.qrcode-text .main-text[data-v-331cfff2] {\n  font-weight: bold;\n  font-size: 4.26666667vw;\n  margin-bottom: 2.13333333vw;\n}\n.img-cvs[data-v-331cfff2] {\n  position: absolute;\n  width: 62.13333333vw;\n  top: 46.93333333vw;\n  left: 7.73333333vw;\n}\n.img-cvs .qrcode[data-v-331cfff2] {\n  position: absolute;\n  top: 81.33333333vw;\n  left: 4vw;\n  width: 16vw;\n}\n.cvs-img[data-v-331cfff2] {\n  position: absolute;\n  width: 62.13333333vw;\n  top: 46.93333333vw;\n  left: 7.73333333vw;\n  z-index: 10;\n}\n.ref-content[data-v-331cfff2] {\n  width: 79.73333333vw;\n  height: 150.4vw;\n  background-size: 100% 100%;\n  position: relative;\n}\n.ref-content .tips[data-v-331cfff2] {\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-331cfff2] {\n  height: 100%;\n  padding-bottom: toVw(150);\n  background: #f0f0f0;\n  font-family: PingFangSC-Regular;\n}\n.group-index .ref-icon[data-v-331cfff2] {\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-331cfff2] {\n  background: white;\n}\n.group-index .banner img[data-v-331cfff2] {\n  width: 100%;\n}\n.group-index .head[data-v-331cfff2] {\n  background: white;\n  margin-bottom: 10px;\n  padding: 2.66666667vw;\n}\n.group-index .head .title[data-v-331cfff2] {\n  font-size: 20px;\n  color: #333333;\n  margin-bottom: 2vw;\n}\n.group-index .head .detail[data-v-331cfff2] {\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-331cfff2] {\n  font-family: PingFang-SC-Bold;\n  font-size: 20px;\n  color: #F83534;\n}\n.group-index .head-icon[data-v-331cfff2] {\n  padding: 2.66666667vw;\n  background: white;\n  margin-bottom: 2px;\n}\n.group-index .head-icon .icon[data-v-331cfff2] {\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-331cfff2] {\n  width: 6.66666667vw;\n  vertical-align: middle;\n}\n.group-index .head-icon .has[data-v-331cfff2] {\n  font-size: 12px;\n  line-height: 8vw;\n  color: #999999;\n  float: right;\n}\n.group-index .welfare[data-v-331cfff2] {\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-331cfff2] {\n  padding: 2.66666667vw;\n  background: white;\n}\n.group-index .main-detail .tab-content[data-v-331cfff2] {\n  border-radius: 9px ;\n  border: 1px solid #F63539;\n}\n.group-index .main-detail .tab-content[data-v-331cfff2]:after {\n  content: '';\n  display: block;\n  clear: both;\n}\n.group-index .main-detail .tab-content .tab-btn[data-v-331cfff2] {\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-331cfff2] {\n  background: #F63539;\n  color: white;\n}\n.group-index .main-detail .qa-block[data-v-331cfff2] {\n  padding: 2.66666667vw 0 toVw(150) 0;\n}\n.group-index .main-detail .qa-block img[data-v-331cfff2],\n.group-index .main-detail .qa-block video[data-v-331cfff2] {\n  max-width: 100%;\n}\n.group-index .main-detail .qa-block .qa-content[data-v-331cfff2] {\n  margin: toVw(10) 0;\n}\n.group-index .main-detail .qa-block .qa-content .qa-q[data-v-331cfff2] {\n  font-size: 16px;\n  color: #666666;\n}\n.group-index .main-detail .qa-block .qa-content .qa-a[data-v-331cfff2] {\n  font-size: 16px;\n  color: #333333;\n}\n.group-index .main-detail .detail[data-v-331cfff2] {\n  padding: 2.66666667vw 0 20vw 0;\n}\n.group-index .main-detail .detail .detail-content img[data-v-331cfff2],\n.group-index .main-detail .detail .detail-content video[data-v-331cfff2] {\n  max-width: 100%;\n}\n.group-index footer[data-v-331cfff2] {\n  position: absolute;\n  position: fixed;\n  bottom: 0;\n  width: 97.7vw;\n  height: 16vw;\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  background: white;\n  padding: 1.3vw;\n  border-top: 1px solid #d8d8d8;\n  -ms-flex-pack: distribute;\n      justify-content: space-around;\n}\n.group-index footer .btn[data-v-331cfff2] {\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-331cfff2] {\n  display: block;\n  font-size: 20px;\n  font-family: PingFang-SC-Bold;\n}\n.group-index footer .btn img[data-v-331cfff2] {\n  width: 6.66666667vw;\n}\n.group-index footer .btn.big[data-v-331cfff2] {\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-331cfff2] {\n  background: #F83534;\n  border-color: #F83534;\n  color: white;\n}\n.group-index footer .btn.big.price.full[data-v-331cfff2] {\n  background: #dddddd;\n  border-color: #dddddd;\n  line-height: 13.33333333vw;\n}\n.group-index .pop-block[data-v-331cfff2] {\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-331cfff2] {\n  width: 33.33333333vw;\n}\n.group-index .pop-block .close[data-v-331cfff2] {\n  width: 6.66666667vw;\n  position: absolute;\n  top: 2.66666667vw;\n  right: 2.66666667vw;\n}\n.group-index .mint-popup[data-v-331cfff2] {\n  border-radius: 10px;\n}\n.group-index .pop-fill[data-v-331cfff2] {\n  width: 66.66666667vw;\n  padding: 4vw 4vw;\n  font-size: 16px;\n  color: #333333;\n}\n.group-index .pop-fill .btn-block[data-v-331cfff2] {\n  margin-top: 4vw;\n}\n.group-index .pop-fill .btn-block[data-v-331cfff2]:after {\n  content: '';\n  display: block;\n  clear: both;\n}\n.group-index .pop-fill .btn-block .btn[data-v-331cfff2] {\n  float: right;\n  background: #F83534;\n  font-size: 14px;\n  padding: 0.66666667vw 1.33333333vw;\n  border-radius: 8px;\n  color: #FFFFFF;\n}\n","",{version:3,sources:["D:/myproject/new-singsingH5/src/components/buy/D:/myproject/new-singsingH5/src/util/public.less","D:/myproject/new-singsingH5/src/components/buy/mpShop.vue","D:/myproject/new-singsingH5/src/components/buy/D:/myproject/new-singsingH5/src/components/buy/mpShop.vue"],names:[],mappings:"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",file:"mpShop.vue",sourcesContent:["//颜色参数\n@toVw:100/375vw;\n@toVh:100/667vh;\n@bg-b: #333;\n@bg-b-s:#444;\n@black-line:#191919;\n@gray-line:#666;\n@light-line:#ddd;\n@main-font-color:#fff;\n@secondary-font-color:#999;\n@gold-color-light:#FFD04B;\n@gold-color: #a18430;\n\n//公共类\n.fl-r{\n  float: right;\n}\n.main-block{\n  margin: 5px;\n  background: white;\n  padding: 5px;\n}\nhtml{\n\n}\n.clear-both{\n  &:after{\n    content: '';\n    display: block;\n    clear: both;\n  }\n}\n//滚动条样式\n::-webkit-scrollbar-track-piece { //滚动条凹槽的颜色，还可以设置边框属性\n  border-radius: 10px;\n}\n::-webkit-scrollbar {//滚动条的宽度\n  width:5px;\n  height:5px;\n}\n::-webkit-scrollbar-thumb {//滚动条的设置\n  background-color:@secondary-font-color;\n  border-radius: 10px;\n  height: 10px;\n  min-height:10px;\n}\n",".fl-r {\n  float: right;\n}\n.main-block {\n  margin: 5px;\n  background: white;\n  padding: 5px;\n}\n.clear-both:after {\n  content: '';\n  display: block;\n  clear: both;\n}\n::-webkit-scrollbar-track-piece {\n  border-radius: 10px;\n}\n::-webkit-scrollbar {\n  width: 5px;\n  height: 5px;\n}\n::-webkit-scrollbar-thumb {\n  background-color: #999;\n  border-radius: 10px;\n  height: 10px;\n  min-height: 10px;\n}\n.qrcode-text {\n  font-size: 3.73333333vw;\n  margin-bottom: 2.66666667vw;\n}\n.qrcode-text .title {\n  margin-bottom: 4vw;\n}\n.qrcode-text .main-text {\n  font-weight: bold;\n  font-size: 4.26666667vw;\n  margin-bottom: 2.13333333vw;\n}\n.img-cvs {\n  position: absolute;\n  width: 62.13333333vw;\n  top: 46.93333333vw;\n  left: 7.73333333vw;\n}\n.img-cvs .qrcode {\n  position: absolute;\n  top: 81.33333333vw;\n  left: 4vw;\n  width: 16vw;\n}\n.cvs-img {\n  position: absolute;\n  width: 62.13333333vw;\n  top: 46.93333333vw;\n  left: 7.73333333vw;\n  z-index: 10;\n}\n.ref-content {\n  width: 79.73333333vw;\n  height: 150.4vw;\n  background-size: 100% 100%;\n  position: relative;\n}\n.ref-content .tips {\n  font-size: 12px;\n  position: absolute;\n  color: #666;\n  right: 2.66666667vw;\n  top: 66.66666667vw;\n  width: 1em;\n}\n.group-index {\n  height: 100%;\n  padding-bottom: toVw(150);\n  background: #f0f0f0;\n  font-family: PingFangSC-Regular;\n}\n.group-index .ref-icon {\n  position: fixed;\n  height: 24vw;\n  top: 70vw;\n  z-index: 6;\n  right: 2.66666667vw;\n  /*border-radius: 100px;*/\n}\n.group-index .banner {\n  background: white;\n}\n.group-index .banner img {\n  width: 100%;\n}\n.group-index .head {\n  background: white;\n  margin-bottom: 10px;\n  padding: 2.66666667vw;\n}\n.group-index .head .title {\n  font-size: 20px;\n  color: #333333;\n  margin-bottom: 2vw;\n}\n.group-index .head .detail {\n  font-size: 12px;\n  line-height: 1.6em;\n  color: #333333;\n  display: block;\n  margin-bottom: 2vw;\n}\n.group-index .head .price .price-content {\n  font-family: PingFang-SC-Bold;\n  font-size: 20px;\n  color: #F83534;\n}\n.group-index .head-icon {\n  padding: 2.66666667vw;\n  background: white;\n  margin-bottom: 2px;\n}\n.group-index .head-icon .icon {\n  display: inline-block;\n  width: 8vw;\n  margin: 0 1.33333333vw;\n  border-radius: 1000px;\n  vertical-align: middle;\n}\n.group-index .head-icon .more {\n  width: 6.66666667vw;\n  vertical-align: middle;\n}\n.group-index .head-icon .has {\n  font-size: 12px;\n  line-height: 8vw;\n  color: #999999;\n  float: right;\n}\n.group-index .welfare {\n  background: white;\n  padding: 1.33333333vw;\n  font-size: 12px;\n  text-align: center;\n  color: #999999;\n  margin-bottom: 20px;\n}\n.group-index .main-detail {\n  padding: 2.66666667vw;\n  background: white;\n}\n.group-index .main-detail .tab-content {\n  border-radius: 9px ;\n  border: 1px solid #F63539;\n}\n.group-index .main-detail .tab-content:after {\n  content: '';\n  display: block;\n  clear: both;\n}\n.group-index .main-detail .tab-content .tab-btn {\n  width: 50%;\n  float: left;\n  height: 10.66666667vw;\n  line-height: 10.66666667vw;\n  text-align: center;\n  color: #F63539;\n  border-radius: 9px ;\n}\n.group-index .main-detail .tab-content .tab-btn.active {\n  background: #F63539;\n  color: white;\n}\n.group-index .main-detail .qa-block {\n  padding: 2.66666667vw 0 toVw(150) 0;\n}\n.group-index .main-detail .qa-block img,\n.group-index .main-detail .qa-block video {\n  max-width: 100%;\n}\n.group-index .main-detail .qa-block .qa-content {\n  margin: toVw(10) 0;\n}\n.group-index .main-detail .qa-block .qa-content .qa-q {\n  font-size: 16px;\n  color: #666666;\n}\n.group-index .main-detail .qa-block .qa-content .qa-a {\n  font-size: 16px;\n  color: #333333;\n}\n.group-index .main-detail .detail {\n  padding: 2.66666667vw 0 20vw 0;\n}\n.group-index .main-detail .detail .detail-content img,\n.group-index .main-detail .detail .detail-content video {\n  max-width: 100%;\n}\n.group-index footer {\n  position: absolute;\n  position: fixed;\n  bottom: 0;\n  width: 97.7vw;\n  height: 16vw;\n  display: -webkit-box;\n  display: -moz-box;\n  display: -ms-flexbox;\n  display: -webkit-flex;\n  display: flex;\n  background: white;\n  padding: 1.3vw;\n  border-top: 1px solid #d8d8d8;\n  justify-content: space-around;\n}\n.group-index footer .btn {\n  border: 1px solid #cccccc;\n  border-radius: 8px;\n  width: 0;\n  flex-grow: 2;\n  text-align: center;\n  padding: 2vw 0;\n  margin: 0 1.33333333vw;\n  line-height: 1.4em;\n  font-size: 16px;\n  color: #666666;\n}\n.group-index footer .btn span {\n  display: block;\n  font-size: 20px;\n  font-family: PingFang-SC-Bold;\n}\n.group-index footer .btn img {\n  width: 6.66666667vw;\n}\n.group-index footer .btn.big {\n  padding: 0.66666667vw 0;\n  flex-grow: 5;\n}\n.group-index footer .btn.big.price {\n  background: #F83534;\n  border-color: #F83534;\n  color: white;\n}\n.group-index footer .btn.big.price.full {\n  background: #dddddd;\n  border-color: #dddddd;\n  line-height: 13.33333333vw;\n}\n.group-index .pop-block {\n  padding: 5.33333333vw 1.33333333vw;\n  width: 80vw;\n  text-align: center;\n  font-size: 14px;\n  color: #666666;\n  position: relative;\n}\n.group-index .pop-block img {\n  width: 33.33333333vw;\n}\n.group-index .pop-block .close {\n  width: 6.66666667vw;\n  position: absolute;\n  top: 2.66666667vw;\n  right: 2.66666667vw;\n}\n.group-index .mint-popup {\n  border-radius: 10px;\n}\n.group-index .pop-fill {\n  width: 66.66666667vw;\n  padding: 4vw 4vw;\n  font-size: 16px;\n  color: #333333;\n}\n.group-index .pop-fill .btn-block {\n  margin-top: 4vw;\n}\n.group-index .pop-fill .btn-block:after {\n  content: '';\n  display: block;\n  clear: both;\n}\n.group-index .pop-fill .btn-block .btn {\n  float: right;\n  background: #F83534;\n  font-size: 14px;\n  padding: 0.66666667vw 1.33333333vw;\n  border-radius: 8px;\n  color: #FFFFFF;\n}\n","\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n@import \"../../util/public\";\n.qrcode-text{\n  font-size: 14*@toVw;\n  margin-bottom: 10*@toVw;\n  .title{\n    margin-bottom: 15*@toVw;\n  }\n  .main-text{\n    font-weight: bold;\n    font-size: 16*@toVw;\n    margin-bottom: 8*@toVw;\n  }\n}\n.img-cvs{\n  position: absolute;\n  width: 233 * @toVw;\n  top: 176 * @toVw;\n  left: 29 * @toVw;\n  .qrcode{\n    position: absolute;\n    top: 305 * @toVw;\n    left: 15 * @toVw;\n    width: 60 * @toVw;\n  }\n}\n.cvs-img{\n  position: absolute;\n  width: 233 * @toVw;\n  top: 176 * @toVw;\n  left: 29 * @toVw;\n  z-index: 10;\n}\n.ref-content{\n  width: 299 * @toVw;\n  height: 564 * @toVw;\n  background-size: 100% 100%;\n  position: relative;\n  .tips{\n    font-size: 12px;\n    position: absolute;\n    color: #666;\n    right: 10 * @toVw;\n    top: 250 * @toVw;\n    width: 1em;\n  }\n}\n.group-index{\n  height: 100%;\n  padding-bottom: toVw(150);\n  background: #f0f0f0;\n  font-family: PingFangSC-Regular;\n  .ref-icon{\n    position: fixed;\n    height: 100/375 * 90vw ;\n    top: 70vw;\n    z-index: 6;\n    right: 10 * 100 /375vw;\n    /*border-radius: 100px;*/\n  }\n  .banner{\n    background: white;\n    img{\n      width: 100%;\n    }\n  }\n  .head{\n    background: white;\n    margin-bottom: 10px;\n    padding: 20/7.5vw;\n    .title{\n      font-size: 20px;\n      color: #333333;\n      margin-bottom: 15/7.5vw;\n    }\n    .detail{\n      font-size: 12px;\n      line-height: 1.6em;\n      color: #333333;\n      display: block;\n      margin-bottom: 15/7.5vw;\n    }\n    .price{\n      .price-content{\n        font-family: PingFang-SC-Bold;\n        font-size: 20px;\n        color: #F83534;\n      }\n    }\n  }\n  .head-icon{\n    padding: 20/7.5vw;\n    background: white;\n    margin-bottom: 2px;\n    .icon{\n      display: inline-block;\n      width: 60/7.5vw;\n      margin: 0 10/7.5vw;\n      border-radius: 1000px;\n      vertical-align: middle;\n    }\n    .more{\n      width: 50/7.5vw;\n      vertical-align: middle;\n    }\n    .has{\n      font-size: 12px;\n      line-height: 60/7.5vw;\n      color: #999999;\n      float: right;\n    }\n  }\n  .welfare{\n    background: white;\n    padding:10/7.5vw ;\n    font-size: 12px;\n    text-align: center;\n    color: #999999;\n    margin-bottom: 20px;\n  }\n  .main-detail{\n    padding: 20/7.5vw;\n    background: white;\n    .tab-content{\n      border-radius: 9px ;\n      border: 1px solid #F63539;\n      &:after{\n        content: '';\n        display: block;\n        clear: both;\n      }\n      .tab-btn{\n        width: 50%;\n        float: left;\n        height: 80/7.5vw;\n        line-height: 80/7.5vw;\n        text-align: center;\n        color: #F63539;\n        border-radius:9px ;\n        &.active{\n          background: #F63539;\n          color: white;\n        }\n      }\n    }\n    .qa-block{\n      padding: 20/7.5vw 0 toVw(150) 0;\n      img,video{\n        max-width: 100%;\n      }\n      .qa-content{\n        margin: toVw(10) 0;\n        .qa-q{\n          font-size: 16px;\n          color: #666666;\n        }\n        .qa-a{\n          font-size: 16px;\n          color: #333333;\n        }\n      }\n    }\n    .detail{\n      padding: 20/7.5vw 0 150/7.5vw 0;\n      .detail-content{\n        img,video{\n          max-width: 100%;\n        }\n      }\n\n    }\n  }\n  footer{\n    position: absolute;\n    position: fixed;\n    bottom: 0;\n    width: 97.7vw;\n    height: 120/7.5vw;\n    display: -webkit-box;      // OLD - iOS 6-, Safari 3.1-6 //\n    display: -moz-box;         // OLD - Firefox 19- (buggy but mostly works) //\n    display: -ms-flexbox;      // TWEENER - IE 10 //\n    display: -webkit-flex;     // NEW - Chrome //\n    display: flex;             // NEW, Spec - Opera 12.1, Firefox 20+ //\n    background: white;\n    padding: 1.3vw;\n    border-top: 1px solid #d8d8d8;\n    justify-content:space-around;\n    .btn{\n      border: 1px solid #cccccc;\n      border-radius: 8px;\n      width:0;\n      flex-grow:2;\n      text-align: center;\n      padding: 15/7.5vw 0;\n      margin: 0 10/7.5vw;\n      line-height: 1.4em;\n      font-size: 16px;\n      color: #666666;\n      span{\n        display: block;\n        font-size: 20px;\n        font-family: PingFang-SC-Bold;\n      }\n      img{\n        width: 50/7.5vw;\n      }\n      &.big{\n        padding: 5/7.5vw 0;\n        flex-grow:5;\n        &.price{\n          background:  #F83534;\n          border-color: #F83534;\n          color: white;\n          &.full{\n            background: #dddddd;\n            border-color: #dddddd;\n            line-height: 50*@toVw;\n          }\n        }\n      }\n    }\n  }\n  .pop-block{\n    padding:40/7.5vw 10/7.5vw;\n    width: 600/7.5vw;\n    text-align: center;\n    font-size: 14px;\n    color: #666666;\n    position: relative;\n    img{\n      width: 250/7.5vw;\n    }\n    .close{\n      width: 50/7.5vw;\n      position: absolute;\n      top: 20/7.5vw;\n      right: 20/7.5vw;\n    }\n  }\n  .mint-popup{\n    border-radius: 10px;\n  }\n  .pop-fill{\n    width: 500/7.5vw;\n    padding:30/7.5vw 30/7.5vw;\n    font-size: 16px;\n    color: #333333;\n    .btn-block{\n      margin-top: 30/7.5vw;\n      &:after{\n        content:'';\n        display: block;\n        clear: both;\n      }\n      .btn{\n        float: right;\n        background: #F83534;\n        font-size: 14px;\n        padding: 5/7.5vw 10/7.5vw;\n        border-radius: 8px;\n        color: #FFFFFF;\n      }\n    }\n  }\n}\n\n"],sourceRoot:""}])},VPne:function(n,i,e){"use strict";Object.defineProperty(i,"__esModule",{value:!0});e("v2ns");var t=e("7QTg"),r=e("MJLE"),o=e.n(r),a=e("CCn6"),A=e("E26C"),d=e.n(A),s=e("kXdI"),l=e.n(s),p=e("XaoW"),c=e.n(p),g=e("zpE/"),u=e.n(g),h=e("0ZjB"),f=e.n(h),v=e("YSNw"),w=e.n(v),m=e("4lQ/"),b=e.n(m),E={name:"index",components:{swiper:t.swiper,swiperSlide:t.swiperSlide},data:function(){return{refBg:d.a,qr1:w.a,qr2:b.a,join:!1,showQrCode:!1,popType:!1,popFill:!1,popupVisible:!1,refVisible:!1,tabType:!0,popcontentW:"您已经购买过课程，无需重复<br>购买，您可以添加微信公众号了解更多",popcontentT:"为了更好地为您进行课程服务，<br>请扫码添加老师二维码",qrCode:u.a,weChatIcon:c.a,closeUrl:f.a,moreUrl:l.a,refIcon:"https://cdn.singsingenglish.com/new-sing/b7f43ced8f8268655c2c5b289360df990ec8f18e.png",swiperOption:{pagination:{el:".swiper-pagination"}},QRCodeB:!1,payFlag:!0,dataURL:null,user_id:null,invite_code_f:!0,invite_code:"",this_code:"",shopId:"",groupId:null,groupDetail:!1,groupData:null}},mounted:function(){this.getDetail()},methods:{qrcode:function(n){this.QRCodeB?this.QRCodeB.makeCode(n):this.QRCodeB=new o.a("qrcode",{width:80,height:80,text:n,image:""})},enableShare:function(n){Object(a.F)({api_list:"onMenuShareAppMessage,onMenuShareTimeline",url:window.location.href.split("#")[0]}).then(function(i){wx.config({debug:!1,appId:i.appId,timestamp:parseInt(i.timestamp),nonceStr:i.nonceStr,signature:i.signature,jsApiList:i.jsApiList}),wx.ready(function(){wx.onMenuShareTimeline({title:n.product_title,desc:n.desc,link:n.shareUrl,imgUrl:n.shareIcon||"https://cdn.singsingenglish.com/singsing/recommend/logo-refer.png",success:function(){console.log("分享成功")},cancel:function(){console.log("分享失败")}}),wx.onMenuShareAppMessage({title:n.product_title,desc:n.desc,link:n.shareUrl,imgUrl:n.shareIcon||"https://cdn.singsingenglish.com/singsing/recommend/logo-refer.png",success:function(){},cancel:function(){}})})})},handleInviteCode:function(){if(this.invite_code){var n=this.invite_code.split("-");n.length>2&&("TEACHER"===n[1]||"XXMM"===n[1])&&(n[1]="USER");var i=n[0]+"-"+n[1];this.this_code=i+"-"+this.user_id}else this.this_code="CC-USER-"+this.user_id},onShare:function(n){this.handleInviteCode();var i="https://wechat-test.changchangenglish.com/#/buyDetail?shopId="+this.shopId+"&invite_code="+this.this_code;this.enableShare({product_title:this.groupDetail.share_desc.title,desc:this.groupDetail.share_desc.content,shareIcon:this.groupDetail.share_desc.img[0].url,shareUrl:i})},getDetail:function(){var n=this;window.location.href.indexOf("invite_code")>-1&&(this.invite_code=this.$route.query.invite_code,2===this.invite_code.split("-").length&&(this.invite_code_f=!1));this.user_id=JSON.parse(localStorage.getItem("userDesc")).user_id,window.location.href.indexOf("shopId")>-1&&(this.shopId=this.$route.query.shopId,Object(a.h)(this.shopId).then(function(i){if(i.desc=JSON.parse(i.desc),i.goods_desc=JSON.parse(i.goods_desc),i.share_desc=JSON.parse(i.share_desc),2===i.status&&i.bind_goods_id)return n.$router.push({name:"buyDetail",query:{shopId:i.bind_goods_id,invite_code:n.invite_code}}),void n.getDetail();n.groupDetail=i;for(var e=0;e<n.groupDetail.header_url.length;e++)n.groupDetail.header_url[e]=n.groupDetail.header_url[e].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 t=n;n.toDataURLBase64(n.groupDetail.share_desc.refImg[0].url,function(n){t.groupDetail.share_desc.refImg[0].url=n})}var r=n.invite_code;n.$sa.track("viewCourseDetail",{goodsID:n.groupDetail.id.toString(),courseCate:1===n.groupDetail.course_type?"体验课":"正式课",lessonNumber:n.groupDetail.watch_num,goodsName:n.groupDetail.name,coursePrice:Number(n.groupDetail.original_price/100),discountPrice:Number(n.groupDetail.current_price/100),courseID:n.groupDetail.course_id,courseName:"",salesType:r?r.split("-")[1]:"null",salesID:r?Number(r.split("-")[2]):0}),2===n.groupDetail.goods_type?(localStorage.getItem("cc_token"),window.location.href.indexOf("groupId")>-1?(n.groupId=n.$route.query.groupId,Object(a.j)(n.groupId).then(function(i){n.groupData=i}),n.onShare(0)):n.onShare(1)):(n.onShare(1),n.handleInviteCode())}))},showTeacher:function(){this.popType=!1,this.popupVisible=!0},buttonClick:function(n,i){this.$sa.track("buttonClick",{tabTitle:"商品",moduleTitle:"详情页",buttonType:n,buttonName:i})},groupPay:function(n){this.showQrCode=!0}}},C=function(){var n=this,i=n.$createElement,e=n._self._c||i;return n.groupDetail?e("div",{ref:"index",staticClass:"group-index"},[e("swiper",{ref:"mySwiper",staticClass:"banner",attrs:{options:n.swiperOption}},[n._l(n.groupDetail.goods_desc.img,function(i,t){return n.groupDetail.goods_desc?e("swiper-slide",{key:t},[e("img",{attrs:{src:i.url}})]):n._e()}),n._v(" "),e("div",{staticClass:"swiper-pagination",attrs:{slot:"pagination"},slot:"pagination"})],2),n._v(" "),e("div",{staticClass:"head"},[e("div",{staticClass:"title"},[n._v("\n      "+n._s(n.groupDetail.name)+"\n    ")]),n._v(" "),e("span",{staticClass:"detail"},[n._v("\n              "+n._s(n.groupDetail.goods_desc.desc)+"\n          ")]),n._v(" "),e("div",{staticClass:"price"},[e("span",{staticClass:"price-content"},[n._v("￥"+n._s(n.groupDetail.current_price/100)+"元")]),n._v(" "),1===n.groupDetail.goods_type&&n.groupDetail.original_price>n.groupDetail.current_price?e("span",{staticStyle:{"text-decoration":"line-through",color:"#bbb","font-size":"14px"}},[n._v("￥"+n._s(n.groupDetail.original_price/100))]):n._e()])]),n._v(" "),e("div",{staticClass:"head-icon"},[n._l(n.groupDetail.header_url,function(i,t){return t<5?e("img",{key:i,staticClass:"icon",attrs:{src:i}}):n._e()}),n._v(" "),e("img",{staticClass:"more",attrs:{src:n.moreUrl}}),n._v(" "),e("span",{staticClass:"has"},[n._v("已售"+n._s(n.groupDetail.has_group_num)+"件")])],2),n._v(" "),n.groupDetail.head_welfare&&""!==n.groupDetail.head_welfare&&null!==n.groupDetail.head_welfare?e("div",{staticClass:"welfare"},[n._v("\n    团长福利："+n._s(n.groupDetail.head_welfare)+"\n  ")]):n._e(),n._v(" "),e("div",{staticClass:"main-detail"},[e("div",{staticClass:"tab-content"},[e("div",{class:{"tab-btn":!0,active:n.tabType},on:{click:function(i){n.tabType=!0,n.buttonClick("展示","图文详情")}}},[n._v("图文详情")]),n._v(" "),e("div",{class:{"tab-btn":!0,active:!n.tabType},on:{click:function(i){n.tabType=!1,n.buttonClick("展示","购买须知")}}},[n._v("购买须知")])]),n._v(" "),n.tabType?e("div",{staticClass:"detail"},[e("div",{staticClass:"detail-content",domProps:{innerHTML:n._s(n.groupDetail.desc.detail)}})]):n._e(),n._v(" "),n.tabType?n._e():e("div",{staticClass:"qa-block"},[e("div",{staticClass:"qa-content qaDetail",domProps:{innerHTML:n._s(n.groupDetail.desc.qa)}})])]),n._v(" "),n.groupDetail.desc.customer_service[0]?e("div",[e("mt-popup",{model:{value:n.popupVisible,callback:function(i){n.popupVisible=i},expression:"popupVisible"}},[e("div",{staticClass:"pop-block"},[n.popType?e("img",{attrs:{src:n.qrCode}}):n._e(),n._v(" "),n.popType?n._e():e("img",{attrs:{src:n.groupDetail.desc.customer_service[0].url}}),n._v(" "),e("div",[n.popType?e("span",{domProps:{innerHTML:n._s(n.popcontentW)}}):n._e(),n._v(" "),n.popType?n._e():e("span",{domProps:{innerHTML:n._s(n.popcontentT)}})]),n._v(" "),e("img",{staticClass:"close",attrs:{src:n.closeUrl},on:{click:function(i){n.popupVisible=!1}}})])])],1):n._e(),n._v(" "),e("mt-popup",{attrs:{closeOnClickModal:!1},model:{value:n.popFill,callback:function(i){n.popFill=i},expression:"popFill"}},[e("div",{staticClass:"pop-fill"},[n._v("\n      您好，本次拼团已经结束。您可以选择重新开团或单独购买\n      "),e("div",{staticClass:"btn-block"},[e("div",{staticClass:"btn",on:{click:function(i){n.rePlay()}}},[n._v("重新开团")])])])]),n._v(" "),1===n.groupDetail.status&&n.invite_code_f?e("div",[n.groupDetail.goods_type&&2===n.groupDetail.goods_type?e("footer",[n.groupData&&0!==n.groupData.status?e("div",{staticClass:"btn big price full"},[n.groupId?e("div",[n._v("该团已满")]):n._e()]):n._e(),n._v(" "),e("div",{class:n.groupData&&0!==n.groupData.status?"btn big price":"btn big",attrs:{id:n.groupId?"reGroup":"singleBuy"},on:{click:function(i){n.groupPay(0)}}},[n.groupId?n._e():e("span",[n._v("￥"+n._s(n.groupDetail.original_price/100))]),n._v(" "),n.groupId?n._e():e("div",[n._v("单独购")]),n._v(" "),n.groupId?e("span",[n._v("￥"+n._s(n.groupDetail.current_price/100))]):n._e(),n._v(" "),n.groupId?e("div",[n._v("重新开团")]):n._e()]),n._v(" "),n.groupData&&0!==n.groupData.status?n._e():e("div",{staticClass:"btn big price",attrs:{id:n.groupId?"joinGroup":"newGroup"},on:{click:function(i){n.groupPay(1)}}},[e("span",[n._v("￥"+n._s(n.groupDetail.current_price/100))]),n._v(" "),n.groupId?n._e():e("div",[n._v(n._s(n.groupDetail.desc.group_number)+"人团")]),n._v(" "),n.groupId?e("div",[n._v("立即参团")]):n._e()])]):n._e(),n._v(" "),n.groupDetail.goods_type&&2!==n.groupDetail.goods_type?e("footer",[e("div",{staticClass:"btn big price",on:{click:function(i){n.groupPay(1)}}},[e("span",[n._v("￥"+n._s(n.groupDetail.current_price/100))]),n._v(" "),e("div",[n._v("立即购买")])])]):n._e()]):n._e(),n._v(" "),e("mt-popup",{model:{value:n.showQrCode,callback:function(i){n.showQrCode=i},expression:"showQrCode"}},[e("div",{staticClass:"pop-block"},[e("div",{staticClass:"qrcode-text"},[e("div",{staticClass:"title"},[n._v("购买说明")]),n._v(" "),e("div",{staticClass:"main-text"},[n._v("长按识别二维码→点击关注公众号")]),n._v(" "),e("div",[n._v("或 截图二维码→在微信中识别")])]),n._v(" "),"yinghe"===n.$route.query.code?e("img",{staticStyle:{width:"60vw"},attrs:{src:n.qr1}}):n._e(),n._v(" "),"yunying"===n.$route.query.code?e("img",{staticStyle:{width:"60vw"},attrs:{src:n.qr2}}):n._e(),n._v(" "),e("img",{staticClass:"close",attrs:{src:n.closeUrl},on:{click:function(i){n.showQrCode=!1}}})])]),n._v(" "),1!==n.groupDetail.status?e("div",[n._m(0)]):n._e()],1):n._e()};C._withStripped=!0;var x={render:C,staticRenderFns:[function(){var n=this.$createElement,i=this._self._c||n;return i("footer",[i("div",{staticStyle:{color:"#888"}},[this._v("\n        已售罄\n      ")])])}]},I=x;var D=!1;var B=e("VU/8")(E,I,!1,function(n){D||(e("uoAx"),e("irOa"))},"data-v-331cfff2",null);B.options.__file="src/components/buy/mpShop.vue";i.default=B.exports},YSNw:function(n,i){n.exports="data:image/png;base64,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"},irOa:function(n,i,e){var t=e("N0yM");"string"==typeof t&&(t=[[n.i,t,""]]),t.locals&&(n.exports=t.locals);e("rjj0")("8ba2c05e",t,!1,{})},uoAx:function(n,i,e){var t=e("0xF1");"string"==typeof t&&(t=[[n.i,t,""]]),t.locals&&(n.exports=t.locals);e("rjj0")("6f87d2f2",t,!1,{})}});
+//# sourceMappingURL=10.31b8fd03cbef1145946a.js.map
\ No newline at end of file
--- a/dev/static/js/10.31b8fd03cbef1145946a.js.map
+++ b/dev/static/js/10.31b8fd03cbef1145946a.js.map
--- a/dev/static/js/12.16d365283096b3c84e40.js
+++ b/dev/static/js/12.16d365283096b3c84e40.js
+webpackJsonp([12],{"5W4P":function(n,e,i){(n.exports=i("FZ+f")(!0)).push([n.i,"\n.fl-r[data-v-ff30e8ae] {\n  float: right;\n}\n.main-block[data-v-ff30e8ae] {\n  margin: 5px;\n  background: white;\n  padding: 5px;\n}\n.clear-both[data-v-ff30e8ae]:after {\n  content: '';\n  display: block;\n  clear: both;\n}\n[data-v-ff30e8ae]::-webkit-scrollbar-track-piece {\n  border-radius: 10px;\n}\n[data-v-ff30e8ae]::-webkit-scrollbar {\n  width: 5px;\n  height: 5px;\n}\n[data-v-ff30e8ae]::-webkit-scrollbar-thumb {\n  background-color: #999;\n  border-radius: 10px;\n  height: 10px;\n  min-height: 10px;\n}\n.img-cvs[data-v-ff30e8ae] {\n  position: absolute;\n  width: 62.13333333vw;\n  top: 46.93333333vw;\n  left: 7.73333333vw;\n}\n.img-cvs .qrcode[data-v-ff30e8ae] {\n  position: absolute;\n  top: 81.33333333vw;\n  left: 4vw;\n  width: 16vw;\n}\n.cvs-img[data-v-ff30e8ae] {\n  position: absolute;\n  width: 62.13333333vw;\n  top: 46.93333333vw;\n  left: 7.73333333vw;\n  z-index: 10;\n}\n.ref-content[data-v-ff30e8ae] {\n  width: 79.73333333vw;\n  height: 150.4vw;\n  background-size: 100% 100%;\n  position: relative;\n}\n.ref-content .tips[data-v-ff30e8ae] {\n  font-size: 12px;\n  position: absolute;\n  color: #666;\n  right: 2.66666667vw;\n  top: 66.66666667vw;\n  width: 1em;\n}\n.group-index[data-v-ff30e8ae] {\n  height: 100%;\n  padding-bottom: toVw(150);\n  background: #f0f0f0;\n  font-family: PingFangSC-Regular;\n}\n.group-index .bindMobile-block.mint-popup[data-v-ff30e8ae] {\n  border-radius: 0;\n  width: 100%;\n  font-size: 3.73333333vw;\n  background: transparent;\n}\n.group-index .bindMobile-block.mint-popup[data-v-ff30e8ae] .mint-cell-text {\n  font-size: 3.73333333vw;\n}\n.group-index .bindMobile-block.mint-popup[data-v-ff30e8ae] .mint-field-core {\n  font-size: 3.73333333vw;\n}\n.group-index .bindMobile-block.mint-popup .codeMsg[data-v-ff30e8ae] {\n  border-radius: 26.66666667vw;\n  border: 0.26666667vw solid #60adf0;\n  background: white;\n  font-size: 3.2vw;\n  color: #60adf0;\n  outline: none;\n  float: right;\n  padding: 1.06666667vw 2.66666667vw;\n}\n.group-index .bindMobile-block.mint-popup .codeMsg.disabled[data-v-ff30e8ae] {\n  opacity: 0.5;\n}\n.group-index .bindMobile-block.mint-popup .bindMobile-main[data-v-ff30e8ae] {\n  background: white;\n  position: relative;\n  margin-top: 13.33333333vw;\n}\n.group-index .bindMobile-block.mint-popup .bindMobile-main .header[data-v-ff30e8ae] {\n  width: 18.66666667vw;\n  top: -8vw;\n  left: 4vw;\n  height: 18.66666667vw;\n  position: absolute;\n}\n.group-index .bindMobile-block.mint-popup .bindMobile-main .title[data-v-ff30e8ae] {\n  padding-left: 25.33333333vw;\n  padding-top: 1.33333333vw;\n  font-family: PingFang-SC-Bold;\n  font-weight: bold;\n}\n.group-index .ref-icon[data-v-ff30e8ae] {\n  position: fixed;\n  height: 24vw;\n  top: 70vw;\n  z-index: 6;\n  right: 2.66666667vw;\n  /*border-radius: 100px;*/\n}\n.group-index .banner[data-v-ff30e8ae] {\n  background: white;\n}\n.group-index .banner img[data-v-ff30e8ae] {\n  width: 100%;\n}\n.group-index .head[data-v-ff30e8ae] {\n  background: white;\n  margin-bottom: 10px;\n  padding: 2.66666667vw;\n}\n.group-index .head .title[data-v-ff30e8ae] {\n  font-size: 20px;\n  color: #333333;\n  margin-bottom: 2vw;\n}\n.group-index .head .detail[data-v-ff30e8ae] {\n  font-size: 12px;\n  line-height: 1.6em;\n  color: #333333;\n  display: block;\n  margin-bottom: 2vw;\n}\n.group-index .head .price .price-content[data-v-ff30e8ae] {\n  font-family: PingFang-SC-Bold;\n  font-size: 20px;\n  color: #F83534;\n}\n.group-index .head-icon[data-v-ff30e8ae] {\n  padding: 2.66666667vw;\n  background: white;\n  margin-bottom: 2px;\n}\n.group-index .head-icon .icon[data-v-ff30e8ae] {\n  display: inline-block;\n  width: 8vw;\n  margin: 0 1.33333333vw;\n  border-radius: 1000px;\n  vertical-align: middle;\n}\n.group-index .head-icon .more[data-v-ff30e8ae] {\n  width: 6.66666667vw;\n  vertical-align: middle;\n}\n.group-index .head-icon .has[data-v-ff30e8ae] {\n  font-size: 12px;\n  line-height: 8vw;\n  color: #999999;\n  float: right;\n}\n.group-index .welfare[data-v-ff30e8ae] {\n  background: white;\n  padding: 1.33333333vw;\n  font-size: 12px;\n  text-align: center;\n  color: #999999;\n  margin-bottom: 20px;\n}\n.group-index .main-detail[data-v-ff30e8ae] {\n  padding: 2.66666667vw;\n  background: white;\n}\n.group-index .main-detail .tab-content[data-v-ff30e8ae] {\n  border-radius: 9px ;\n  border: 1px solid #F63539;\n}\n.group-index .main-detail .tab-content[data-v-ff30e8ae]:after {\n  content: '';\n  display: block;\n  clear: both;\n}\n.group-index .main-detail .tab-content .tab-btn[data-v-ff30e8ae] {\n  width: 50%;\n  float: left;\n  height: 10.66666667vw;\n  line-height: 10.66666667vw;\n  text-align: center;\n  color: #F63539;\n  border-radius: 9px ;\n}\n.group-index .main-detail .tab-content .tab-btn.active[data-v-ff30e8ae] {\n  background: #F63539;\n  color: white;\n}\n.group-index .main-detail .qa-block[data-v-ff30e8ae] {\n  padding: 2.66666667vw 0 toVw(150) 0;\n}\n.group-index .main-detail .qa-block img[data-v-ff30e8ae],\n.group-index .main-detail .qa-block video[data-v-ff30e8ae] {\n  max-width: 100%;\n}\n.group-index .main-detail .qa-block .qa-content[data-v-ff30e8ae] {\n  margin: toVw(10) 0;\n}\n.group-index .main-detail .qa-block .qa-content .qa-q[data-v-ff30e8ae] {\n  font-size: 16px;\n  color: #666666;\n}\n.group-index .main-detail .qa-block .qa-content .qa-a[data-v-ff30e8ae] {\n  font-size: 16px;\n  color: #333333;\n}\n.group-index .main-detail .detail[data-v-ff30e8ae] {\n  padding: 2.66666667vw 0 20vw 0;\n}\n.group-index .main-detail .detail .detail-content img[data-v-ff30e8ae],\n.group-index .main-detail .detail .detail-content video[data-v-ff30e8ae] {\n  max-width: 100%;\n}\n.group-index footer[data-v-ff30e8ae] {\n  position: absolute;\n  position: fixed;\n  bottom: 0;\n  width: 97.7vw;\n  height: 16vw;\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  background: white;\n  padding: 1.3vw;\n  border-top: 1px solid #d8d8d8;\n  -ms-flex-pack: distribute;\n      justify-content: space-around;\n}\n.group-index footer .btn[data-v-ff30e8ae] {\n  border: 1px solid #cccccc;\n  border-radius: 8px;\n  width: 0;\n  -webkit-box-flex: 2;\n      -ms-flex-positive: 2;\n          flex-grow: 2;\n  text-align: center;\n  padding: 2vw 0;\n  margin: 0 1.33333333vw;\n  line-height: 1.4em;\n  font-size: 16px;\n  color: #666666;\n}\n.group-index footer .btn span[data-v-ff30e8ae] {\n  display: block;\n  font-size: 20px;\n  font-family: PingFang-SC-Bold;\n}\n.group-index footer .btn img[data-v-ff30e8ae] {\n  width: 6.66666667vw;\n}\n.group-index footer .btn.big[data-v-ff30e8ae] {\n  padding: 0.66666667vw 0;\n  -webkit-box-flex: 5;\n      -ms-flex-positive: 5;\n          flex-grow: 5;\n}\n.group-index footer .btn.big.price[data-v-ff30e8ae] {\n  background: #F83534;\n  border-color: #F83534;\n  color: white;\n}\n.group-index footer .btn.big.price.full[data-v-ff30e8ae] {\n  background: #dddddd;\n  border-color: #dddddd;\n  line-height: 13.33333333vw;\n}\n.group-index .pop-block[data-v-ff30e8ae] {\n  padding: 5.33333333vw 1.33333333vw;\n  width: 80vw;\n  text-align: center;\n  font-size: 14px;\n  color: #666666;\n  position: relative;\n}\n.group-index .pop-block img[data-v-ff30e8ae] {\n  width: 33.33333333vw;\n}\n.group-index .pop-block .close[data-v-ff30e8ae] {\n  width: 6.66666667vw;\n  position: absolute;\n  top: 2.66666667vw;\n  right: 2.66666667vw;\n}\n.group-index .mint-popup[data-v-ff30e8ae] {\n  border-radius: 10px;\n}\n.group-index .pop-fill[data-v-ff30e8ae] {\n  width: 66.66666667vw;\n  padding: 4vw 4vw;\n  font-size: 16px;\n  color: #333333;\n}\n.group-index .pop-fill .btn-block[data-v-ff30e8ae] {\n  margin-top: 4vw;\n}\n.group-index .pop-fill .btn-block[data-v-ff30e8ae]:after {\n  content: '';\n  display: block;\n  clear: both;\n}\n.group-index .pop-fill .btn-block .btn[data-v-ff30e8ae] {\n  float: right;\n  background: #F83534;\n  font-size: 14px;\n  padding: 0.66666667vw 1.33333333vw;\n  border-radius: 8px;\n  color: #FFFFFF;\n}\n","",{version:3,sources:["D:/myproject/new-singsingH5/src/components/buy/D:/myproject/new-singsingH5/src/util/public.less","D:/myproject/new-singsingH5/src/components/buy/index.vue","D:/myproject/new-singsingH5/src/components/buy/D:/myproject/new-singsingH5/src/components/buy/index.vue"],names:[],mappings:";AAcA;EACE,aAAA;CCbD;ADeD;EACE,YAAA;EACA,kBAAA;EACA,aAAA;CCbD;ADmBC;EACE,YAAA;EACA,eAAA;EACA,YAAA;CCjBH;ADqBD;EACE,oBAAA;CCnBD;ADqBD;EACE,WAAA;EACA,YAAA;CCnBD;ADqBD;EACE,uBAAA;EACA,oBAAA;EACA,aAAA;EACA,iBAAA;CCnBD;ACigBD;EACE,mBAAA;EACA,qBAAA;EACA,mBAAA;EACA,mBAAA;CD/fD;AC2fD;EAMI,mBAAA;EACA,mBAAA;EACA,UAAA;EACA,YAAA;CD9fH;ACigBD;EACE,mBAAA;EACA,qBAAA;EACA,mBAAA;EACA,mBAAA;EACA,YAAA;CD/fD;ACigBD;EACE,qBAAA;EACA,gBAAA;EACA,2BAAA;EACA,mBAAA;CD/fD;AC2fD;EAMI,gBAAA;EACA,mBAAA;EACA,YAAA;EACA,oBAAA;EACA,mBAAA;EACA,WAAA;CD9fH;ACigBD;EACE,aAAA;EACA,0BAAA;EACA,oBAAA;EACA,gCAAA;CD/fD;AC2fD;EAOI,iBAAA;EACA,YAAA;EACA,wBAAA;EACA,wBAAA;CD/fH;ACqfD;EAYM,wBAAA;CD9fL;ACkfD;EAeM,wBAAA;CD9fL;AC+eD;EAkBM,6BAAA;EACA,mCAAA;EACA,kBAAA;EACA,iBAAA;EACA,eAAA;EACA,cAAA;EACA,aAAA;EACA,mCAAA;CD9fL;AC+fK;EACE,aAAA;CD7fP;ACkeD;EA+BM,kBAAA;EACA,mBAAA;EACA,0BAAA;CD9fL;AC6dD;EAmCQ,qBAAA;EACA,UAAA;EACA,UAAA;EACA,sBAAA;EACA,mBAAA;CD7fP;ACsdD;EA0CQ,4BAAA;EACA,0BAAA;EACA,8BAAA;EACA,kBAAA;CD7fP;ACgdD;EAkDI,gBAAA;EACA,aAAA;EACA,UAAA;EACA,WAAA;EACA,oBAAA;ED/fF,yBAAyB;CAC1B;ACwcD;EA0DI,kBAAA;CD/fH;ACqcD;EA4DM,YAAA;CD9fL;ACkcD;EAgEI,kBAAA;EACA,oBAAA;EACA,sBAAA;CD/fH;AC6bD;EAoEM,gBAAA;EACA,eAAA;EACA,mBAAA;CD9fL;ACwbD;EAyEM,gBAAA;EACA,mBAAA;EACA,eAAA;EACA,eAAA;EACA,mBAAA;CD9fL;ACibD;EAiFQ,8BAAA;EACA,gBAAA;EACA,eAAA;CD/fP;AC4aD;EAwFI,sBAAA;EACA,kBAAA;EACA,mBAAA;CDjgBH;ACuaD;EA4FM,sBAAA;EACA,WAAA;EACA,uBAAA;EACA,sBAAA;EACA,uBAAA;CDhgBL;ACgaD;EAmGM,oBAAA;EACA,uBAAA;CDhgBL;AC4ZD;EAuGM,gBAAA;EACA,iBAAA;EACA,eAAA;EACA,aAAA;CDhgBL;ACsZD;EA8GI,kBAAA;EACA,sBAAA;EACA,gBAAA;EACA,mBAAA;EACA,eAAA;EACA,oBAAA;CDjgBH;AC8YD;EAsHI,sBAAA;EACA,kBAAA;CDjgBH;AC0YD;EAyHM,oBAAA;EACA,0BAAA;CDhgBL;ACigBK;EACE,YAAA;EACA,eAAA;EACA,YAAA;CD/fP;ACiYD;EAiIQ,WAAA;EACA,YAAA;EACA,sBAAA;EACA,2BAAA;EACA,mBAAA;EACA,eAAA;EACA,oBAAA;CD/fP;ACggBO;EACE,oBAAA;EACA,aAAA;CD9fT;ACoXD;EA+IM,oCAAA;CDhgBL;ACiXD;;EAiJQ,gBAAA;CD9fP;AC6WD;EAoJQ,mBAAA;CD9fP;AC0WD;EAsJU,gBAAA;EACA,eAAA;CD7fT;ACsWD;EA0JU,gBAAA;EACA,eAAA;CD7fT;ACkWD;EAgKM,+BAAA;CD/fL;AC+VD;;EAmKU,gBAAA;CD9fT;AC2VD;EA0KI,mBAAA;EACA,gBAAA;EACA,UAAA;EACA,cAAA;EACA,aAAA;EACA,qBAAA;EAEA,qBAAA;EAEA,cAAA;EACA,kBAAA;EACA,eAAA;EACA,8BAAA;EACA,0BAAA;MAAA,8BAAA;CDlgBH;AC2UD;EAyLM,0BAAA;EACA,mBAAA;EACA,SAAA;EACA,oBAAA;MAAA,qBAAA;UAAA,aAAA;EACA,mBAAA;EACA,eAAA;EACA,uBAAA;EACA,mBAAA;EACA,gBAAA;EACA,eAAA;CDjgBL;AC+TD;EAoMQ,eAAA;EACA,gBAAA;EACA,8BAAA;CDhgBP;AC0TD;EAyMQ,oBAAA;CDhgBP;ACkgBK;EACE,wBAAA;EACA,oBAAA;MAAA,qBAAA;UAAA,aAAA;CDhgBP;ACigBO;EACE,oBAAA;EACA,sBAAA;EACA,aAAA;CD/fT;ACggBS;EACE,oBAAA;EACA,sBAAA;EACA,2BAAA;CD9fX;ACySD;EA4NI,mCAAA;EACA,YAAA;EACA,mBAAA;EACA,gBAAA;EACA,eAAA;EACA,mBAAA;CDlgBH;ACiSD;EAmOM,qBAAA;CDjgBL;AC8RD;EAsOM,oBAAA;EACA,mBAAA;EACA,kBAAA;EACA,oBAAA;CDjgBL;ACwRD;EA6OI,oBAAA;CDlgBH;ACqRD;EAgPI,qBAAA;EACA,iBAAA;EACA,gBAAA;EACA,eAAA;CDlgBH;AC+QD;EAqPM,gBAAA;CDjgBL;ACkgBK;EACE,YAAA;EACA,eAAA;EACA,YAAA;CDhgBP;ACuQD;EA4PQ,aAAA;EACA,oBAAA;EACA,gBAAA;EACA,mCAAA;EACA,mBAAA;EACA,eAAA;CDhgBP",file:"index.vue",sourcesContent:["//颜色参数\n@toVw:100/375vw;\n@toVh:100/667vh;\n@bg-b: #333;\n@bg-b-s:#444;\n@black-line:#191919;\n@gray-line:#666;\n@light-line:#ddd;\n@main-font-color:#fff;\n@secondary-font-color:#999;\n@gold-color-light:#FFD04B;\n@gold-color: #a18430;\n\n//公共类\n.fl-r{\n  float: right;\n}\n.main-block{\n  margin: 5px;\n  background: white;\n  padding: 5px;\n}\nhtml{\n\n}\n.clear-both{\n  &:after{\n    content: '';\n    display: block;\n    clear: both;\n  }\n}\n//滚动条样式\n::-webkit-scrollbar-track-piece { //滚动条凹槽的颜色，还可以设置边框属性\n  border-radius: 10px;\n}\n::-webkit-scrollbar {//滚动条的宽度\n  width:5px;\n  height:5px;\n}\n::-webkit-scrollbar-thumb {//滚动条的设置\n  background-color:@secondary-font-color;\n  border-radius: 10px;\n  height: 10px;\n  min-height:10px;\n}\n",".fl-r {\n  float: right;\n}\n.main-block {\n  margin: 5px;\n  background: white;\n  padding: 5px;\n}\n.clear-both:after {\n  content: '';\n  display: block;\n  clear: both;\n}\n::-webkit-scrollbar-track-piece {\n  border-radius: 10px;\n}\n::-webkit-scrollbar {\n  width: 5px;\n  height: 5px;\n}\n::-webkit-scrollbar-thumb {\n  background-color: #999;\n  border-radius: 10px;\n  height: 10px;\n  min-height: 10px;\n}\n.img-cvs {\n  position: absolute;\n  width: 62.13333333vw;\n  top: 46.93333333vw;\n  left: 7.73333333vw;\n}\n.img-cvs .qrcode {\n  position: absolute;\n  top: 81.33333333vw;\n  left: 4vw;\n  width: 16vw;\n}\n.cvs-img {\n  position: absolute;\n  width: 62.13333333vw;\n  top: 46.93333333vw;\n  left: 7.73333333vw;\n  z-index: 10;\n}\n.ref-content {\n  width: 79.73333333vw;\n  height: 150.4vw;\n  background-size: 100% 100%;\n  position: relative;\n}\n.ref-content .tips {\n  font-size: 12px;\n  position: absolute;\n  color: #666;\n  right: 2.66666667vw;\n  top: 66.66666667vw;\n  width: 1em;\n}\n.group-index {\n  height: 100%;\n  padding-bottom: toVw(150);\n  background: #f0f0f0;\n  font-family: PingFangSC-Regular;\n}\n.group-index .bindMobile-block.mint-popup {\n  border-radius: 0;\n  width: 100%;\n  font-size: 3.73333333vw;\n  background: transparent;\n}\n.group-index .bindMobile-block.mint-popup /deep/ .mint-cell-text {\n  font-size: 3.73333333vw;\n}\n.group-index .bindMobile-block.mint-popup /deep/ .mint-field-core {\n  font-size: 3.73333333vw;\n}\n.group-index .bindMobile-block.mint-popup .codeMsg {\n  border-radius: 26.66666667vw;\n  border: 0.26666667vw solid #60adf0;\n  background: white;\n  font-size: 3.2vw;\n  color: #60adf0;\n  outline: none;\n  float: right;\n  padding: 1.06666667vw 2.66666667vw;\n}\n.group-index .bindMobile-block.mint-popup .codeMsg.disabled {\n  opacity: 0.5;\n}\n.group-index .bindMobile-block.mint-popup .bindMobile-main {\n  background: white;\n  position: relative;\n  margin-top: 13.33333333vw;\n}\n.group-index .bindMobile-block.mint-popup .bindMobile-main .header {\n  width: 18.66666667vw;\n  top: -8vw;\n  left: 4vw;\n  height: 18.66666667vw;\n  position: absolute;\n}\n.group-index .bindMobile-block.mint-popup .bindMobile-main .title {\n  padding-left: 25.33333333vw;\n  padding-top: 1.33333333vw;\n  font-family: PingFang-SC-Bold;\n  font-weight: bold;\n}\n.group-index .ref-icon {\n  position: fixed;\n  height: 24vw;\n  top: 70vw;\n  z-index: 6;\n  right: 2.66666667vw;\n  /*border-radius: 100px;*/\n}\n.group-index .banner {\n  background: white;\n}\n.group-index .banner img {\n  width: 100%;\n}\n.group-index .head {\n  background: white;\n  margin-bottom: 10px;\n  padding: 2.66666667vw;\n}\n.group-index .head .title {\n  font-size: 20px;\n  color: #333333;\n  margin-bottom: 2vw;\n}\n.group-index .head .detail {\n  font-size: 12px;\n  line-height: 1.6em;\n  color: #333333;\n  display: block;\n  margin-bottom: 2vw;\n}\n.group-index .head .price .price-content {\n  font-family: PingFang-SC-Bold;\n  font-size: 20px;\n  color: #F83534;\n}\n.group-index .head-icon {\n  padding: 2.66666667vw;\n  background: white;\n  margin-bottom: 2px;\n}\n.group-index .head-icon .icon {\n  display: inline-block;\n  width: 8vw;\n  margin: 0 1.33333333vw;\n  border-radius: 1000px;\n  vertical-align: middle;\n}\n.group-index .head-icon .more {\n  width: 6.66666667vw;\n  vertical-align: middle;\n}\n.group-index .head-icon .has {\n  font-size: 12px;\n  line-height: 8vw;\n  color: #999999;\n  float: right;\n}\n.group-index .welfare {\n  background: white;\n  padding: 1.33333333vw;\n  font-size: 12px;\n  text-align: center;\n  color: #999999;\n  margin-bottom: 20px;\n}\n.group-index .main-detail {\n  padding: 2.66666667vw;\n  background: white;\n}\n.group-index .main-detail .tab-content {\n  border-radius: 9px ;\n  border: 1px solid #F63539;\n}\n.group-index .main-detail .tab-content:after {\n  content: '';\n  display: block;\n  clear: both;\n}\n.group-index .main-detail .tab-content .tab-btn {\n  width: 50%;\n  float: left;\n  height: 10.66666667vw;\n  line-height: 10.66666667vw;\n  text-align: center;\n  color: #F63539;\n  border-radius: 9px ;\n}\n.group-index .main-detail .tab-content .tab-btn.active {\n  background: #F63539;\n  color: white;\n}\n.group-index .main-detail .qa-block {\n  padding: 2.66666667vw 0 toVw(150) 0;\n}\n.group-index .main-detail .qa-block img,\n.group-index .main-detail .qa-block video {\n  max-width: 100%;\n}\n.group-index .main-detail .qa-block .qa-content {\n  margin: toVw(10) 0;\n}\n.group-index .main-detail .qa-block .qa-content .qa-q {\n  font-size: 16px;\n  color: #666666;\n}\n.group-index .main-detail .qa-block .qa-content .qa-a {\n  font-size: 16px;\n  color: #333333;\n}\n.group-index .main-detail .detail {\n  padding: 2.66666667vw 0 20vw 0;\n}\n.group-index .main-detail .detail .detail-content img,\n.group-index .main-detail .detail .detail-content video {\n  max-width: 100%;\n}\n.group-index footer {\n  position: absolute;\n  position: fixed;\n  bottom: 0;\n  width: 97.7vw;\n  height: 16vw;\n  display: -webkit-box;\n  display: -moz-box;\n  display: -ms-flexbox;\n  display: -webkit-flex;\n  display: flex;\n  background: white;\n  padding: 1.3vw;\n  border-top: 1px solid #d8d8d8;\n  justify-content: space-around;\n}\n.group-index footer .btn {\n  border: 1px solid #cccccc;\n  border-radius: 8px;\n  width: 0;\n  flex-grow: 2;\n  text-align: center;\n  padding: 2vw 0;\n  margin: 0 1.33333333vw;\n  line-height: 1.4em;\n  font-size: 16px;\n  color: #666666;\n}\n.group-index footer .btn span {\n  display: block;\n  font-size: 20px;\n  font-family: PingFang-SC-Bold;\n}\n.group-index footer .btn img {\n  width: 6.66666667vw;\n}\n.group-index footer .btn.big {\n  padding: 0.66666667vw 0;\n  flex-grow: 5;\n}\n.group-index footer .btn.big.price {\n  background: #F83534;\n  border-color: #F83534;\n  color: white;\n}\n.group-index footer .btn.big.price.full {\n  background: #dddddd;\n  border-color: #dddddd;\n  line-height: 13.33333333vw;\n}\n.group-index .pop-block {\n  padding: 5.33333333vw 1.33333333vw;\n  width: 80vw;\n  text-align: center;\n  font-size: 14px;\n  color: #666666;\n  position: relative;\n}\n.group-index .pop-block img {\n  width: 33.33333333vw;\n}\n.group-index .pop-block .close {\n  width: 6.66666667vw;\n  position: absolute;\n  top: 2.66666667vw;\n  right: 2.66666667vw;\n}\n.group-index .mint-popup {\n  border-radius: 10px;\n}\n.group-index .pop-fill {\n  width: 66.66666667vw;\n  padding: 4vw 4vw;\n  font-size: 16px;\n  color: #333333;\n}\n.group-index .pop-fill .btn-block {\n  margin-top: 4vw;\n}\n.group-index .pop-fill .btn-block:after {\n  content: '';\n  display: block;\n  clear: both;\n}\n.group-index .pop-fill .btn-block .btn {\n  float: right;\n  background: #F83534;\n  font-size: 14px;\n  padding: 0.66666667vw 1.33333333vw;\n  border-radius: 8px;\n  color: #FFFFFF;\n}\n","\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n@import \"../../util/public\";\n.img-cvs{\n  position: absolute;\n  width: 233 * @toVw;\n  top: 176 * @toVw;\n  left: 29 * @toVw;\n  .qrcode{\n    position: absolute;\n    top: 305 * @toVw;\n    left: 15 * @toVw;\n    width: 60 * @toVw;\n  }\n}\n.cvs-img{\n  position: absolute;\n  width: 233 * @toVw;\n  top: 176 * @toVw;\n  left: 29 * @toVw;\n  z-index: 10;\n}\n.ref-content{\n  width: 299 * @toVw;\n  height: 564 * @toVw;\n  background-size: 100% 100%;\n  position: relative;\n  .tips{\n    font-size: 12px;\n    position: absolute;\n    color: #666;\n    right: 10 * @toVw;\n    top: 250 * @toVw;\n    width: 1em;\n  }\n}\n.group-index{\n  height: 100%;\n  padding-bottom: toVw(150);\n  background: #f0f0f0;\n  font-family: PingFangSC-Regular;\n\n  .bindMobile-block.mint-popup{\n    border-radius: 0;\n    width: 100%;\n    font-size:14*@toVw;\n    background: transparent;\n    /deep/ .mint-cell-text{\n      font-size: 14*@toVw;\n    }\n    /deep/ .mint-field-core{\n      font-size: 14*@toVw;\n    }\n    .codeMsg{\n      border-radius:100*@toVw;\n      border:1*@toVw solid rgba(96,173,240,1);\n      background: white;\n      font-size: 12*@toVw;\n      color: rgb(96,173,240);\n      outline: none;\n      float: right;\n      padding: 4*@toVw 10*@toVw;\n      &.disabled{\n        opacity: 0.5;\n      }\n    }\n    .bindMobile-main{\n      background: white;\n      position: relative;\n      margin-top: 50*@toVw;\n      .header{\n        width: 70*@toVw;\n        top: -30*@toVw;\n        left: 15*@toVw;\n        height: 70*@toVw;\n        position: absolute;\n      }\n      .title{\n        padding-left: 95*@toVw;\n        padding-top: 5*@toVw;\n        font-family:PingFang-SC-Bold;\n        font-weight:bold;\n      }\n    }\n  }\n  .ref-icon{\n    position: fixed;\n    height: 100/375 * 90vw ;\n    top: 70vw;\n    z-index: 6;\n    right: 10 * 100 /375vw;\n    /*border-radius: 100px;*/\n  }\n  .banner{\n    background: white;\n    img{\n      width: 100%;\n    }\n  }\n  .head{\n    background: white;\n    margin-bottom: 10px;\n    padding: 20/7.5vw;\n    .title{\n      font-size: 20px;\n      color: #333333;\n      margin-bottom: 15/7.5vw;\n    }\n    .detail{\n      font-size: 12px;\n      line-height: 1.6em;\n      color: #333333;\n      display: block;\n      margin-bottom: 15/7.5vw;\n    }\n    .price{\n      .price-content{\n        font-family: PingFang-SC-Bold;\n        font-size: 20px;\n        color: #F83534;\n      }\n    }\n  }\n  .head-icon{\n    padding: 20/7.5vw;\n    background: white;\n    margin-bottom: 2px;\n    .icon{\n      display: inline-block;\n      width: 60/7.5vw;\n      margin: 0 10/7.5vw;\n      border-radius: 1000px;\n      vertical-align: middle;\n    }\n    .more{\n      width: 50/7.5vw;\n      vertical-align: middle;\n    }\n    .has{\n      font-size: 12px;\n      line-height: 60/7.5vw;\n      color: #999999;\n      float: right;\n    }\n  }\n  .welfare{\n    background: white;\n    padding:10/7.5vw ;\n    font-size: 12px;\n    text-align: center;\n    color: #999999;\n    margin-bottom: 20px;\n  }\n  .main-detail{\n    padding: 20/7.5vw;\n    background: white;\n    .tab-content{\n      border-radius: 9px ;\n      border: 1px solid #F63539;\n      &:after{\n        content: '';\n        display: block;\n        clear: both;\n      }\n      .tab-btn{\n        width: 50%;\n        float: left;\n        height: 80/7.5vw;\n        line-height: 80/7.5vw;\n        text-align: center;\n        color: #F63539;\n        border-radius:9px ;\n        &.active{\n          background: #F63539;\n          color: white;\n        }\n      }\n    }\n    .qa-block{\n      padding: 20/7.5vw 0 toVw(150) 0;\n      img,video{\n        max-width: 100%;\n      }\n      .qa-content{\n        margin: toVw(10) 0;\n        .qa-q{\n          font-size: 16px;\n          color: #666666;\n        }\n        .qa-a{\n          font-size: 16px;\n          color: #333333;\n        }\n      }\n    }\n    .detail{\n      padding: 20/7.5vw 0 150/7.5vw 0;\n      .detail-content{\n        img,video{\n          max-width: 100%;\n        }\n      }\n\n    }\n  }\n  footer{\n    position: absolute;\n    position: fixed;\n    bottom: 0;\n    width: 97.7vw;\n    height: 120/7.5vw;\n    display: -webkit-box;      // OLD - iOS 6-, Safari 3.1-6 //\n    display: -moz-box;         // OLD - Firefox 19- (buggy but mostly works) //\n    display: -ms-flexbox;      // TWEENER - IE 10 //\n    display: -webkit-flex;     // NEW - Chrome //\n    display: flex;             // NEW, Spec - Opera 12.1, Firefox 20+ //\n    background: white;\n    padding: 1.3vw;\n    border-top: 1px solid #d8d8d8;\n    justify-content:space-around;\n    .btn{\n      border: 1px solid #cccccc;\n      border-radius: 8px;\n      width:0;\n      flex-grow:2;\n      text-align: center;\n      padding: 15/7.5vw 0;\n      margin: 0 10/7.5vw;\n      line-height: 1.4em;\n      font-size: 16px;\n      color: #666666;\n      span{\n        display: block;\n        font-size: 20px;\n        font-family: PingFang-SC-Bold;\n      }\n      img{\n        width: 50/7.5vw;\n      }\n      &.big{\n        padding: 5/7.5vw 0;\n        flex-grow:5;\n        &.price{\n          background:  #F83534;\n          border-color: #F83534;\n          color: white;\n          &.full{\n            background: #dddddd;\n            border-color: #dddddd;\n            line-height: 50*@toVw;\n          }\n        }\n      }\n    }\n  }\n  .pop-block{\n    padding:40/7.5vw 10/7.5vw;\n    width: 600/7.5vw;\n    text-align: center;\n    font-size: 14px;\n    color: #666666;\n    position: relative;\n    img{\n      width: 250/7.5vw;\n    }\n    .close{\n      width: 50/7.5vw;\n      position: absolute;\n      top: 20/7.5vw;\n      right: 20/7.5vw;\n    }\n  }\n  .mint-popup{\n    border-radius: 10px;\n  }\n  .pop-fill{\n    width: 500/7.5vw;\n    padding:30/7.5vw 30/7.5vw;\n    font-size: 16px;\n    color: #333333;\n    .btn-block{\n      margin-top: 30/7.5vw;\n      &:after{\n        content:'';\n        display: block;\n        clear: both;\n      }\n      .btn{\n        float: right;\n        background: #F83534;\n        font-size: 14px;\n        padding: 5/7.5vw 10/7.5vw;\n        border-radius: 8px;\n        color: #FFFFFF;\n      }\n    }\n  }\n}\n"],sourceRoot:""}])},"9Nk9":function(n,e,i){var t=i("yEDY");"string"==typeof t&&(t=[[n.i,t,""]]),t.locals&&(n.exports=t.locals);i("rjj0")("134c077c",t,!1,{})},bNYG:function(n,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var t=i("mvHQ"),r=i.n(t),o=(i("v2ns"),i("7QTg")),a=i("Au9i"),s=i("CCn6"),d=i("E26C"),l=i.n(d),p=i("kXdI"),c=i.n(p),g=i("XaoW"),A=i.n(g),u=i("zpE/"),h=i.n(u),b=i("0ZjB"),f=i.n(b),v={name:"index",components:{swiper:o.swiper,swiperSlide:o.swiperSlide},data:function(){return{refBg:l.a,bindMobile:{show:!1,mobile:"",img_code:"",verify_code:""},join:!1,popType:!1,popFill:!1,popupVisible:!1,refVisible:!1,tabType:!0,popcontentW:"您已经购买过课程，无需重复<br>购买，您可以添加微信公众号了解更多",popcontentT:"为了更好地为您进行课程服务，<br>请扫码添加老师二维码",qrCode:h.a,weChatIcon:A.a,closeUrl:f.a,moreUrl:c.a,refIcon:"https://cdn.singsingenglish.com/new-sing/b7f43ced8f8268655c2c5b289360df990ec8f18e.png",swiperOption:{pagination:{el:".swiper-pagination"}},QRCodeB:!1,payFlag:!0,dataURL:null,time:0,user_id:null,invite_code_f:!0,invite_code:"",this_code:"",shopId:"",buyType:"",groupId:null,groupDetail:!1,groupData:null}},mounted:function(){this.getDetail()},methods:{onBindMobile:function(){var n=this;if(this.$sa.track("clickSignUp",{}),this.payFlag){if(this.payFlag=!1,""===this.bindMobile.verify_code||!this.bindMobile.verify_code)return Object(a.Toast)("请填写手机验证码"),!1;var e={verify_code:this.bindMobile.verify_code};if(!this.bindMobile.mobile.match(/^(13[0-9]|14[579]|15[0-3,5-9]|16[6]|17[0135678]|18[0-9]|19[89])\d{8}$/))return Object(a.Toast)("请正确填写手机号"),!1;e.mobile=this.bindMobile.mobile,Object(s.c)(e).then(function(e){Object(s.A)().then(function(e){localStorage.setItem("userDesc",r()(e)),n.payFlag=!0,n.goToBuyPage()})}).catch(function(e){n.refImgCode(),n.payFlag=!0})}},timeO:function(){var n=this;this.time>0&&(this.time--,setTimeout(function(){n.timeO()},1e3))},goToBuyPage:function(){var n=this,e={shopId:this.shopId,invite_code:this.invite_code};if(this.groupId&&(e.group_order_id=this.groupId),0!==this.buyType||this.groupId){if(0===this.buyType&&this.groupId)return this.$router.push({name:"buyDetail",query:{shopId:this.shopId,invite_code:this.invite_code}}),window.location.reload(),!1;e.type=""}else e.type="single",this.buyType="single";var i=this.invite_code;this.$sa.track("buyCourse",{buyType:2===this.groupDetail.goods_type&&"single"!==buyType?"团购":"直购",goodsID:this.shopId,salesType:i?i.split("-")[1]:"null",salesID:i?Number(i.split("-")[2]):0}),window.location.href.indexOf("gdt_vid")>-1&&(e.gdt_vid=this.$route.query.gdt_vid),window.location.href.indexOf("cct_user_id")>-1&&(e.cct_user_id=this.$route.query.cct_user_id),this.$router.push({name:"buy",query:e}),this.$nextTick(function(){n.payFlag=!0})},refImgCode:function(){this.$refs.imgCode.src="/api/public/img/verify?flag="+Math.random()},sendMobileCode:function(){var n=this;if(""===this.bindMobile.img_code||!this.bindMobile.img_code)return Object(a.Toast)({message:"请填写图形验证码"}),!1;var e={img_code:this.bindMobile.img_code};if(!this.bindMobile.mobile.match(/^(13[0-9]|14[579]|15[0-3,5-9]|16[6]|17[0135678]|18[0-9]|19[89])\d{8}$/))return Object(a.Toast)("请正确填写手机号"),!1;e.mobile=this.bindMobile.mobile,this.time=30,this.timeO(),this.$sa.track("clickSendcode",{}),Object(s.I)(e).then(function(e){"操作成功"===e?Object(a.Toast)("验证码已发送"):(n.time=0,n.refImgCode(),Object(a.Toast)(e))}).catch(function(e){n.refImgCode()})},goToActivity:function(){var n={};window.location.href.indexOf("shopId")>-1&&(n.shopId=this.$route.query.shopId),window.location.href.indexOf("groupId")>-1&&(n.groupId=this.$route.query.groupId),window.location.href.indexOf("invite_code")>-1&&(n.invite_code=this.$route.query.invite_code),this.$router.push({name:"activity",query:n})},enableShare:function(n){Object(s.F)({api_list:"onMenuShareAppMessage,onMenuShareTimeline",url:window.location.href.split("#")[0]}).then(function(e){wx.config({debug:!1,appId:e.appId,timestamp:parseInt(e.timestamp),nonceStr:e.nonceStr,signature:e.signature,jsApiList:e.jsApiList}),wx.ready(function(){wx.onMenuShareTimeline({title:n.product_title,desc:n.desc,link:n.shareUrl,imgUrl:n.shareIcon||"https://cdn.singsingenglish.com/singsing/recommend/logo-refer.png",success:function(){console.log("分享成功")},cancel:function(){console.log("分享失败")}}),wx.onMenuShareAppMessage({title:n.product_title,desc:n.desc,link:n.shareUrl,imgUrl:n.shareIcon||"https://cdn.singsingenglish.com/singsing/recommend/logo-refer.png",success:function(){},cancel:function(){}})})})},handleInviteCode:function(){if(this.invite_code){var n=this.invite_code.split("-");n.length>2&&("TEACHER"===n[1]||"XXMM"===n[1])&&(n[1]="USER");var e=n[0]+"-"+n[1];this.this_code=e+"-"+this.user_id}else this.this_code="CC-USER-"+this.user_id},onShare:function(n){this.handleInviteCode();var e="https://wechat-test.changchangenglish.com/#/buyDetail?shopId="+this.shopId+"&invite_code="+this.this_code;this.enableShare({product_title:this.groupDetail.share_desc.title,desc:this.groupDetail.share_desc.content,shareIcon:this.groupDetail.share_desc.img[0].url,shareUrl:e})},toDataURLBase64:function(n,e){var i=new XMLHttpRequest;i.onload=function(){var n=new FileReader;n.onloadend=function(){e(n.result)},n.readAsDataURL(i.response)},i.responseType="blob",i.open("GET",n,!0),i.send()},getDetail:function(){var n=this;window.location.href.indexOf("invite_code")>-1&&(this.invite_code=this.$route.query.invite_code,2===this.invite_code.split("-").length&&(this.invite_code_f=!1));this.user_id=JSON.parse(localStorage.getItem("userDesc")).user_id,window.location.href.indexOf("shopId")>-1&&(this.shopId=this.$route.query.shopId,Object(s.h)(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,invite_code:n.invite_code}}),void n.getDetail();n.groupDetail=e;for(var i=0;i<n.groupDetail.header_url.length;i++)n.groupDetail.header_url[i]=n.groupDetail.header_url[i].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 t=n;n.toDataURLBase64(n.groupDetail.share_desc.refImg[0].url,function(n){t.groupDetail.share_desc.refImg[0].url=n})}var r=n.invite_code;n.$sa.track("viewCourseDetail",{goodsID:n.groupDetail.id.toString(),courseCate:1===n.groupDetail.course_type?"体验课":"正式课",lessonNumber:n.groupDetail.watch_num,goodsName:n.groupDetail.name,coursePrice:Number(n.groupDetail.original_price/100),discountPrice:Number(n.groupDetail.current_price/100),courseID:n.groupDetail.course_id,courseName:"",salesType:r?r.split("-")[1]:"null",salesID:r?Number(r.split("-")[2]):0}),2===n.groupDetail.goods_type?(localStorage.getItem("cc_token")&&Object(s.w)({goods_id:n.shopId}).then(function(e){e.out_trade_no&&(1===e.buy_type?n.$router.push({name:"buySuccess",query:{out_trade_no:e.out_trade_no}}):n.$router.push({name:"success",query:{out_trade_no:e.out_trade_no}}))}),window.location.href.indexOf("groupId")>-1?(n.groupId=n.$route.query.groupId,Object(s.j)(n.groupId).then(function(e){n.groupData=e}),n.onShare(0)):n.onShare(1)):(n.onShare(1),n.handleInviteCode())}))},showTeacher:function(){this.popType=!1,this.popupVisible=!0},buttonClick:function(n,e){this.$sa.track("buttonClick",{tabTitle:"商品",moduleTitle:"详情页",buttonType:n,buttonName:e})},groupPay:function(n){JSON.parse(localStorage.getItem("userDesc")).mobile&&""!==JSON.parse(localStorage.getItem("userDesc")).mobile?(this.buyType=n,this.goToBuyPage()):this.bindMobile.show=!0}}},m=function(){var n=this,e=n.$createElement,i=n._self._c||e;return n.groupDetail?i("div",{ref:"index",staticClass:"group-index"},[i("swiper",{ref:"mySwiper",staticClass:"banner",attrs:{options:n.swiperOption}},[n._l(n.groupDetail.goods_desc.img,function(e,t){return n.groupDetail.goods_desc?i("swiper-slide",{key:t},[i("img",{attrs:{src:e.url}})]):n._e()}),n._v(" "),i("div",{staticClass:"swiper-pagination",attrs:{slot:"pagination"},slot:"pagination"})],2),n._v(" "),1===n.groupDetail.is_auth_user?i("img",{staticClass:"ref-icon shake",attrs:{src:n.refIcon},on:{click:function(e){n.goToActivity(),n.buttonClick("功能","生成海报")}}}):n._e(),n._v(" "),i("div",{staticClass:"head"},[i("div",{staticClass:"title"},[n._v("\n      "+n._s(n.groupDetail.name)+"\n    ")]),n._v(" "),i("span",{staticClass:"detail"},[n._v("\n              "+n._s(n.groupDetail.goods_desc.desc)+"\n          ")]),n._v(" "),i("div",{staticClass:"price"},[i("span",{staticClass:"price-content"},[n._v("￥"+n._s(n.groupDetail.current_price/100)+"元")]),n._v(" "),1===n.groupDetail.goods_type&&n.groupDetail.original_price>n.groupDetail.current_price?i("span",{staticStyle:{"text-decoration":"line-through",color:"#bbb","font-size":"14px"}},[n._v("￥"+n._s(n.groupDetail.original_price/100))]):n._e()])]),n._v(" "),i("div",{staticClass:"head-icon"},[n._l(n.groupDetail.header_url,function(e,t){return t<5?i("img",{key:e,staticClass:"icon",attrs:{src:e}}):n._e()}),n._v(" "),i("img",{staticClass:"more",attrs:{src:n.moreUrl}}),n._v(" "),i("span",{staticClass:"has"},[n._v("已售"+n._s(n.groupDetail.has_group_num)+"件")])],2),n._v(" "),n.groupDetail.head_welfare&&""!==n.groupDetail.head_welfare&&null!==n.groupDetail.head_welfare?i("div",{staticClass:"welfare"},[n._v("\n    团长福利："+n._s(n.groupDetail.head_welfare)+"\n  ")]):n._e(),n._v(" "),i("div",{staticClass:"main-detail"},[i("div",{staticClass:"tab-content"},[i("div",{class:{"tab-btn":!0,active:n.tabType},on:{click:function(e){n.tabType=!0,n.buttonClick("展示","图文详情")}}},[n._v("图文详情")]),n._v(" "),i("div",{class:{"tab-btn":!0,active:!n.tabType},on:{click:function(e){n.tabType=!1,n.buttonClick("展示","购买须知")}}},[n._v("购买须知")])]),n._v(" "),n.tabType?i("div",{staticClass:"detail"},[i("div",{staticClass:"detail-content",domProps:{innerHTML:n._s(n.groupDetail.desc.detail)}})]):n._e(),n._v(" "),n.tabType?n._e():i("div",{staticClass:"qa-block"},[i("div",{staticClass:"qa-content qaDetail",domProps:{innerHTML:n._s(n.groupDetail.desc.qa)}})])]),n._v(" "),n.groupDetail.desc.customer_service[0]?i("div",[i("mt-popup",{model:{value:n.popupVisible,callback:function(e){n.popupVisible=e},expression:"popupVisible"}},[i("div",{staticClass:"pop-block"},[n.popType?i("img",{attrs:{src:n.qrCode}}):n._e(),n._v(" "),n.popType?n._e():i("img",{attrs:{src:n.groupDetail.desc.customer_service[0].url}}),n._v(" "),i("div",[n.popType?i("span",{domProps:{innerHTML:n._s(n.popcontentW)}}):n._e(),n._v(" "),n.popType?n._e():i("span",{domProps:{innerHTML:n._s(n.popcontentT)}})]),n._v(" "),i("img",{staticClass:"close",attrs:{src:n.closeUrl},on:{click:function(e){n.popupVisible=!1}}})])])],1):n._e(),n._v(" "),i("mt-popup",{attrs:{closeOnClickModal:!1},model:{value:n.popFill,callback:function(e){n.popFill=e},expression:"popFill"}},[i("div",{staticClass:"pop-fill"},[n._v("\n      您好，本次拼团已经结束。您可以选择重新开团或单独购买\n      "),i("div",{staticClass:"btn-block"},[i("div",{staticClass:"btn",on:{click:function(e){n.rePlay()}}},[n._v("重新开团")])])])]),n._v(" "),i("mt-popup",{staticStyle:{"background-color":"transparent","margin-top":"-80vw","margin-left":"-40vw",transform:"none"},model:{value:n.refVisible,callback:function(e){n.refVisible=e},expression:"refVisible"}},[n.groupDetail.share_desc.refImg&&n.groupDetail.share_desc.refImg.length>0?i("div",{staticClass:"ref-content",style:{backgroundImage:"url("+n.refBg+")"}},[i("div",{staticClass:"tips"},[n._v("\n        长按保存图片\n      ")])]):n._e(),n._v(" "),n.groupDetail.share_desc.refImg&&n.groupDetail.share_desc.refImg.length>0?i("div",{ref:"imageWrapper",staticClass:"img-cvs",attrs:{id:"capture"}},[i("img",{attrs:{src:n.groupDetail.share_desc.refImg[0].url}}),n._v(" "),i("div",{staticClass:"qrcode",attrs:{id:"qrcode"}})]):n._e(),n._v(" "),i("img",{staticClass:"cvs-img",attrs:{src:n.dataURL}})]),n._v(" "),1===n.groupDetail.status&&n.invite_code_f?i("div",[n.groupDetail.goods_type&&2===n.groupDetail.goods_type?i("footer",[n.groupDetail.desc.customer_service[0]?i("div",{staticClass:"btn",on:{click:function(e){n.showTeacher(),n.buttonClick("老师","客服")}}},[i("img",{attrs:{src:n.weChatIcon}})]):n._e(),n._v(" "),n.groupData&&0!==n.groupData.status?i("div",{staticClass:"btn big price full"},[n.groupId?i("div",[n._v("该团已满")]):n._e()]):n._e(),n._v(" "),i("div",{class:n.groupData&&0!==n.groupData.status?"btn big price":"btn big",attrs:{id:n.groupId?"reGroup":"singleBuy"},on:{click:function(e){n.groupPay(0)}}},[n.groupId?n._e():i("span",[n._v("￥"+n._s(n.groupDetail.original_price/100))]),n._v(" "),n.groupId?n._e():i("div",[n._v("单独购")]),n._v(" "),n.groupId?i("span",[n._v("￥"+n._s(n.groupDetail.current_price/100))]):n._e(),n._v(" "),n.groupId?i("div",[n._v("重新开团")]):n._e()]),n._v(" "),n.groupData&&0!==n.groupData.status?n._e():i("div",{staticClass:"btn big price",attrs:{id:n.groupId?"joinGroup":"newGroup"},on:{click:function(e){n.groupPay(1)}}},[i("span",[n._v("￥"+n._s(n.groupDetail.current_price/100))]),n._v(" "),n.groupId?n._e():i("div",[n._v(n._s(n.groupDetail.desc.group_number)+"人团")]),n._v(" "),n.groupId?i("div",[n._v("立即参团")]):n._e()])]):n._e(),n._v(" "),n.groupDetail.goods_type&&2!==n.groupDetail.goods_type?i("footer",[n.groupDetail.desc.customer_service[0]?i("div",{staticClass:"btn",on:{click:function(e){n.showTeacher(),n.buttonClick("功能","客服")}}},[i("img",{attrs:{src:n.weChatIcon}})]):n._e(),n._v(" "),i("div",{staticClass:"btn big price",on:{click:function(e){n.groupPay(1)}}},[i("span",[n._v("￥"+n._s(n.groupDetail.current_price/100))]),n._v(" "),i("div",[n._v("立即购买")])])]):n._e()]):n._e(),n._v(" "),1!==n.groupDetail.status?i("div",[n._m(0)]):n._e(),n._v(" "),i("mt-popup",{staticClass:"bindMobile-block",attrs:{position:"bottom"},model:{value:n.bindMobile.show,callback:function(e){n.$set(n.bindMobile,"show",e)},expression:"bindMobile.show"}},[i("div",{staticClass:"bindMobile-main"},[i("img",{staticClass:"header",attrs:{src:n.groupDetail.goods_desc.img[0].url}}),n._v(" "),i("div",{staticClass:"title"},[n._v("\n        "+n._s(n.groupDetail.name)+"\n        "),i("br"),n._v(" "),i("span",{staticStyle:{color:"red","font-weight":"normal"}},[n._v("￥"+n._s((n.groupDetail.current_price/100).toFixed(2)))])]),n._v(" "),i("mt-field",{staticStyle:{"font-size":"14px"},attrs:{label:"手机号",placeholder:"请输入手机号"},model:{value:n.bindMobile.mobile,callback:function(e){n.$set(n.bindMobile,"mobile",e)},expression:"bindMobile.mobile"}}),n._v(" "),i("mt-field",{attrs:{label:"图片验证",placeholder:"请输入验证码"},model:{value:n.bindMobile.img_code,callback:function(e){n.$set(n.bindMobile,"img_code",e)},expression:"bindMobile.img_code"}},[i("img",{ref:"imgCode",staticClass:"right-btn",staticStyle:{width:"35vw","margin-left":"5px"},attrs:{src:"/api/public/img/verify"},on:{click:n.refImgCode}})]),n._v(" "),i("mt-field",{attrs:{label:"短信验证",placeholder:"短信验证码"},model:{value:n.bindMobile.verify_code,callback:function(e){n.$set(n.bindMobile,"verify_code",e)},expression:"bindMobile.verify_code"}},[0===n.time?i("button",{staticClass:"codeMsg right-btn",on:{click:n.sendMobileCode}},[n._v("发送验证码")]):n._e(),n._v(" "),n.time>0?i("button",{staticClass:"codeMsg disabled right-btn"},[n._v(n._s(n.time)+"s后重新发送")]):n._e()]),n._v(" "),i("mt-button",{staticStyle:{width:"100%","margin-top":"10px"},attrs:{type:"danger"},on:{click:n.onBindMobile}},[n._v("下一步")])],1)])],1):n._e()};m._withStripped=!0;var w={render:m,staticRenderFns:[function(){var n=this.$createElement,e=this._self._c||n;return e("footer",[e("div",{staticStyle:{color:"#888"}},[this._v("\n        已售罄\n      ")])])}]},C=w;var _=!1;var x=i("VU/8")(v,C,!1,function(n){_||(i("9Nk9"),i("rC6I"))},"data-v-ff30e8ae",null);x.options.__file="src/components/buy/index.vue";e.default=x.exports},rC6I:function(n,e,i){var t=i("5W4P");"string"==typeof t&&(t=[[n.i,t,""]]),t.locals&&(n.exports=t.locals);i("rjj0")("dc25c13e",t,!1,{})},yEDY:function(n,e,i){(n.exports=i("FZ+f")(!0)).push([n.i,"\nimg,video{\n  max-width: 100%;\n}\n@-webkit-keyframes swing {\n10% {\n    -webkit-transform: rotate(15deg);\n            transform: rotate(15deg);\n}\n20% {\n    -webkit-transform: rotate(-10deg);\n            transform: rotate(-10deg);\n}\n30% {\n    -webkit-transform: rotate(5deg);\n            transform: rotate(5deg);\n}\n40% {\n    -webkit-transform: rotate(-5deg);\n            transform: rotate(-5deg);\n}\n50%, 100% {\n    -webkit-transform: rotate(0deg);\n            transform: rotate(0deg);\n}\n}\n.shake{\n   -webkit-animation-name: swing;\n   -webkit-animation-duration: 0.8s;\n   -webkit-transform-origin:50% 50%;\n   -webkit-animation-iteration-count: infinite;\n   -webkit-animation-timing-function: linear;\n}\n\n","",{version:3,sources:["D:/myproject/new-singsingH5/src/components/buy/src/components/buy/index.vue"],names:[],mappings:";AA2fA;EACA,gBAAA;CACA;AACA;AACA;IACA,iCAAA;YAAA,yBAAA;CACA;AACA;IACA,kCAAA;YAAA,0BAAA;CACA;AACA;IACA,gCAAA;YAAA,wBAAA;CACA;AACA;IACA,iCAAA;YAAA,yBAAA;CACA;AACA;IACA,gCAAA;YAAA,wBAAA;CACA;CACA;AACA;GACA,8BAAA;GACA,iCAAA;GACA,iCAAA;GACA,4CAAA;GACA,0CAAA;CACA",file:"index.vue",sourcesContent:['<template>\r\n  <div class="group-index" ref="index" v-if="groupDetail">\r\n    <swiper :options="swiperOption" class="banner" ref="mySwiper">\r\n      <swiper-slide v-if="groupDetail.goods_desc" v-for="(data,index) in groupDetail.goods_desc.img" :key="index">\r\n        <img :src="data.url"/>\r\n      </swiper-slide>\r\n      <div class="swiper-pagination" slot="pagination"></div>\r\n    </swiper>\r\n    <img :src="refIcon" class="ref-icon shake" @click="goToActivity();buttonClick(\'功能\',\'生成海报\')" v-if="groupDetail.is_auth_user === 1">\r\n    <div class="head">\r\n      <div class="title">\r\n        {{groupDetail.name}}\r\n      </div>\r\n      <span class="detail">\r\n                {{groupDetail.goods_desc.desc}}\r\n            </span>\r\n      <div class="price">\r\n        <span class="price-content">￥{{groupDetail.current_price/100}}元</span>\r\n        <span style="text-decoration:line-through;color: #bbb;font-size: 14px" v-if="groupDetail.goods_type === 1 && groupDetail.original_price > groupDetail.current_price">￥{{groupDetail.original_price/100}}</span>\r\n      </div>\r\n    </div>\r\n    <div class="head-icon">\r\n      <img class="icon" v-for="(data,index) in groupDetail.header_url" v-if="index<5" :src="data" :key="data">\r\n      <img class="more" :src="moreUrl"/>\r\n      <span class="has">已售{{groupDetail.has_group_num}}件</span>\r\n    </div>\r\n    <div class="welfare" v-if="groupDetail.head_welfare && groupDetail.head_welfare !== \'\' && groupDetail.head_welfare !== null">\r\n      团长福利：{{groupDetail.head_welfare}}\r\n    </div>\r\n    <div class="main-detail">\r\n      <div class="tab-content">\r\n        <div :class="{\'tab-btn\':true,active:tabType}" @click="tabType=true;buttonClick(\'展示\',\'图文详情\')">图文详情</div>\r\n        <div :class="{\'tab-btn\':true,active:!tabType}" @click="tabType=false;buttonClick(\'展示\',\'购买须知\')">购买须知</div>\r\n      </div>\r\n      <div v-if="tabType" class="detail">\r\n        <div v-html="groupDetail.desc.detail" class="detail-content"></div>\r\n      </div>\r\n      <div v-if="!tabType" class="qa-block">\r\n        <div class="qa-content qaDetail" v-html="groupDetail.desc.qa">\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <div v-if="groupDetail.desc.customer_service[0]">\r\n      <mt-popup v-model="popupVisible">\r\n        <div class="pop-block">\r\n          <img v-if="popType" :src="qrCode"/>\r\n          <img v-if="!popType" :src="groupDetail.desc.customer_service[0].url"/>\r\n          <div>\r\n            <span v-if="popType" v-html="popcontentW"></span>\r\n            <span v-if="!popType" v-html="popcontentT"></span>\r\n          </div>\r\n          <img class="close" :src="closeUrl" @click="popupVisible = false">\r\n        </div>\r\n      </mt-popup>\r\n    </div>\r\n    <mt-popup v-model="popFill" :closeOnClickModal="false">\r\n      <div class="pop-fill">\r\n        您好，本次拼团已经结束。您可以选择重新开团或单独购买\r\n        <div class="btn-block">\r\n          <div class="btn" @click="rePlay()">重新开团</div>\r\n        </div>\r\n      </div>\r\n    </mt-popup>\r\n    <mt-popup v-model="refVisible" style="background-color: transparent;margin-top: -80vw;margin-left: -40vw;transform: none">\r\n      <div :style="{backgroundImage:`url(${refBg})`}" class="ref-content"\r\n           v-if="groupDetail.share_desc.refImg && groupDetail.share_desc.refImg.length > 0">\r\n        <div class="tips">\r\n          长按保存图片\r\n        </div>\r\n      </div>\r\n      <div class="img-cvs" id="capture" ref="imageWrapper" v-if="groupDetail.share_desc.refImg && groupDetail.share_desc.refImg.length > 0">\r\n        <img :src="groupDetail.share_desc.refImg[0].url">\r\n        <div id="qrcode" class="qrcode">\r\n        </div>\r\n      </div>\r\n      <img :src="dataURL" class="cvs-img"/>\r\n    </mt-popup>\r\n    <div v-if="groupDetail.status === 1 && invite_code_f">\r\n    <footer v-if="groupDetail.goods_type && groupDetail.goods_type === 2">\r\n      <div class="btn" @click="showTeacher();buttonClick(\'老师\',\'客服\')"  v-if="groupDetail.desc.customer_service[0]">\r\n        <img :src="weChatIcon"/>\r\n      </div>\r\n      <div class="btn big price full" v-if="groupData && groupData.status !== 0">\r\n        <div v-if="groupId">该团已满</div>\r\n      </div>\r\n      <div :class=" groupData && groupData.status !== 0 ? \'btn big price\':\'btn big\'" @click="groupPay(0)" :id="groupId ? \'reGroup\':\'singleBuy\'">\r\n        <span v-if="!groupId">￥{{groupDetail.original_price/100}}</span>\r\n        <div v-if="!groupId">单独购</div>\r\n        <span v-if="groupId">￥{{groupDetail.current_price/100}}</span>\r\n        <div v-if="groupId">重新开团</div>\r\n      </div>\r\n      <div class="btn big price" @click="groupPay(1)" :id="groupId ? \'joinGroup\':\'newGroup\'" v-if="!groupData || groupData.status === 0">\r\n        <span>￥{{groupDetail.current_price/100}}</span>\r\n        <div v-if="!groupId">{{groupDetail.desc.group_number}}人团</div>\r\n        <div v-if="groupId">立即参团</div>\r\n      </div>\r\n\r\n    </footer>\r\n    <footer v-if="groupDetail.goods_type && groupDetail.goods_type !== 2">\r\n      <div class="btn" @click="showTeacher();buttonClick(\'功能\',\'客服\')" v-if="groupDetail.desc.customer_service[0]">\r\n        <img :src="weChatIcon"/>\r\n      </div>\r\n      <div class="btn big price" @click="groupPay(1)">\r\n        <span>￥{{groupDetail.current_price/100}}</span>\r\n        <div>立即购买</div>\r\n      </div>\r\n    </footer>\r\n    </div>\r\n    <div v-if="groupDetail.status !== 1">\r\n      <footer>\r\n        <div style="color: #888">\r\n          已售罄\r\n        </div>\r\n      </footer>\r\n    </div>\r\n    <mt-popup\r\n      v-model="bindMobile.show"\r\n      class="bindMobile-block"\r\n      position="bottom">\r\n      <div class="bindMobile-main">\r\n        <img :src="groupDetail.goods_desc.img[0].url" class="header">\r\n        <div class="title">\r\n          {{groupDetail.name}}\r\n          <br>\r\n          <span style="color: red;font-weight: normal">￥{{(groupDetail.current_price/100).toFixed(2)}}</span>\r\n        </div>\r\n        <mt-field style="font-size: 14px" label="手机号" placeholder="请输入手机号" v-model="bindMobile.mobile"></mt-field>\r\n        <mt-field label="图片验证" placeholder="请输入验证码" v-model="bindMobile.img_code">\r\n          <img src="/api/public/img/verify" style="width: 35vw;margin-left: 5px" class="right-btn" ref="imgCode" @click="refImgCode"/>\r\n        </mt-field>\r\n        <mt-field label="短信验证" placeholder="短信验证码" v-model="bindMobile.verify_code">\r\n          <button class="codeMsg right-btn" @click="sendMobileCode" v-if="time===0">发送验证码</button>\r\n          <button class="codeMsg disabled right-btn" v-if="time>0">{{time}}s后重新发送</button>\r\n        </mt-field>\r\n        <mt-button type="danger" style="width: 100%;margin-top: 10px" @click="onBindMobile">下一步</mt-button>\r\n      </div>\r\n    </mt-popup>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\n  import \'swiper/dist/css/swiper.css\'\r\n  import { swiper, swiperSlide } from \'vue-awesome-swiper\'\r\n  import { Toast  } from \'mint-ui\';\r\n  import {getwechatParam,getGoodsDetailApi,bindMobileApi,getUserDetailApi,sendMobileCodeApi,getGroupDetailApi,getStatusWechatApi} from "../../service/api";\r\n  import refBg from \'../../assets/refBg.png\'\r\n  import moreUrl from \'../../assets/moreIcon.png\'\r\n  import weChatIcon from \'../../assets/wechatIcon.png\'\r\n  import weChatQrUrl from \'../../assets/weChatCode.png\'\r\n  import closeUrl from \'../../assets/closemy.png\'\r\n  export default {\r\n    name: "index",\r\n    components: {\r\n      swiper,\r\n      swiperSlide,\r\n    },\r\n    data(){\r\n      return {\r\n        refBg:refBg,\r\n        bindMobile:{\r\n          show:false,\r\n          mobile:\'\',\r\n          img_code:\'\',\r\n          verify_code:\'\'\r\n        },\r\n        join:false,\r\n        popType:false,\r\n        popFill:false,\r\n        popupVisible:false,\r\n        refVisible:false,\r\n        tabType:true,\r\n        popcontentW:`您已经购买过课程，无需重复<br>购买，您可以添加微信公众号了解更多`,\r\n        popcontentT:`为了更好地为您进行课程服务，<br>请扫码添加老师二维码`,\r\n        qrCode:weChatQrUrl,\r\n        weChatIcon:weChatIcon,\r\n        closeUrl:closeUrl,\r\n        moreUrl:moreUrl,\r\n        refIcon:\'https://cdn.singsingenglish.com/new-sing/b7f43ced8f8268655c2c5b289360df990ec8f18e.png\',\r\n        swiperOption: {\r\n          pagination: {\r\n            el: \'.swiper-pagination\'\r\n          }\r\n        },\r\n        QRCodeB:false,\r\n        payFlag:true,\r\n        dataURL:null,\r\n        time:0,\r\n        user_id:null,\r\n        invite_code_f:true,\r\n        invite_code:\'\',\r\n        this_code:\'\',\r\n        shopId:\'\',\r\n        buyType:\'\',\r\n        groupId:null,\r\n        groupDetail:false,\r\n        groupData:null,\r\n      }\r\n    },\r\n    mounted(){\r\n      this.getDetail();\r\n    },\r\n    methods:{\r\n      onBindMobile(){\r\n        this.$sa.track(\'clickSignUp\',{});\r\n        if(this.payFlag){\r\n          this.payFlag = false;\r\n          if(this.bindMobile.verify_code===\'\'||!this.bindMobile.verify_code) {\r\n            Toast(\'请填写手机验证码\');\r\n            return false;\r\n          }\r\n          let json={\r\n            verify_code:this.bindMobile.verify_code\r\n          };\r\n          let mobileCheck = /^(13[0-9]|14[579]|15[0-3,5-9]|16[6]|17[0135678]|18[0-9]|19[89])\\d{8}$/;\r\n          if(this.bindMobile.mobile.match(mobileCheck)){\r\n            json.mobile = this.bindMobile.mobile\r\n          }else{\r\n            Toast(\'请正确填写手机号\');\r\n            return false\r\n          }\r\n          bindMobileApi(json).then(data=>{\r\n            getUserDetailApi().then(res=>{\r\n              localStorage.setItem(\'userDesc\',JSON.stringify(res));\r\n              this.payFlag = true;\r\n              this.goToBuyPage()\r\n            })\r\n          }).catch(res=>{\r\n            this.refImgCode();\r\n            this.payFlag = true\r\n          })\r\n        }\r\n      },\r\n      timeO(){\r\n        if(this.time>0){\r\n          this.time--;\r\n          setTimeout(()=>{\r\n            this.timeO()\r\n          },1000)\r\n        }\r\n      },\r\n      goToBuyPage(){\r\n        let query = {shopId: this.shopId,invite_code:this.invite_code};\r\n        if(this.groupId){\r\n          query.group_order_id = this.groupId\r\n        }\r\n        if(this.buyType === 0 && !this.groupId){\r\n          query.type=\'single\';\r\n          this.buyType = \'single\';\r\n        }else if (this.buyType === 0 && this.groupId){\r\n          this.$router.push({\r\n            name: \'buyDetail\',\r\n            query:{\r\n              shopId:this.shopId,\r\n              invite_code:this.invite_code\r\n            }\r\n          });\r\n          window.location.reload();\r\n          return false\r\n        } else{\r\n          query.type=\'\'\r\n        }\r\n        let invite = this.invite_code;\r\n        this.$sa.track(\'buyCourse\',{\r\n          buyType:this.groupDetail.goods_type === 2 && buyType !== \'single\' ? \'团购\' : \'直购\',\r\n          goodsID:this.shopId,\r\n          salesType:invite?invite.split(\'-\')[1]:\'null\',\r\n          salesID:invite?Number(invite.split(\'-\')[2]):0\r\n        });\r\n\r\n        if(window.location.href.indexOf(\'gdt_vid\')>-1){\r\n          query.gdt_vid = this.$route.query.gdt_vid\r\n        }\r\n        if(window.location.href.indexOf(\'cct_user_id\')>-1){\r\n          query.cct_user_id = this.$route.query.cct_user_id\r\n        }\r\n        this.$router.push({\r\n          name: \'buy\',\r\n          query:query\r\n        });\r\n        this.$nextTick(()=>{\r\n          this.payFlag=true;\r\n        });\r\n      },\r\n      refImgCode(){\r\n        this.$refs.imgCode.src=\'/api/public/img/verify?flag=\'+Math.random()\r\n      },\r\n      sendMobileCode(){\r\n        if(this.bindMobile.img_code===\'\'||!this.bindMobile.img_code){\r\n          Toast({message:\'请填写图形验证码\'});\r\n          return false;\r\n        }\r\n        let json={\r\n          img_code:this.bindMobile.img_code\r\n        };\r\n\r\n        let mobileCheck = /^(13[0-9]|14[579]|15[0-3,5-9]|16[6]|17[0135678]|18[0-9]|19[89])\\d{8}$/;\r\n        if(this.bindMobile.mobile.match(mobileCheck)){\r\n          json.mobile = this.bindMobile.mobile\r\n        }else{\r\n          Toast(\'请正确填写手机号\');\r\n          return false\r\n        }\r\n        this.time=30;\r\n        this.timeO();\r\n\r\n        this.$sa.track(\'clickSendcode\',{});\r\n        sendMobileCodeApi(json).then(res=>{\r\n          if(res === \'操作成功\'){\r\n            Toast(\'验证码已发送\');\r\n          }else{\r\n            this.time = 0;\r\n            this.refImgCode();\r\n            Toast(res);\r\n          }\r\n        }).catch(res=>{\r\n          this.refImgCode();\r\n        })\r\n      },\r\n      goToActivity(){\r\n        let query = {}\r\n        if(window.location.href.indexOf(\'shopId\')>-1){\r\n          query.shopId = this.$route.query.shopId;\r\n        }\r\n        if(window.location.href.indexOf(\'groupId\')>-1){\r\n          query.groupId = this.$route.query.groupId;\r\n        }\r\n        if(window.location.href.indexOf(\'invite_code\')> -1) {\r\n          query.invite_code = this.$route.query.invite_code;\r\n        }\r\n        this.$router.push({name:\'activity\',query:query})\r\n      },\r\n      enableShare: function(option) {\r\n        let that = this;\r\n        getwechatParam({\r\n          api_list:   \'onMenuShareAppMessage,onMenuShareTimeline\',\r\n          url:window.location.href.split(\'#\')[0]\r\n        }).then(wechatRes => {\r\n          wx.config({\r\n            debug: false,\r\n            appId: wechatRes.appId,\r\n            timestamp: parseInt(wechatRes.timestamp),\r\n            nonceStr: wechatRes.nonceStr,\r\n            signature: wechatRes.signature,\r\n            jsApiList: wechatRes.jsApiList\r\n          });\r\n          wx.ready(function() {\r\n            wx.onMenuShareTimeline({\r\n              title: option.product_title, // 分享标题\r\n              desc: option.desc,// 分享描述\r\n              link: option.shareUrl, // 分享链接\r\n              imgUrl: option.shareIcon || \'https://cdn.singsingenglish.com/singsing/recommend/logo-refer.png\', // 分享图标\r\n              success: function() {\r\n                console.log(\'分享成功\');\r\n              },\r\n              cancel: function() {\r\n                // alert("失败")\r\n                console.log(\'分享失败\')\r\n              }\r\n            });\r\n            wx.onMenuShareAppMessage({\r\n              title: option.product_title, // 分享标题\r\n              desc: option.desc,// 分享描述\r\n              link: option.shareUrl, // 分享链接\r\n              imgUrl: option.shareIcon || \'https://cdn.singsingenglish.com/singsing/recommend/logo-refer.png\', // 分享图标\r\n              success: function() {\r\n              },\r\n              cancel: function() {\r\n              }\r\n            });\r\n          })\r\n        })\r\n      },\r\n      handleInviteCode(){\r\n        if(!this.invite_code){\r\n          this.this_code = \'CC-USER-\'+this.user_id;\r\n        }else{\r\n          let invite_code = this.invite_code.split(\'-\');\r\n          if(invite_code.length > 2 && (invite_code[1] === \'TEACHER\' ||invite_code[1] === \'XXMM\'  ) ){\r\n            invite_code[1] = \'USER\'\r\n          }\r\n          let code = `${invite_code[0]}-${invite_code[1]}`;\r\n          this.this_code = `${code}-${this.user_id}`;\r\n        }\r\n      },\r\n      onShare: function(type) {\r\n        this.handleInviteCode();\r\n        let URL = `${process.env.BUY_URL}shopId=${this.shopId}&invite_code=${this.this_code}`\r\n        this.enableShare({\r\n          product_title: this.groupDetail.share_desc.title,\r\n          desc: this.groupDetail.share_desc.content,\r\n          shareIcon:this.groupDetail.share_desc.img[0].url,\r\n          shareUrl:URL\r\n        })\r\n      },\r\n      toDataURLBase64 (src, callback) {\r\n        let xhttp = new XMLHttpRequest();\r\n        xhttp.onload = function () {\r\n          let fileReader = new FileReader();\r\n          fileReader.onloadend = function () {\r\n            callback(fileReader.result)\r\n          };\r\n          fileReader.readAsDataURL(xhttp.response)\r\n        };\r\n        xhttp.responseType = \'blob\';\r\n        xhttp.open(\'GET\', src, true);\r\n        xhttp.send()\r\n      },\r\n      // 初始化\r\n      getDetail(){\r\n        if(window.location.href.indexOf(\'invite_code\')> -1){\r\n          this.invite_code = this.$route.query.invite_code;\r\n          let l = this.invite_code.split(\'-\').length;\r\n          if(l === 2 ){\r\n            this.invite_code_f = false\r\n          }\r\n        }\r\n            this.user_id=JSON.parse(localStorage.getItem(\'userDesc\')).user_id;\r\n        if(window.location.href.indexOf(\'shopId\')>-1){\r\n          this.shopId = this.$route.query.shopId;\r\n          getGoodsDetailApi(this.shopId).then(res=>{\r\n            res.desc = JSON.parse(res.desc);\r\n            res.goods_desc = JSON.parse(res.goods_desc);\r\n            res.share_desc = JSON.parse(res.share_desc);\r\n            //商品下架跳转绑定商品\r\n            if(res.status === 2 && res.bind_goods_id){\r\n              this.$router.push({name:\'buyDetail\',query:{shopId:res.bind_goods_id,invite_code:this.invite_code}});\r\n              this.getDetail();\r\n              return\r\n            }\r\n            this.groupDetail = res;\r\n            for (let i = 0;i<this.groupDetail.header_url.length;i++){\r\n              this.groupDetail.header_url[i]=this.groupDetail.header_url[i].replace(\'http://\',\'https://\')\r\n            }\r\n            this.groupDetail.desc.detail = this.groupDetail.desc.detail.replace(/http:\\/\\//g,\'https://\');\r\n            this.groupDetail.desc.qa = this.groupDetail.desc.qa.replace(/http:\\/\\//g,\'https://\');\r\n            if(this.groupDetail.share_desc.refImg && this.groupDetail.share_desc.refImg.length === 1){\r\n              this.groupDetail.share_desc.refImg[0].url = this.groupDetail.share_desc.refImg[0].url.replace(\'http://\',\'https://\');\r\n              let _this = this;\r\n              this.toDataURLBase64(this.groupDetail.share_desc.refImg[0].url, function (avatarUrl) {\r\n                _this.groupDetail.share_desc.refImg[0].url = avatarUrl;\r\n              });\r\n            }\r\n            let invite = this.invite_code;\r\n            this.$sa.track(\'viewCourseDetail\',{\r\n              goodsID:this.groupDetail.id.toString(),\r\n              courseCate:this.groupDetail.course_type === 1 ? \'体验课\' : \'正式课\',\r\n              lessonNumber:this.groupDetail.watch_num,\r\n              goodsName:this.groupDetail.name,\r\n              coursePrice:Number(this.groupDetail.original_price/100),\r\n              discountPrice:Number(this.groupDetail.current_price/100),\r\n              courseID:this.groupDetail.course_id,\r\n              courseName:\'\',\r\n              salesType:invite?invite.split(\'-\')[1]:\'null\',\r\n              salesID:invite?Number(invite.split(\'-\')[2]):0\r\n            });\r\n            if(this.groupDetail.goods_type === 2){\r\n              if(localStorage.getItem(\'cc_token\')){\r\n                getStatusWechatApi({goods_id:this.shopId}).then(res=>{\r\n                  if(res.out_trade_no){\r\n                    if(res.buy_type === 1){\r\n                      this.$router.push({name:\'buySuccess\',query:{out_trade_no:res.out_trade_no}});\r\n                    }else{\r\n                      this.$router.push({name:\'success\',query:{out_trade_no:res.out_trade_no}});\r\n                    }\r\n                  }\r\n                });\r\n              }\r\n              if(window.location.href.indexOf(\'groupId\')>-1){\r\n                this.groupId = this.$route.query.groupId;\r\n                getGroupDetailApi(this.groupId).then(res=>{\r\n                  this.groupData = res\r\n                });\r\n                this.onShare(0)\r\n              }else{\r\n                this.onShare(1)\r\n              }\r\n            }else{\r\n              this.onShare(1)\r\n              this.handleInviteCode()\r\n            }\r\n          })\r\n        }\r\n      },\r\n      showTeacher(){\r\n        this.popType = false;\r\n        this.popupVisible = true\r\n      },\r\n      buttonClick(buttonType,buttonName){\r\n        this.$sa.track(\'buttonClick\',{\r\n          tabTitle:\'商品\',\r\n          moduleTitle:\'详情页\',\r\n          buttonType:buttonType,\r\n          buttonName:buttonName\r\n        });\r\n      },\r\n      groupPay(type){\r\n        if(!JSON.parse(localStorage.getItem(\'userDesc\')).mobile|| JSON.parse(localStorage.getItem(\'userDesc\')).mobile === \'\'){\r\n          this.bindMobile.show = true\r\n        }else{\r\n          this.buyType = type;\r\n          this.goToBuyPage();\r\n        }\r\n      }\r\n    }\r\n  }\r\n<\/script>\r\n<style>\r\n  img,video{\r\n    max-width: 100%;\r\n  }\r\n  @-webkit-keyframes swing {\r\n    10% {\r\n      transform: rotate(15deg);\r\n    }\r\n    20% {\r\n      transform: rotate(-10deg);\r\n    }\r\n    30% {\r\n      transform: rotate(5deg);\r\n    }\r\n    40% {\r\n      transform: rotate(-5deg);\r\n    }\r\n    50%, 100% {\r\n      transform: rotate(0deg);\r\n    }\r\n  }\r\n  .shake{\r\n     -webkit-animation-name: swing;\r\n     -webkit-animation-duration: 0.8s;\r\n     -webkit-transform-origin:50% 50%;\r\n     -webkit-animation-iteration-count: infinite;\r\n     -webkit-animation-timing-function: linear;\r\n   }\r\n\r\n</style>\r\n<style scoped lang="less">\r\n  @import "../../util/public";\r\n  .img-cvs{\r\n    position: absolute;\r\n    width: 233 * @toVw;\r\n    top: 176 * @toVw;\r\n    left: 29 * @toVw;\r\n    .qrcode{\r\n      position: absolute;\r\n      top: 305 * @toVw;\r\n      left: 15 * @toVw;\r\n      width: 60 * @toVw;\r\n    }\r\n  }\r\n  .cvs-img{\r\n    position: absolute;\r\n    width: 233 * @toVw;\r\n    top: 176 * @toVw;\r\n    left: 29 * @toVw;\r\n    z-index: 10;\r\n  }\r\n  .ref-content{\r\n    width: 299 * @toVw;\r\n    height: 564 * @toVw;\r\n    background-size: 100% 100%;\r\n    position: relative;\r\n    .tips{\r\n      font-size: 12px;\r\n      position: absolute;\r\n      color: #666;\r\n      right: 10 * @toVw;\r\n      top: 250 * @toVw;\r\n      width: 1em;\r\n    }\r\n  }\r\n  .group-index{\r\n    height: 100%;\r\n    padding-bottom: toVw(150);\r\n    background: #f0f0f0;\r\n    font-family: PingFangSC-Regular;\r\n\r\n    .bindMobile-block.mint-popup{\r\n      border-radius: 0;\r\n      width: 100%;\r\n      font-size:14*@toVw;\r\n      background: transparent;\r\n      /deep/ .mint-cell-text{\r\n        font-size: 14*@toVw;\r\n      }\r\n      /deep/ .mint-field-core{\r\n        font-size: 14*@toVw;\r\n      }\r\n      .codeMsg{\r\n        border-radius:100*@toVw;\r\n        border:1*@toVw solid rgba(96,173,240,1);\r\n        background: white;\r\n        font-size: 12*@toVw;\r\n        color: rgb(96,173,240);\r\n        outline: none;\r\n        float: right;\r\n        padding: 4*@toVw 10*@toVw;\r\n        &.disabled{\r\n          opacity: 0.5;\r\n        }\r\n      }\r\n      .bindMobile-main{\r\n        background: white;\r\n        position: relative;\r\n        margin-top: 50*@toVw;\r\n        .header{\r\n          width: 70*@toVw;\r\n          top: -30*@toVw;\r\n          left: 15*@toVw;\r\n          height: 70*@toVw;\r\n          position: absolute;\r\n        }\r\n        .title{\r\n          padding-left: 95*@toVw;\r\n          padding-top: 5*@toVw;\r\n          font-family:PingFang-SC-Bold;\r\n          font-weight:bold;\r\n        }\r\n      }\r\n    }\r\n    .ref-icon{\r\n      position: fixed;\r\n      height: 100/375 * 90vw ;\r\n      top: 70vw;\r\n      z-index: 6;\r\n      right: 10 * 100 /375vw;\r\n      /*border-radius: 100px;*/\r\n    }\r\n    .banner{\r\n      background: white;\r\n      img{\r\n        width: 100%;\r\n      }\r\n    }\r\n    .head{\r\n      background: white;\r\n      margin-bottom: 10px;\r\n      padding: 20/7.5vw;\r\n      .title{\r\n        font-size: 20px;\r\n        color: #333333;\r\n        margin-bottom: 15/7.5vw;\r\n      }\r\n      .detail{\r\n        font-size: 12px;\r\n        line-height: 1.6em;\r\n        color: #333333;\r\n        display: block;\r\n        margin-bottom: 15/7.5vw;\r\n      }\r\n      .price{\r\n        .price-content{\r\n          font-family: PingFang-SC-Bold;\r\n          font-size: 20px;\r\n          color: #F83534;\r\n        }\r\n      }\r\n    }\r\n    .head-icon{\r\n      padding: 20/7.5vw;\r\n      background: white;\r\n      margin-bottom: 2px;\r\n      .icon{\r\n        display: inline-block;\r\n        width: 60/7.5vw;\r\n        margin: 0 10/7.5vw;\r\n        border-radius: 1000px;\r\n        vertical-align: middle;\r\n      }\r\n      .more{\r\n        width: 50/7.5vw;\r\n        vertical-align: middle;\r\n      }\r\n      .has{\r\n        font-size: 12px;\r\n        line-height: 60/7.5vw;\r\n        color: #999999;\r\n        float: right;\r\n      }\r\n    }\r\n    .welfare{\r\n      background: white;\r\n      padding:10/7.5vw ;\r\n      font-size: 12px;\r\n      text-align: center;\r\n      color: #999999;\r\n      margin-bottom: 20px;\r\n    }\r\n    .main-detail{\r\n      padding: 20/7.5vw;\r\n      background: white;\r\n      .tab-content{\r\n        border-radius: 9px ;\r\n        border: 1px solid #F63539;\r\n        &:after{\r\n          content: \'\';\r\n          display: block;\r\n          clear: both;\r\n        }\r\n        .tab-btn{\r\n          width: 50%;\r\n          float: left;\r\n          height: 80/7.5vw;\r\n          line-height: 80/7.5vw;\r\n          text-align: center;\r\n          color: #F63539;\r\n          border-radius:9px ;\r\n          &.active{\r\n            background: #F63539;\r\n            color: white;\r\n          }\r\n        }\r\n      }\r\n      .qa-block{\r\n        padding: 20/7.5vw 0 toVw(150) 0;\r\n        img,video{\r\n          max-width: 100%;\r\n        }\r\n        .qa-content{\r\n          margin: toVw(10) 0;\r\n          .qa-q{\r\n            font-size: 16px;\r\n            color: #666666;\r\n          }\r\n          .qa-a{\r\n            font-size: 16px;\r\n            color: #333333;\r\n          }\r\n        }\r\n      }\r\n      .detail{\r\n        padding: 20/7.5vw 0 150/7.5vw 0;\r\n        .detail-content{\r\n          img,video{\r\n            max-width: 100%;\r\n          }\r\n        }\r\n\r\n      }\r\n    }\r\n    footer{\r\n      position: absolute;\r\n      position: fixed;\r\n      bottom: 0;\r\n      width: 97.7vw;\r\n      height: 120/7.5vw;\r\n      display: -webkit-box;      // OLD - iOS 6-, Safari 3.1-6 //\r\n      display: -moz-box;         // OLD - Firefox 19- (buggy but mostly works) //\r\n      display: -ms-flexbox;      // TWEENER - IE 10 //\r\n      display: -webkit-flex;     // NEW - Chrome //\r\n      display: flex;             // NEW, Spec - Opera 12.1, Firefox 20+ //\r\n      background: white;\r\n      padding: 1.3vw;\r\n      border-top: 1px solid #d8d8d8;\r\n      justify-content:space-around;\r\n      .btn{\r\n        border: 1px solid #cccccc;\r\n        border-radius: 8px;\r\n        width:0;\r\n        flex-grow:2;\r\n        text-align: center;\r\n        padding: 15/7.5vw 0;\r\n        margin: 0 10/7.5vw;\r\n        line-height: 1.4em;\r\n        font-size: 16px;\r\n        color: #666666;\r\n        span{\r\n          display: block;\r\n          font-size: 20px;\r\n          font-family: PingFang-SC-Bold;\r\n        }\r\n        img{\r\n          width: 50/7.5vw;\r\n        }\r\n        &.big{\r\n          padding: 5/7.5vw 0;\r\n          flex-grow:5;\r\n          &.price{\r\n            background:  #F83534;\r\n            border-color: #F83534;\r\n            color: white;\r\n            &.full{\r\n              background: #dddddd;\r\n              border-color: #dddddd;\r\n              line-height: 50*@toVw;\r\n            }\r\n          }\r\n        }\r\n      }\r\n    }\r\n    .pop-block{\r\n      padding:40/7.5vw 10/7.5vw;\r\n      width: 600/7.5vw;\r\n      text-align: center;\r\n      font-size: 14px;\r\n      color: #666666;\r\n      position: relative;\r\n      img{\r\n        width: 250/7.5vw;\r\n      }\r\n      .close{\r\n        width: 50/7.5vw;\r\n        position: absolute;\r\n        top: 20/7.5vw;\r\n        right: 20/7.5vw;\r\n      }\r\n    }\r\n    .mint-popup{\r\n      border-radius: 10px;\r\n    }\r\n    .pop-fill{\r\n      width: 500/7.5vw;\r\n      padding:30/7.5vw 30/7.5vw;\r\n      font-size: 16px;\r\n      color: #333333;\r\n      .btn-block{\r\n        margin-top: 30/7.5vw;\r\n        &:after{\r\n          content:\'\';\r\n          display: block;\r\n          clear: both;\r\n        }\r\n        .btn{\r\n          float: right;\r\n          background: #F83534;\r\n          font-size: 14px;\r\n          padding: 5/7.5vw 10/7.5vw;\r\n          border-radius: 8px;\r\n          color: #FFFFFF;\r\n        }\r\n      }\r\n    }\r\n  }\r\n</style>\r\n'],sourceRoot:""}])}});
+//# sourceMappingURL=12.16d365283096b3c84e40.js.map
\ No newline at end of file
--- a/dev/static/js/12.16d365283096b3c84e40.js.map
+++ b/dev/static/js/12.16d365283096b3c84e40.js.map
--- a/dev/static/js/12.e1d40279d195b0a3be2e.js
+++ b/dev/static/js/12.e1d40279d195b0a3be2e.js
-webpackJsonp([12],{"5W4P":function(n,e,t){(n.exports=t("FZ+f")(!0)).push([n.i,"\n.fl-r[data-v-ff30e8ae] {\n  float: right;\n}\n.main-block[data-v-ff30e8ae] {\n  margin: 5px;\n  background: white;\n  padding: 5px;\n}\n.clear-both[data-v-ff30e8ae]:after {\n  content: '';\n  display: block;\n  clear: both;\n}\n[data-v-ff30e8ae]::-webkit-scrollbar-track-piece {\n  border-radius: 10px;\n}\n[data-v-ff30e8ae]::-webkit-scrollbar {\n  width: 5px;\n  height: 5px;\n}\n[data-v-ff30e8ae]::-webkit-scrollbar-thumb {\n  background-color: #999;\n  border-radius: 10px;\n  height: 10px;\n  min-height: 10px;\n}\n.img-cvs[data-v-ff30e8ae] {\n  position: absolute;\n  width: 62.13333333vw;\n  top: 46.93333333vw;\n  left: 7.73333333vw;\n}\n.img-cvs .qrcode[data-v-ff30e8ae] {\n  position: absolute;\n  top: 81.33333333vw;\n  left: 4vw;\n  width: 16vw;\n}\n.cvs-img[data-v-ff30e8ae] {\n  position: absolute;\n  width: 62.13333333vw;\n  top: 46.93333333vw;\n  left: 7.73333333vw;\n  z-index: 10;\n}\n.ref-content[data-v-ff30e8ae] {\n  width: 79.73333333vw;\n  height: 150.4vw;\n  background-size: 100% 100%;\n  position: relative;\n}\n.ref-content .tips[data-v-ff30e8ae] {\n  font-size: 12px;\n  position: absolute;\n  color: #666;\n  right: 2.66666667vw;\n  top: 66.66666667vw;\n  width: 1em;\n}\n.group-index[data-v-ff30e8ae] {\n  height: 100%;\n  padding-bottom: toVw(150);\n  background: #f0f0f0;\n  font-family: PingFangSC-Regular;\n}\n.group-index .ref-icon[data-v-ff30e8ae] {\n  position: fixed;\n  height: 24vw;\n  top: 70vw;\n  z-index: 6;\n  right: 2.66666667vw;\n  /*border-radius: 100px;*/\n}\n.group-index .banner[data-v-ff30e8ae] {\n  background: white;\n}\n.group-index .banner img[data-v-ff30e8ae] {\n  width: 100%;\n}\n.group-index .head[data-v-ff30e8ae] {\n  background: white;\n  margin-bottom: 10px;\n  padding: 2.66666667vw;\n}\n.group-index .head .title[data-v-ff30e8ae] {\n  font-size: 20px;\n  color: #333333;\n  margin-bottom: 2vw;\n}\n.group-index .head .detail[data-v-ff30e8ae] {\n  font-size: 12px;\n  line-height: 1.6em;\n  color: #333333;\n  display: block;\n  margin-bottom: 2vw;\n}\n.group-index .head .price .price-content[data-v-ff30e8ae] {\n  font-family: PingFang-SC-Bold;\n  font-size: 20px;\n  color: #F83534;\n}\n.group-index .head-icon[data-v-ff30e8ae] {\n  padding: 2.66666667vw;\n  background: white;\n  margin-bottom: 2px;\n}\n.group-index .head-icon .icon[data-v-ff30e8ae] {\n  display: inline-block;\n  width: 8vw;\n  margin: 0 1.33333333vw;\n  border-radius: 1000px;\n  vertical-align: middle;\n}\n.group-index .head-icon .more[data-v-ff30e8ae] {\n  width: 6.66666667vw;\n  vertical-align: middle;\n}\n.group-index .head-icon .has[data-v-ff30e8ae] {\n  font-size: 12px;\n  line-height: 8vw;\n  color: #999999;\n  float: right;\n}\n.group-index .welfare[data-v-ff30e8ae] {\n  background: white;\n  padding: 1.33333333vw;\n  font-size: 12px;\n  text-align: center;\n  color: #999999;\n  margin-bottom: 20px;\n}\n.group-index .main-detail[data-v-ff30e8ae] {\n  padding: 2.66666667vw;\n  background: white;\n}\n.group-index .main-detail .tab-content[data-v-ff30e8ae] {\n  border-radius: 9px ;\n  border: 1px solid #F63539;\n}\n.group-index .main-detail .tab-content[data-v-ff30e8ae]:after {\n  content: '';\n  display: block;\n  clear: both;\n}\n.group-index .main-detail .tab-content .tab-btn[data-v-ff30e8ae] {\n  width: 50%;\n  float: left;\n  height: 10.66666667vw;\n  line-height: 10.66666667vw;\n  text-align: center;\n  color: #F63539;\n  border-radius: 9px ;\n}\n.group-index .main-detail .tab-content .tab-btn.active[data-v-ff30e8ae] {\n  background: #F63539;\n  color: white;\n}\n.group-index .main-detail .qa-block[data-v-ff30e8ae] {\n  padding: 2.66666667vw 0 toVw(150) 0;\n}\n.group-index .main-detail .qa-block img[data-v-ff30e8ae],\n.group-index .main-detail .qa-block video[data-v-ff30e8ae] {\n  max-width: 100%;\n}\n.group-index .main-detail .qa-block .qa-content[data-v-ff30e8ae] {\n  margin: toVw(10) 0;\n}\n.group-index .main-detail .qa-block .qa-content .qa-q[data-v-ff30e8ae] {\n  font-size: 16px;\n  color: #666666;\n}\n.group-index .main-detail .qa-block .qa-content .qa-a[data-v-ff30e8ae] {\n  font-size: 16px;\n  color: #333333;\n}\n.group-index .main-detail .detail[data-v-ff30e8ae] {\n  padding: 2.66666667vw 0 20vw 0;\n}\n.group-index .main-detail .detail .detail-content img[data-v-ff30e8ae],\n.group-index .main-detail .detail .detail-content video[data-v-ff30e8ae] {\n  max-width: 100%;\n}\n.group-index footer[data-v-ff30e8ae] {\n  position: absolute;\n  position: fixed;\n  bottom: 0;\n  width: 97.7vw;\n  height: 16vw;\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  background: white;\n  padding: 1.3vw;\n  border-top: 1px solid #d8d8d8;\n  -ms-flex-pack: distribute;\n      justify-content: space-around;\n}\n.group-index footer .btn[data-v-ff30e8ae] {\n  border: 1px solid #cccccc;\n  border-radius: 8px;\n  width: 0;\n  -webkit-box-flex: 2;\n      -ms-flex-positive: 2;\n          flex-grow: 2;\n  text-align: center;\n  padding: 2vw 0;\n  margin: 0 1.33333333vw;\n  line-height: 1.4em;\n  font-size: 16px;\n  color: #666666;\n}\n.group-index footer .btn span[data-v-ff30e8ae] {\n  display: block;\n  font-size: 20px;\n  font-family: PingFang-SC-Bold;\n}\n.group-index footer .btn img[data-v-ff30e8ae] {\n  width: 6.66666667vw;\n}\n.group-index footer .btn.big[data-v-ff30e8ae] {\n  padding: 0.66666667vw 0;\n  -webkit-box-flex: 5;\n      -ms-flex-positive: 5;\n          flex-grow: 5;\n}\n.group-index footer .btn.big.price[data-v-ff30e8ae] {\n  background: #F83534;\n  border-color: #F83534;\n  color: white;\n}\n.group-index footer .btn.big.price.full[data-v-ff30e8ae] {\n  background: #dddddd;\n  border-color: #dddddd;\n  line-height: 13.33333333vw;\n}\n.group-index .pop-block[data-v-ff30e8ae] {\n  padding: 5.33333333vw 1.33333333vw;\n  width: 80vw;\n  text-align: center;\n  font-size: 14px;\n  color: #666666;\n  position: relative;\n}\n.group-index .pop-block img[data-v-ff30e8ae] {\n  width: 33.33333333vw;\n}\n.group-index .pop-block .close[data-v-ff30e8ae] {\n  width: 6.66666667vw;\n  position: absolute;\n  top: 2.66666667vw;\n  right: 2.66666667vw;\n}\n.group-index .mint-popup[data-v-ff30e8ae] {\n  border-radius: 10px;\n}\n.group-index .pop-fill[data-v-ff30e8ae] {\n  width: 66.66666667vw;\n  padding: 4vw 4vw;\n  font-size: 16px;\n  color: #333333;\n}\n.group-index .pop-fill .btn-block[data-v-ff30e8ae] {\n  margin-top: 4vw;\n}\n.group-index .pop-fill .btn-block[data-v-ff30e8ae]:after {\n  content: '';\n  display: block;\n  clear: both;\n}\n.group-index .pop-fill .btn-block .btn[data-v-ff30e8ae] {\n  float: right;\n  background: #F83534;\n  font-size: 14px;\n  padding: 0.66666667vw 1.33333333vw;\n  border-radius: 8px;\n  color: #FFFFFF;\n}\n","",{version:3,sources:["D:/myproject/new-singsingH5/src/components/buy/D:/myproject/new-singsingH5/src/util/public.less","D:/myproject/new-singsingH5/src/components/buy/index.vue","D:/myproject/new-singsingH5/src/components/buy/D:/myproject/new-singsingH5/src/components/buy/index.vue"],names:[],mappings:"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",file:"index.vue",sourcesContent:["//颜色参数\n@toVw:100/375vw;\n@toVh:100/667vh;\n@bg-b: #333;\n@bg-b-s:#444;\n@black-line:#191919;\n@gray-line:#666;\n@light-line:#ddd;\n@main-font-color:#fff;\n@secondary-font-color:#999;\n@gold-color-light:#FFD04B;\n@gold-color: #a18430;\n\n//公共类\n.fl-r{\n  float: right;\n}\n.main-block{\n  margin: 5px;\n  background: white;\n  padding: 5px;\n}\nhtml{\n\n}\n.clear-both{\n  &:after{\n    content: '';\n    display: block;\n    clear: both;\n  }\n}\n//滚动条样式\n::-webkit-scrollbar-track-piece { //滚动条凹槽的颜色，还可以设置边框属性\n  border-radius: 10px;\n}\n::-webkit-scrollbar {//滚动条的宽度\n  width:5px;\n  height:5px;\n}\n::-webkit-scrollbar-thumb {//滚动条的设置\n  background-color:@secondary-font-color;\n  border-radius: 10px;\n  height: 10px;\n  min-height:10px;\n}\n",".fl-r {\n  float: right;\n}\n.main-block {\n  margin: 5px;\n  background: white;\n  padding: 5px;\n}\n.clear-both:after {\n  content: '';\n  display: block;\n  clear: both;\n}\n::-webkit-scrollbar-track-piece {\n  border-radius: 10px;\n}\n::-webkit-scrollbar {\n  width: 5px;\n  height: 5px;\n}\n::-webkit-scrollbar-thumb {\n  background-color: #999;\n  border-radius: 10px;\n  height: 10px;\n  min-height: 10px;\n}\n.img-cvs {\n  position: absolute;\n  width: 62.13333333vw;\n  top: 46.93333333vw;\n  left: 7.73333333vw;\n}\n.img-cvs .qrcode {\n  position: absolute;\n  top: 81.33333333vw;\n  left: 4vw;\n  width: 16vw;\n}\n.cvs-img {\n  position: absolute;\n  width: 62.13333333vw;\n  top: 46.93333333vw;\n  left: 7.73333333vw;\n  z-index: 10;\n}\n.ref-content {\n  width: 79.73333333vw;\n  height: 150.4vw;\n  background-size: 100% 100%;\n  position: relative;\n}\n.ref-content .tips {\n  font-size: 12px;\n  position: absolute;\n  color: #666;\n  right: 2.66666667vw;\n  top: 66.66666667vw;\n  width: 1em;\n}\n.group-index {\n  height: 100%;\n  padding-bottom: toVw(150);\n  background: #f0f0f0;\n  font-family: PingFangSC-Regular;\n}\n.group-index .ref-icon {\n  position: fixed;\n  height: 24vw;\n  top: 70vw;\n  z-index: 6;\n  right: 2.66666667vw;\n  /*border-radius: 100px;*/\n}\n.group-index .banner {\n  background: white;\n}\n.group-index .banner img {\n  width: 100%;\n}\n.group-index .head {\n  background: white;\n  margin-bottom: 10px;\n  padding: 2.66666667vw;\n}\n.group-index .head .title {\n  font-size: 20px;\n  color: #333333;\n  margin-bottom: 2vw;\n}\n.group-index .head .detail {\n  font-size: 12px;\n  line-height: 1.6em;\n  color: #333333;\n  display: block;\n  margin-bottom: 2vw;\n}\n.group-index .head .price .price-content {\n  font-family: PingFang-SC-Bold;\n  font-size: 20px;\n  color: #F83534;\n}\n.group-index .head-icon {\n  padding: 2.66666667vw;\n  background: white;\n  margin-bottom: 2px;\n}\n.group-index .head-icon .icon {\n  display: inline-block;\n  width: 8vw;\n  margin: 0 1.33333333vw;\n  border-radius: 1000px;\n  vertical-align: middle;\n}\n.group-index .head-icon .more {\n  width: 6.66666667vw;\n  vertical-align: middle;\n}\n.group-index .head-icon .has {\n  font-size: 12px;\n  line-height: 8vw;\n  color: #999999;\n  float: right;\n}\n.group-index .welfare {\n  background: white;\n  padding: 1.33333333vw;\n  font-size: 12px;\n  text-align: center;\n  color: #999999;\n  margin-bottom: 20px;\n}\n.group-index .main-detail {\n  padding: 2.66666667vw;\n  background: white;\n}\n.group-index .main-detail .tab-content {\n  border-radius: 9px ;\n  border: 1px solid #F63539;\n}\n.group-index .main-detail .tab-content:after {\n  content: '';\n  display: block;\n  clear: both;\n}\n.group-index .main-detail .tab-content .tab-btn {\n  width: 50%;\n  float: left;\n  height: 10.66666667vw;\n  line-height: 10.66666667vw;\n  text-align: center;\n  color: #F63539;\n  border-radius: 9px ;\n}\n.group-index .main-detail .tab-content .tab-btn.active {\n  background: #F63539;\n  color: white;\n}\n.group-index .main-detail .qa-block {\n  padding: 2.66666667vw 0 toVw(150) 0;\n}\n.group-index .main-detail .qa-block img,\n.group-index .main-detail .qa-block video {\n  max-width: 100%;\n}\n.group-index .main-detail .qa-block .qa-content {\n  margin: toVw(10) 0;\n}\n.group-index .main-detail .qa-block .qa-content .qa-q {\n  font-size: 16px;\n  color: #666666;\n}\n.group-index .main-detail .qa-block .qa-content .qa-a {\n  font-size: 16px;\n  color: #333333;\n}\n.group-index .main-detail .detail {\n  padding: 2.66666667vw 0 20vw 0;\n}\n.group-index .main-detail .detail .detail-content img,\n.group-index .main-detail .detail .detail-content video {\n  max-width: 100%;\n}\n.group-index footer {\n  position: absolute;\n  position: fixed;\n  bottom: 0;\n  width: 97.7vw;\n  height: 16vw;\n  display: -webkit-box;\n  display: -moz-box;\n  display: -ms-flexbox;\n  display: -webkit-flex;\n  display: flex;\n  background: white;\n  padding: 1.3vw;\n  border-top: 1px solid #d8d8d8;\n  justify-content: space-around;\n}\n.group-index footer .btn {\n  border: 1px solid #cccccc;\n  border-radius: 8px;\n  width: 0;\n  flex-grow: 2;\n  text-align: center;\n  padding: 2vw 0;\n  margin: 0 1.33333333vw;\n  line-height: 1.4em;\n  font-size: 16px;\n  color: #666666;\n}\n.group-index footer .btn span {\n  display: block;\n  font-size: 20px;\n  font-family: PingFang-SC-Bold;\n}\n.group-index footer .btn img {\n  width: 6.66666667vw;\n}\n.group-index footer .btn.big {\n  padding: 0.66666667vw 0;\n  flex-grow: 5;\n}\n.group-index footer .btn.big.price {\n  background: #F83534;\n  border-color: #F83534;\n  color: white;\n}\n.group-index footer .btn.big.price.full {\n  background: #dddddd;\n  border-color: #dddddd;\n  line-height: 13.33333333vw;\n}\n.group-index .pop-block {\n  padding: 5.33333333vw 1.33333333vw;\n  width: 80vw;\n  text-align: center;\n  font-size: 14px;\n  color: #666666;\n  position: relative;\n}\n.group-index .pop-block img {\n  width: 33.33333333vw;\n}\n.group-index .pop-block .close {\n  width: 6.66666667vw;\n  position: absolute;\n  top: 2.66666667vw;\n  right: 2.66666667vw;\n}\n.group-index .mint-popup {\n  border-radius: 10px;\n}\n.group-index .pop-fill {\n  width: 66.66666667vw;\n  padding: 4vw 4vw;\n  font-size: 16px;\n  color: #333333;\n}\n.group-index .pop-fill .btn-block {\n  margin-top: 4vw;\n}\n.group-index .pop-fill .btn-block:after {\n  content: '';\n  display: block;\n  clear: both;\n}\n.group-index .pop-fill .btn-block .btn {\n  float: right;\n  background: #F83534;\n  font-size: 14px;\n  padding: 0.66666667vw 1.33333333vw;\n  border-radius: 8px;\n  color: #FFFFFF;\n}\n","\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n@import \"../../util/public\";\n.img-cvs{\n  position: absolute;\n  width: 233 * @toVw;\n  top: 176 * @toVw;\n  left: 29 * @toVw;\n  .qrcode{\n    position: absolute;\n    top: 305 * @toVw;\n    left: 15 * @toVw;\n    width: 60 * @toVw;\n  }\n}\n.cvs-img{\n  position: absolute;\n  width: 233 * @toVw;\n  top: 176 * @toVw;\n  left: 29 * @toVw;\n  z-index: 10;\n}\n.ref-content{\n  width: 299 * @toVw;\n  height: 564 * @toVw;\n  background-size: 100% 100%;\n  position: relative;\n  .tips{\n    font-size: 12px;\n    position: absolute;\n    color: #666;\n    right: 10 * @toVw;\n    top: 250 * @toVw;\n    width: 1em;\n  }\n}\n.group-index{\n  height: 100%;\n  padding-bottom: toVw(150);\n  background: #f0f0f0;\n  font-family: PingFangSC-Regular;\n  .ref-icon{\n    position: fixed;\n    height: 100/375 * 90vw ;\n    top: 70vw;\n    z-index: 6;\n    right: 10 * 100 /375vw;\n    /*border-radius: 100px;*/\n  }\n  .banner{\n    background: white;\n    img{\n      width: 100%;\n    }\n  }\n  .head{\n    background: white;\n    margin-bottom: 10px;\n    padding: 20/7.5vw;\n    .title{\n      font-size: 20px;\n      color: #333333;\n      margin-bottom: 15/7.5vw;\n    }\n    .detail{\n      font-size: 12px;\n      line-height: 1.6em;\n      color: #333333;\n      display: block;\n      margin-bottom: 15/7.5vw;\n    }\n    .price{\n      .price-content{\n        font-family: PingFang-SC-Bold;\n        font-size: 20px;\n        color: #F83534;\n      }\n    }\n  }\n  .head-icon{\n    padding: 20/7.5vw;\n    background: white;\n    margin-bottom: 2px;\n    .icon{\n      display: inline-block;\n      width: 60/7.5vw;\n      margin: 0 10/7.5vw;\n      border-radius: 1000px;\n      vertical-align: middle;\n    }\n    .more{\n      width: 50/7.5vw;\n      vertical-align: middle;\n    }\n    .has{\n      font-size: 12px;\n      line-height: 60/7.5vw;\n      color: #999999;\n      float: right;\n    }\n  }\n  .welfare{\n    background: white;\n    padding:10/7.5vw ;\n    font-size: 12px;\n    text-align: center;\n    color: #999999;\n    margin-bottom: 20px;\n  }\n  .main-detail{\n    padding: 20/7.5vw;\n    background: white;\n    .tab-content{\n      border-radius: 9px ;\n      border: 1px solid #F63539;\n      &:after{\n        content: '';\n        display: block;\n        clear: both;\n      }\n      .tab-btn{\n        width: 50%;\n        float: left;\n        height: 80/7.5vw;\n        line-height: 80/7.5vw;\n        text-align: center;\n        color: #F63539;\n        border-radius:9px ;\n        &.active{\n          background: #F63539;\n          color: white;\n        }\n      }\n    }\n    .qa-block{\n      padding: 20/7.5vw 0 toVw(150) 0;\n      img,video{\n        max-width: 100%;\n      }\n      .qa-content{\n        margin: toVw(10) 0;\n        .qa-q{\n          font-size: 16px;\n          color: #666666;\n        }\n        .qa-a{\n          font-size: 16px;\n          color: #333333;\n        }\n      }\n    }\n    .detail{\n      padding: 20/7.5vw 0 150/7.5vw 0;\n      .detail-content{\n        img,video{\n          max-width: 100%;\n        }\n      }\n\n    }\n  }\n  footer{\n    position: absolute;\n    position: fixed;\n    bottom: 0;\n    width: 97.7vw;\n    height: 120/7.5vw;\n    display: -webkit-box;      // OLD - iOS 6-, Safari 3.1-6 //\n    display: -moz-box;         // OLD - Firefox 19- (buggy but mostly works) //\n    display: -ms-flexbox;      // TWEENER - IE 10 //\n    display: -webkit-flex;     // NEW - Chrome //\n    display: flex;             // NEW, Spec - Opera 12.1, Firefox 20+ //\n    background: white;\n    padding: 1.3vw;\n    border-top: 1px solid #d8d8d8;\n    justify-content:space-around;\n    .btn{\n      border: 1px solid #cccccc;\n      border-radius: 8px;\n      width:0;\n      flex-grow:2;\n      text-align: center;\n      padding: 15/7.5vw 0;\n      margin: 0 10/7.5vw;\n      line-height: 1.4em;\n      font-size: 16px;\n      color: #666666;\n      span{\n        display: block;\n        font-size: 20px;\n        font-family: PingFang-SC-Bold;\n      }\n      img{\n        width: 50/7.5vw;\n      }\n      &.big{\n        padding: 5/7.5vw 0;\n        flex-grow:5;\n        &.price{\n          background:  #F83534;\n          border-color: #F83534;\n          color: white;\n          &.full{\n            background: #dddddd;\n            border-color: #dddddd;\n            line-height: 50*@toVw;\n          }\n        }\n      }\n    }\n  }\n  .pop-block{\n    padding:40/7.5vw 10/7.5vw;\n    width: 600/7.5vw;\n    text-align: center;\n    font-size: 14px;\n    color: #666666;\n    position: relative;\n    img{\n      width: 250/7.5vw;\n    }\n    .close{\n      width: 50/7.5vw;\n      position: absolute;\n      top: 20/7.5vw;\n      right: 20/7.5vw;\n    }\n  }\n  .mint-popup{\n    border-radius: 10px;\n  }\n  .pop-fill{\n    width: 500/7.5vw;\n    padding:30/7.5vw 30/7.5vw;\n    font-size: 16px;\n    color: #333333;\n    .btn-block{\n      margin-top: 30/7.5vw;\n      &:after{\n        content:'';\n        display: block;\n        clear: both;\n      }\n      .btn{\n        float: right;\n        background: #F83534;\n        font-size: 14px;\n        padding: 5/7.5vw 10/7.5vw;\n        border-radius: 8px;\n        color: #FFFFFF;\n      }\n    }\n  }\n}\n\n"],sourceRoot:""}])},"9Nk9":function(n,e,t){var r=t("yEDY");"string"==typeof r&&(r=[[n.i,r,""]]),r.locals&&(n.exports=r.locals);t("rjj0")("134c077c",r,!1,{})},bNYG:function(n,e,t){"use strict";Object.defineProperty(e,"__esModule",{value:!0});t("v2ns");var r=t("7QTg"),i=t("MJLE"),o=t.n(i),a=t("Au9i"),s=t("CCn6"),d=t("E26C"),l=t.n(d),p=t("kXdI"),c=t.n(p),g=t("XaoW"),A=t.n(g),u=t("zpE/"),h=t.n(u),f=t("0ZjB"),v=t.n(f),m=t("2Pnh"),b=t.n(m),w={name:"index",components:{swiper:r.swiper,swiperSlide:r.swiperSlide},data:function(){return{refBg:l.a,join:!1,popType:!1,popFill:!1,popupVisible:!1,refVisible:!1,tabType:!0,popcontentW:"您已经购买过课程，无需重复<br>购买，您可以添加微信公众号了解更多",popcontentT:"为了更好地为您进行课程服务，<br>请扫码添加老师二维码",qrCode:h.a,weChatIcon:A.a,closeUrl:v.a,moreUrl:c.a,refIcon:"https://cdn.singsingenglish.com/new-sing/b7f43ced8f8268655c2c5b289360df990ec8f18e.png",swiperOption:{pagination:{el:".swiper-pagination"}},QRCodeB:!1,payFlag:!0,dataURL:null,user_id:null,invite_code_f:!0,invite_code:"",this_code:"",shopId:"",groupId:null,groupDetail:!1,groupData:null}},mounted:function(){this.getDetail()},methods:{goToActivity:function(){var n={};window.location.href.indexOf("shopId")>-1&&(n.shopId=this.$route.query.shopId),window.location.href.indexOf("groupId")>-1&&(n.groupId=this.$route.query.groupId),window.location.href.indexOf("invite_code")>-1&&(n.invite_code=this.$route.query.invite_code),this.$router.push({name:"activity",query:n})},refshow:function(){var n=this;if(a.Indicator.open(),document.body.scrollTop<10&&(document.body.scrollTop=20,document.documentElement.scrollTop=20),localStorage.getItem("cc_token")&&""!==localStorage.getItem("cc_token"))setTimeout(function(){a.Indicator.close(),n.invite_code||(n.invite_code="CC-USER");var e=n.invite_code.split("-");e.length>2&&"TEACHER"===e[1]&&(e[1]="USER");var t=e[0]+"-"+e[1],r="https://wechat-test.changchangenglish.com/#/buyDetail?shopId="+n.shopId+"&invite_code="+t+"-"+n.user_id;n.groupId&&"null"!==n.groupId&&(r+="&groupId="+n.groupId),n.qrcode(r),n.refVisible=!0,n.$nextTick(function(){n.dataURL||setTimeout(function(){var e=document.getElementById("capture").getClientRects()[0],t=(e.height,e.width);document.getElementById("capture").style.width=t+"px";n.getOffsetRect(n.$refs.imageWrapper);var r=document.getElementById("capture").getClientRects()[0],i=r.height1,o=r.width1;console.log(i),b()(document.getElementById("capture"),{async:!0,timeout:500,scrollX:1,scale:3,width:o,height:i,letterRendering:!0}).then(function(e){var t=e.toDataURL("image/jpg");n.dataURL=t}).catch(function(n){alert(n),console.log()})},500)})},500);else{var e={retUrl:this.$route.fullPath,is_new_user_url:"1"};this.$router.push({name:"author",query:e})}},getOffsetRect:function(n){var e=n.getBoundingClientRect(),t=document.body,r=document.documentElement,i=window.pageYOffset||r.scrollTop||t.scrollTop,o=window.pageXOffset||r.scrollLeft||t.scrollLeft,a=r.clientTop||t.clientTop,s=r.clientLeft||t.clientLeft,d=e.top+i-a,l=e.left+o-s;return{top:Math.round(d),left:Math.round(l)}},qrcode:function(n){this.QRCodeB?this.QRCodeB.makeCode(n):this.QRCodeB=new o.a("qrcode",{width:80,height:80,text:n,image:""})},enableShare:function(n){Object(s.F)({api_list:"onMenuShareAppMessage,onMenuShareTimeline",url:window.location.href.split("#")[0]}).then(function(e){wx.config({debug:!1,appId:e.appId,timestamp:parseInt(e.timestamp),nonceStr:e.nonceStr,signature:e.signature,jsApiList:e.jsApiList}),wx.ready(function(){wx.onMenuShareTimeline({title:n.product_title,desc:n.desc,link:n.shareUrl,imgUrl:n.shareIcon||"https://cdn.singsingenglish.com/singsing/recommend/logo-refer.png",success:function(){console.log("分享成功")},cancel:function(){console.log("分享失败")}}),wx.onMenuShareAppMessage({title:n.product_title,desc:n.desc,link:n.shareUrl,imgUrl:n.shareIcon||"https://cdn.singsingenglish.com/singsing/recommend/logo-refer.png",success:function(){},cancel:function(){}})})})},handleInviteCode:function(){if(this.invite_code){var n=this.invite_code.split("-");n.length>2&&("TEACHER"===n[1]||"XXMM"===n[1])&&(n[1]="USER");var e=n[0]+"-"+n[1];this.this_code=e+"-"+this.user_id}else this.this_code="CC-USER-"+this.user_id},onShare:function(n){this.handleInviteCode();var e="https://wechat-test.changchangenglish.com/#/buyDetail?shopId="+this.shopId+"&invite_code="+this.this_code;this.enableShare({product_title:this.groupDetail.share_desc.title,desc:this.groupDetail.share_desc.content,shareIcon:this.groupDetail.share_desc.img[0].url,shareUrl:e})},toDataURLBase64:function(n,e){var t=new XMLHttpRequest;t.onload=function(){var n=new FileReader;n.onloadend=function(){e(n.result)},n.readAsDataURL(t.response)},t.responseType="blob",t.open("GET",n,!0),t.send()},getDetail:function(){var n=this;window.location.href.indexOf("invite_code")>-1&&(this.invite_code=this.$route.query.invite_code,2===this.invite_code.split("-").length&&(this.invite_code_f=!1));this.user_id=JSON.parse(localStorage.getItem("userDesc")).user_id,window.location.href.indexOf("shopId")>-1&&(this.shopId=this.$route.query.shopId,Object(s.h)(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,invite_code:n.invite_code}}),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 r=n;n.toDataURLBase64(n.groupDetail.share_desc.refImg[0].url,function(n){r.groupDetail.share_desc.refImg[0].url=n})}var i=n.invite_code;n.$sa.track("viewCourseDetail",{goodsID:n.groupDetail.id.toString(),courseCate:1===n.groupDetail.course_type?"体验课":"正式课",lessonNumber:n.groupDetail.watch_num,goodsName:n.groupDetail.name,coursePrice:Number(n.groupDetail.original_price/100),discountPrice:Number(n.groupDetail.current_price/100),courseID:n.groupDetail.course_id,courseName:"",salesType:i?i.split("-")[1]:"null",salesID:i?Number(i.split("-")[2]):0}),2===n.groupDetail.goods_type?(localStorage.getItem("cc_token")&&Object(s.w)({goods_id:n.shopId}).then(function(e){e.out_trade_no&&(1===e.buy_type?n.$router.push({name:"buySuccess",query:{out_trade_no:e.out_trade_no}}):n.$router.push({name:"success",query:{out_trade_no:e.out_trade_no}}))}),window.location.href.indexOf("groupId")>-1?(n.groupId=n.$route.query.groupId,Object(s.j)(n.groupId).then(function(e){n.groupData=e}),n.onShare(0)):n.onShare(1)):(n.onShare(1),n.handleInviteCode())}))},showTeacher:function(){this.popType=!1,this.popupVisible=!0},buttonClick:function(n,e){this.$sa.track("buttonClick",{tabTitle:"商品",moduleTitle:"详情页",buttonType:n,buttonName:e})},groupPay:function(n){var e=this;if(this.payFlag){this.payFlag=!1;var t={shopId:this.shopId,invite_code:this.invite_code},r=void 0;if(this.groupId&&(t.group_order_id=this.groupId),0!==n||this.groupId){if(0===n&&this.groupId)return this.$router.push({name:"buyDetail",query:{shopId:this.shopId,invite_code:this.invite_code}}),window.location.reload(),!1;t.type=""}else t.type="single",r="single";var i=this.invite_code;this.$sa.track("buyCourse",{buyType:2===this.groupDetail.goods_type&&"single"!==r?"团购":"直购",goodsID:this.shopId,salesType:i?i.split("-")[1]:"null",salesID:i?Number(i.split("-")[2]):0}),window.location.href.indexOf("gdt_vid")>-1&&(t.gdt_vid=this.$route.query.gdt_vid),window.location.href.indexOf("cct_user_id")>-1&&(t.cct_user_id=this.$route.query.cct_user_id),this.$router.push({name:"buy",query:t}),this.$nextTick(function(){e.payFlag=!0})}}}},C=function(){var n=this,e=n.$createElement,t=n._self._c||e;return n.groupDetail?t("div",{ref:"index",staticClass:"group-index"},[t("swiper",{ref:"mySwiper",staticClass:"banner",attrs:{options:n.swiperOption}},[n._l(n.groupDetail.goods_desc.img,function(e,r){return n.groupDetail.goods_desc?t("swiper-slide",{key:r},[t("img",{attrs:{src:e.url}})]):n._e()}),n._v(" "),t("div",{staticClass:"swiper-pagination",attrs:{slot:"pagination"},slot:"pagination"})],2),n._v(" "),1===n.groupDetail.is_auth_user?t("img",{staticClass:"ref-icon shake",attrs:{src:n.refIcon},on:{click:function(e){n.goToActivity(),n.buttonClick("功能","生成海报")}}}):n._e(),n._v(" "),t("div",{staticClass:"head"},[t("div",{staticClass:"title"},[n._v("\n      "+n._s(n.groupDetail.name)+"\n    ")]),n._v(" "),t("span",{staticClass:"detail"},[n._v("\n              "+n._s(n.groupDetail.goods_desc.desc)+"\n          ")]),n._v(" "),t("div",{staticClass:"price"},[t("span",{staticClass:"price-content"},[n._v("￥"+n._s(n.groupDetail.current_price/100)+"元")]),n._v(" "),1===n.groupDetail.goods_type&&n.groupDetail.original_price>n.groupDetail.current_price?t("span",{staticStyle:{"text-decoration":"line-through",color:"#bbb","font-size":"14px"}},[n._v("￥"+n._s(n.groupDetail.original_price/100))]):n._e()])]),n._v(" "),t("div",{staticClass:"head-icon"},[n._l(n.groupDetail.header_url,function(e,r){return r<5?t("img",{key:e,staticClass:"icon",attrs:{src:e}}):n._e()}),n._v(" "),t("img",{staticClass:"more",attrs:{src:n.moreUrl}}),n._v(" "),t("span",{staticClass:"has"},[n._v("已售"+n._s(n.groupDetail.has_group_num)+"件")])],2),n._v(" "),n.groupDetail.head_welfare&&""!==n.groupDetail.head_welfare&&null!==n.groupDetail.head_welfare?t("div",{staticClass:"welfare"},[n._v("\n    团长福利："+n._s(n.groupDetail.head_welfare)+"\n  ")]):n._e(),n._v(" "),t("div",{staticClass:"main-detail"},[t("div",{staticClass:"tab-content"},[t("div",{class:{"tab-btn":!0,active:n.tabType},on:{click:function(e){n.tabType=!0,n.buttonClick("展示","图文详情")}}},[n._v("图文详情")]),n._v(" "),t("div",{class:{"tab-btn":!0,active:!n.tabType},on:{click:function(e){n.tabType=!1,n.buttonClick("展示","购买须知")}}},[n._v("购买须知")])]),n._v(" "),n.tabType?t("div",{staticClass:"detail"},[t("div",{staticClass:"detail-content",domProps:{innerHTML:n._s(n.groupDetail.desc.detail)}})]):n._e(),n._v(" "),n.tabType?n._e():t("div",{staticClass:"qa-block"},[t("div",{staticClass:"qa-content qaDetail",domProps:{innerHTML:n._s(n.groupDetail.desc.qa)}})])]),n._v(" "),n.groupDetail.desc.customer_service[0]?t("div",[t("mt-popup",{model:{value:n.popupVisible,callback:function(e){n.popupVisible=e},expression:"popupVisible"}},[t("div",{staticClass:"pop-block"},[n.popType?t("img",{attrs:{src:n.qrCode}}):n._e(),n._v(" "),n.popType?n._e():t("img",{attrs:{src:n.groupDetail.desc.customer_service[0].url}}),n._v(" "),t("div",[n.popType?t("span",{domProps:{innerHTML:n._s(n.popcontentW)}}):n._e(),n._v(" "),n.popType?n._e():t("span",{domProps:{innerHTML:n._s(n.popcontentT)}})]),n._v(" "),t("img",{staticClass:"close",attrs:{src:n.closeUrl},on:{click:function(e){n.popupVisible=!1}}})])])],1):n._e(),n._v(" "),t("mt-popup",{attrs:{closeOnClickModal:!1},model:{value:n.popFill,callback:function(e){n.popFill=e},expression:"popFill"}},[t("div",{staticClass:"pop-fill"},[n._v("\n      您好，本次拼团已经结束。您可以选择重新开团或单独购买\n      "),t("div",{staticClass:"btn-block"},[t("div",{staticClass:"btn",on:{click:function(e){n.rePlay()}}},[n._v("重新开团")])])])]),n._v(" "),t("mt-popup",{staticStyle:{"background-color":"transparent","margin-top":"-80vw","margin-left":"-40vw",transform:"none"},model:{value:n.refVisible,callback:function(e){n.refVisible=e},expression:"refVisible"}},[n.groupDetail.share_desc.refImg&&n.groupDetail.share_desc.refImg.length>0?t("div",{staticClass:"ref-content",style:{backgroundImage:"url("+n.refBg+")"}},[t("div",{staticClass:"tips"},[n._v("\n        长按保存图片\n      ")])]):n._e(),n._v(" "),n.groupDetail.share_desc.refImg&&n.groupDetail.share_desc.refImg.length>0?t("div",{ref:"imageWrapper",staticClass:"img-cvs",attrs:{id:"capture"}},[t("img",{attrs:{src:n.groupDetail.share_desc.refImg[0].url}}),n._v(" "),t("div",{staticClass:"qrcode",attrs:{id:"qrcode"}})]):n._e(),n._v(" "),t("img",{staticClass:"cvs-img",attrs:{src:n.dataURL}})]),n._v(" "),1===n.groupDetail.status&&n.invite_code_f?t("div",[n.groupDetail.goods_type&&2===n.groupDetail.goods_type?t("footer",[n.groupDetail.desc.customer_service[0]?t("div",{staticClass:"btn",on:{click:function(e){n.showTeacher(),n.buttonClick("老师","客服")}}},[t("img",{attrs:{src:n.weChatIcon}})]):n._e(),n._v(" "),n.groupData&&0!==n.groupData.status?t("div",{staticClass:"btn big price full"},[n.groupId?t("div",[n._v("该团已满")]):n._e()]):n._e(),n._v(" "),t("div",{class:n.groupData&&0!==n.groupData.status?"btn big price":"btn big",attrs:{id:n.groupId?"reGroup":"singleBuy"},on:{click:function(e){n.groupPay(0)}}},[n.groupId?n._e():t("span",[n._v("￥"+n._s(n.groupDetail.original_price/100))]),n._v(" "),n.groupId?n._e():t("div",[n._v("单独购")]),n._v(" "),n.groupId?t("span",[n._v("￥"+n._s(n.groupDetail.current_price/100))]):n._e(),n._v(" "),n.groupId?t("div",[n._v("重新开团")]):n._e()]),n._v(" "),n.groupData&&0!==n.groupData.status?n._e():t("div",{staticClass:"btn big price",attrs:{id:n.groupId?"joinGroup":"newGroup"},on:{click:function(e){n.groupPay(1)}}},[t("span",[n._v("￥"+n._s(n.groupDetail.current_price/100))]),n._v(" "),n.groupId?n._e():t("div",[n._v(n._s(n.groupDetail.desc.group_number)+"人团")]),n._v(" "),n.groupId?t("div",[n._v("立即参团")]):n._e()])]):n._e(),n._v(" "),n.groupDetail.goods_type&&2!==n.groupDetail.goods_type?t("footer",[n.groupDetail.desc.customer_service[0]?t("div",{staticClass:"btn",on:{click:function(e){n.showTeacher(),n.buttonClick("功能","客服")}}},[t("img",{attrs:{src:n.weChatIcon}})]):n._e(),n._v(" "),t("div",{staticClass:"btn big price",on:{click:function(e){n.groupPay(1)}}},[t("span",[n._v("￥"+n._s(n.groupDetail.current_price/100))]),n._v(" "),t("div",[n._v("立即购买")])])]):n._e()]):n._e(),n._v(" "),1!==n.groupDetail.status?t("div",[n._m(0)]):n._e()],1):n._e()};C._withStripped=!0;var _={render:C,staticRenderFns:[function(){var n=this.$createElement,e=this._self._c||n;return e("footer",[e("div",{staticStyle:{color:"#888"}},[this._v("\n        已售罄\n      ")])])}]},x=_;var D=!1;var y=t("VU/8")(w,x,!1,function(n){D||(t("9Nk9"),t("rC6I"))},"data-v-ff30e8ae",null);y.options.__file="src/components/buy/index.vue";e.default=y.exports},rC6I:function(n,e,t){var r=t("5W4P");"string"==typeof r&&(r=[[n.i,r,""]]),r.locals&&(n.exports=r.locals);t("rjj0")("dc25c13e",r,!1,{})},yEDY:function(n,e,t){(n.exports=t("FZ+f")(!0)).push([n.i,"\nimg,video{\n  max-width: 100%;\n}\n@-webkit-keyframes swing {\n10% {\n    -webkit-transform: rotate(15deg);\n            transform: rotate(15deg);\n}\n20% {\n    -webkit-transform: rotate(-10deg);\n            transform: rotate(-10deg);\n}\n30% {\n    -webkit-transform: rotate(5deg);\n            transform: rotate(5deg);\n}\n40% {\n    -webkit-transform: rotate(-5deg);\n            transform: rotate(-5deg);\n}\n50%, 100% {\n    -webkit-transform: rotate(0deg);\n            transform: rotate(0deg);\n}\n}\n.shake{\n   -webkit-animation-name: swing;\n   -webkit-animation-duration: 0.8s;\n   -webkit-transform-origin:50% 50%;\n   -webkit-animation-iteration-count: infinite;\n   -webkit-animation-timing-function: linear;\n}\n\n","",{version:3,sources:["D:/myproject/new-singsingH5/src/components/buy/src/components/buy/index.vue"],names:[],mappings:";AAgfA;EACA,gBAAA;CACA;AACA;AACA;IACA,iCAAA;YAAA,yBAAA;CACA;AACA;IACA,kCAAA;YAAA,0BAAA;CACA;AACA;IACA,gCAAA;YAAA,wBAAA;CACA;AACA;IACA,iCAAA;YAAA,yBAAA;CACA;AACA;IACA,gCAAA;YAAA,wBAAA;CACA;CACA;AACA;GACA,8BAAA;GACA,iCAAA;GACA,iCAAA;GACA,4CAAA;GACA,0CAAA;CACA",file:"index.vue",sourcesContent:['<template>\r\n  <div class="group-index" ref="index" v-if="groupDetail">\r\n    <swiper :options="swiperOption" class="banner" ref="mySwiper">\r\n      <swiper-slide v-if="groupDetail.goods_desc" v-for="(data,index) in groupDetail.goods_desc.img" :key="index">\r\n        <img :src="data.url"/>\r\n      </swiper-slide>\r\n      <div class="swiper-pagination" slot="pagination"></div>\r\n    </swiper>\r\n    <img :src="refIcon" class="ref-icon shake" @click="goToActivity();buttonClick(\'功能\',\'生成海报\')" v-if="groupDetail.is_auth_user === 1">\r\n    <div class="head">\r\n      <div class="title">\r\n        {{groupDetail.name}}\r\n      </div>\r\n      <span class="detail">\r\n                {{groupDetail.goods_desc.desc}}\r\n            </span>\r\n      <div class="price">\r\n        <span class="price-content">￥{{groupDetail.current_price/100}}元</span>\r\n        <span style="text-decoration:line-through;color: #bbb;font-size: 14px" v-if="groupDetail.goods_type === 1 && groupDetail.original_price > groupDetail.current_price">￥{{groupDetail.original_price/100}}</span>\r\n      </div>\r\n\r\n    </div>\r\n    <div class="head-icon">\r\n      <img class="icon" v-for="(data,index) in groupDetail.header_url" v-if="index<5" :src="data" :key="data">\r\n      <img class="more" :src="moreUrl"/>\r\n      <span class="has">已售{{groupDetail.has_group_num}}件</span>\r\n    </div>\r\n    <div class="welfare" v-if="groupDetail.head_welfare && groupDetail.head_welfare !== \'\' && groupDetail.head_welfare !== null">\r\n      团长福利：{{groupDetail.head_welfare}}\r\n    </div>\r\n    <div class="main-detail">\r\n      <div class="tab-content">\r\n        <div :class="{\'tab-btn\':true,active:tabType}" @click="tabType=true;buttonClick(\'展示\',\'图文详情\')">图文详情</div>\r\n        <div :class="{\'tab-btn\':true,active:!tabType}" @click="tabType=false;buttonClick(\'展示\',\'购买须知\')">购买须知</div>\r\n      </div>\r\n      <div v-if="tabType" class="detail">\r\n        <div v-html="groupDetail.desc.detail" class="detail-content"></div>\r\n      </div>\r\n      <div v-if="!tabType" class="qa-block">\r\n        <div class="qa-content qaDetail" v-html="groupDetail.desc.qa">\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <div v-if="groupDetail.desc.customer_service[0]">\r\n      <mt-popup v-model="popupVisible">\r\n        <div class="pop-block">\r\n          <img v-if="popType" :src="qrCode"/>\r\n          <img v-if="!popType" :src="groupDetail.desc.customer_service[0].url"/>\r\n          <div>\r\n            <span v-if="popType" v-html="popcontentW"></span>\r\n            <span v-if="!popType" v-html="popcontentT"></span>\r\n          </div>\r\n          <img class="close" :src="closeUrl" @click="popupVisible = false">\r\n        </div>\r\n      </mt-popup>\r\n    </div>\r\n    <mt-popup v-model="popFill" :closeOnClickModal="false">\r\n      <div class="pop-fill">\r\n        您好，本次拼团已经结束。您可以选择重新开团或单独购买\r\n        <div class="btn-block">\r\n          <div class="btn" @click="rePlay()">重新开团</div>\r\n        </div>\r\n      </div>\r\n    </mt-popup>\r\n    <mt-popup v-model="refVisible" style="background-color: transparent;margin-top: -80vw;margin-left: -40vw;transform: none">\r\n      <div :style="{backgroundImage:`url(${refBg})`}" class="ref-content"\r\n           v-if="groupDetail.share_desc.refImg && groupDetail.share_desc.refImg.length > 0">\r\n        <div class="tips">\r\n          长按保存图片\r\n        </div>\r\n      </div>\r\n      <div class="img-cvs" id="capture" ref="imageWrapper" v-if="groupDetail.share_desc.refImg && groupDetail.share_desc.refImg.length > 0">\r\n        <img :src="groupDetail.share_desc.refImg[0].url">\r\n        <div id="qrcode" class="qrcode">\r\n        </div>\r\n      </div>\r\n      <img :src="dataURL" class="cvs-img"/>\r\n    </mt-popup>\r\n    <div v-if="groupDetail.status === 1 && invite_code_f">\r\n    <footer v-if="groupDetail.goods_type && groupDetail.goods_type === 2">\r\n      <div class="btn" @click="showTeacher();buttonClick(\'老师\',\'客服\')"  v-if="groupDetail.desc.customer_service[0]">\r\n        <img :src="weChatIcon"/>\r\n      </div>\r\n      <div class="btn big price full" v-if="groupData && groupData.status !== 0">\r\n        <div v-if="groupId">该团已满</div>\r\n      </div>\r\n      <div :class=" groupData && groupData.status !== 0 ? \'btn big price\':\'btn big\'" @click="groupPay(0)" :id="groupId ? \'reGroup\':\'singleBuy\'">\r\n        <span v-if="!groupId">￥{{groupDetail.original_price/100}}</span>\r\n        <div v-if="!groupId">单独购</div>\r\n        <span v-if="groupId">￥{{groupDetail.current_price/100}}</span>\r\n        <div v-if="groupId">重新开团</div>\r\n      </div>\r\n      <div class="btn big price" @click="groupPay(1)" :id="groupId ? \'joinGroup\':\'newGroup\'" v-if="!groupData || groupData.status === 0">\r\n        <span>￥{{groupDetail.current_price/100}}</span>\r\n        <div v-if="!groupId">{{groupDetail.desc.group_number}}人团</div>\r\n        <div v-if="groupId">立即参团</div>\r\n      </div>\r\n\r\n    </footer>\r\n    <footer v-if="groupDetail.goods_type && groupDetail.goods_type !== 2">\r\n      <div class="btn" @click="showTeacher();buttonClick(\'功能\',\'客服\')" v-if="groupDetail.desc.customer_service[0]">\r\n        <img :src="weChatIcon"/>\r\n      </div>\r\n      <div class="btn big price" @click="groupPay(1)">\r\n        <span>￥{{groupDetail.current_price/100}}</span>\r\n        <div>立即购买</div>\r\n      </div>\r\n    </footer>\r\n    </div>\r\n    <div v-if="groupDetail.status !== 1">\r\n      <footer>\r\n        <div style="color: #888">\r\n          已售罄\r\n        </div>\r\n      </footer>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\n  import \'swiper/dist/css/swiper.css\'\r\n  import { swiper, swiperSlide } from \'vue-awesome-swiper\'\r\n  import  QRCode from \'qrcodejs2\'\r\n  import { Indicator } from \'mint-ui\';\r\n  import {getwechatParam,getGoodsDetailApi,getGroupDetailApi,getStatusWechatApi} from "../../service/api";\r\n  import refBg from \'../../assets/refBg.png\'\r\n  import moreUrl from \'../../assets/moreIcon.png\'\r\n  import weChatIcon from \'../../assets/wechatIcon.png\'\r\n  import weChatQrUrl from \'../../assets/weChatCode.png\'\r\n  import closeUrl from \'../../assets/closemy.png\'\r\n  import html2canvas from \'html2canvas\'\r\n  export default {\r\n    name: "index",\r\n    components: {\r\n      swiper,\r\n      swiperSlide,\r\n    },\r\n    data(){\r\n      return {\r\n        refBg:refBg,\r\n        join:false,\r\n        popType:false,\r\n        popFill:false,\r\n        popupVisible:false,\r\n        refVisible:false,\r\n        tabType:true,\r\n        popcontentW:`您已经购买过课程，无需重复<br>购买，您可以添加微信公众号了解更多`,\r\n        popcontentT:`为了更好地为您进行课程服务，<br>请扫码添加老师二维码`,\r\n        qrCode:weChatQrUrl,\r\n        weChatIcon:weChatIcon,\r\n        closeUrl:closeUrl,\r\n        moreUrl:moreUrl,\r\n        refIcon:\'https://cdn.singsingenglish.com/new-sing/b7f43ced8f8268655c2c5b289360df990ec8f18e.png\',\r\n        swiperOption: {\r\n          pagination: {\r\n            el: \'.swiper-pagination\'\r\n          }\r\n        },\r\n        QRCodeB:false,\r\n        payFlag:true,\r\n        dataURL:null,\r\n        user_id:null,\r\n        invite_code_f:true,\r\n        invite_code:\'\',\r\n        this_code:\'\',\r\n        shopId:\'\',\r\n        groupId:null,\r\n        groupDetail:false,\r\n        groupData:null,\r\n      }\r\n    },\r\n    mounted(){\r\n      this.getDetail();\r\n    },\r\n    methods:{\r\n      goToActivity(){\r\n        let query = {}\r\n        if(window.location.href.indexOf(\'shopId\')>-1){\r\n          query.shopId = this.$route.query.shopId;\r\n        }\r\n        if(window.location.href.indexOf(\'groupId\')>-1){\r\n          query.groupId = this.$route.query.groupId;\r\n        }\r\n        if(window.location.href.indexOf(\'invite_code\')> -1) {\r\n          query.invite_code = this.$route.query.invite_code;\r\n        }\r\n        this.$router.push({name:\'activity\',query:query})\r\n      },\r\n      refshow(){\r\n        Indicator.open();\r\n        if(document.body.scrollTop < 10){\r\n          document.body.scrollTop = 20;\r\n          document.documentElement.scrollTop = 20;\r\n        }\r\n        if(localStorage.getItem(\'cc_token\') && localStorage.getItem(\'cc_token\') !== \'\'){\r\n          setTimeout(()=>{\r\n            Indicator.close();\r\n            if(!this.invite_code){\r\n              this.invite_code = \'CC-USER\'\r\n            }\r\n              let invite_code = this.invite_code.split(\'-\');\r\n              if(invite_code.length > 2 && invite_code[1] === \'TEACHER\'){\r\n                invite_code[1] = \'USER\'\r\n              }\r\n              let code = `${invite_code[0]}-${invite_code[1]}`;\r\n              let URL = `${process.env.BUY_URL}shopId=${this.shopId}&invite_code=${code}-${this.user_id}`;\r\n              if(this.groupId && this.groupId !== \'null\'){\r\n                URL += `&groupId=${this.groupId}`\r\n              }\r\n              this.qrcode(URL);\r\n              this.refVisible = true;\r\n              this.$nextTick(()=>{\r\n                if(!this.dataURL){\r\n                  setTimeout(()=>{\r\n                    let {\r\n                      height,\r\n                      width\r\n                    } = document.getElementById(\'capture\').getClientRects()[0]\r\n                    document.getElementById(\'capture\').style.width = width + \'px\';\r\n                    let o = this.getOffsetRect(this.$refs.imageWrapper);\r\n                    let {\r\n                      height1,\r\n                      width1\r\n                    } = document.getElementById(\'capture\').getClientRects()[0];\r\n                    console.log(height1)\r\n                    html2canvas(document.getElementById(\'capture\'),{\r\n                      async: true,\r\n                      timeout: 500,\r\n                      scrollX:1,\r\n                      scale: 3,\r\n                      width: width1,\r\n                      height: height1,\r\n                      letterRendering: true,\r\n                    }).then((canvas) => {\r\n                      let dataURL = canvas.toDataURL("image/jpg");\r\n                      this.dataURL = dataURL;\r\n                    }).catch(res=>{alert(res);console.log()});\r\n                  },500)\r\n                }else{\r\n\r\n                }\r\n              })\r\n          },500)\r\n\r\n        }else{\r\n          let query = {retUrl:this.$route.fullPath,is_new_user_url:\'1\'};\r\n          this.$router.push({name:\'author\',query:query})\r\n        }\r\n      },\r\n      getOffsetRect(ele){\r\n        var box=ele.getBoundingClientRect();\r\n        var body=document.body,\r\n          docElem=document.documentElement;\r\n        //获取页面的scrollTop,scrollLeft(兼容性写法)\r\n        var scrollTop=window.pageYOffset||docElem.scrollTop||body.scrollTop,\r\n          scrollLeft=window.pageXOffset||docElem.scrollLeft||body.scrollLeft;\r\n        var clientTop=docElem.clientTop||body.clientTop,\r\n          clientLeft=docElem.clientLeft||body.clientLeft;\r\n        var top=box.top+scrollTop-clientTop,\r\n          left=box.left+scrollLeft-clientLeft;\r\n        return {\r\n          //Math.round 兼容火狐浏览器bug\r\n          top:Math.round(top),\r\n          left:Math.round(left)\r\n        }\r\n      },\r\n      qrcode(data){\r\n        if(this.QRCodeB){\r\n          this.QRCodeB.makeCode(data)\r\n        }else{\r\n          this.QRCodeB = new QRCode(\'qrcode\', {\r\n            width: 80,\r\n            height: 80, // 高度\r\n            text: data, // 二维码内容\r\n            image: \'\'\r\n          });\r\n        }\r\n\r\n      },\r\n      // 分享\r\n      enableShare: function(option) {\r\n        let that = this;\r\n        getwechatParam({\r\n          api_list:   \'onMenuShareAppMessage,onMenuShareTimeline\',\r\n          url:window.location.href.split(\'#\')[0]\r\n        }).then(wechatRes => {\r\n          wx.config({\r\n            debug: false,\r\n            appId: wechatRes.appId,\r\n            timestamp: parseInt(wechatRes.timestamp),\r\n            nonceStr: wechatRes.nonceStr,\r\n            signature: wechatRes.signature,\r\n            jsApiList: wechatRes.jsApiList\r\n          });\r\n          wx.ready(function() {\r\n            wx.onMenuShareTimeline({\r\n              title: option.product_title, // 分享标题\r\n              desc: option.desc,// 分享描述\r\n              link: option.shareUrl, // 分享链接\r\n              imgUrl: option.shareIcon || \'https://cdn.singsingenglish.com/singsing/recommend/logo-refer.png\', // 分享图标\r\n              success: function() {\r\n                console.log(\'分享成功\');\r\n              },\r\n              cancel: function() {\r\n                // alert("失败")\r\n                console.log(\'分享失败\')\r\n              }\r\n            });\r\n            wx.onMenuShareAppMessage({\r\n              title: option.product_title, // 分享标题\r\n              desc: option.desc,// 分享描述\r\n              link: option.shareUrl, // 分享链接\r\n              imgUrl: option.shareIcon || \'https://cdn.singsingenglish.com/singsing/recommend/logo-refer.png\', // 分享图标\r\n              success: function() {\r\n              },\r\n              cancel: function() {\r\n              }\r\n            });\r\n          })\r\n        })\r\n      },\r\n      // 处理invite_code\r\n      handleInviteCode(){\r\n        if(!this.invite_code){\r\n          this.this_code = \'CC-USER-\'+this.user_id;\r\n        }else{\r\n          let invite_code = this.invite_code.split(\'-\');\r\n          if(invite_code.length > 2 && (invite_code[1] === \'TEACHER\' ||invite_code[1] === \'XXMM\'  ) ){\r\n            invite_code[1] = \'USER\'\r\n          }\r\n          let code = `${invite_code[0]}-${invite_code[1]}`;\r\n          this.this_code = `${code}-${this.user_id}`;\r\n        }\r\n      },\r\n      onShare: function(type) {\r\n        this.handleInviteCode();\r\n        let URL = `${process.env.BUY_URL}shopId=${this.shopId}&invite_code=${this.this_code}`\r\n        this.enableShare({\r\n          product_title: this.groupDetail.share_desc.title,\r\n          desc: this.groupDetail.share_desc.content,\r\n          shareIcon:this.groupDetail.share_desc.img[0].url,\r\n          shareUrl:URL\r\n        })\r\n      },\r\n      toDataURLBase64 (src, callback) {\r\n        let xhttp = new XMLHttpRequest();\r\n        xhttp.onload = function () {\r\n          let fileReader = new FileReader();\r\n          fileReader.onloadend = function () {\r\n            callback(fileReader.result)\r\n          };\r\n          fileReader.readAsDataURL(xhttp.response)\r\n        };\r\n        xhttp.responseType = \'blob\';\r\n        xhttp.open(\'GET\', src, true);\r\n        xhttp.send()\r\n      },\r\n      // 初始化\r\n      getDetail(){\r\n        if(window.location.href.indexOf(\'invite_code\')> -1){\r\n          this.invite_code = this.$route.query.invite_code;\r\n          let l = this.invite_code.split(\'-\').length;\r\n          if(l === 2 ){\r\n            this.invite_code_f = false\r\n          }\r\n        }\r\n            this.user_id=JSON.parse(localStorage.getItem(\'userDesc\')).user_id;\r\n        if(window.location.href.indexOf(\'shopId\')>-1){\r\n          this.shopId = this.$route.query.shopId;\r\n          getGoodsDetailApi(this.shopId).then(res=>{\r\n            res.desc = JSON.parse(res.desc);\r\n            res.goods_desc = JSON.parse(res.goods_desc);\r\n            res.share_desc = JSON.parse(res.share_desc);\r\n            //商品下架跳转绑定商品\r\n            if(res.status === 2 && res.bind_goods_id){\r\n              this.$router.push({name:\'buyDetail\',query:{shopId:res.bind_goods_id,invite_code:this.invite_code}});\r\n              this.getDetail();\r\n              return\r\n            }\r\n            this.groupDetail = res;\r\n            for (let i = 0;i<this.groupDetail.header_url.length;i++){\r\n              this.groupDetail.header_url[i]=this.groupDetail.header_url[i].replace(\'http://\',\'https://\')\r\n            }\r\n            this.groupDetail.desc.detail = this.groupDetail.desc.detail.replace(/http:\\/\\//g,\'https://\');\r\n            this.groupDetail.desc.qa = this.groupDetail.desc.qa.replace(/http:\\/\\//g,\'https://\');\r\n            if(this.groupDetail.share_desc.refImg && this.groupDetail.share_desc.refImg.length === 1){\r\n              this.groupDetail.share_desc.refImg[0].url = this.groupDetail.share_desc.refImg[0].url.replace(\'http://\',\'https://\');\r\n              let _this = this;\r\n              this.toDataURLBase64(this.groupDetail.share_desc.refImg[0].url, function (avatarUrl) {\r\n                _this.groupDetail.share_desc.refImg[0].url = avatarUrl;\r\n              });\r\n            }\r\n            let invite = this.invite_code;\r\n            this.$sa.track(\'viewCourseDetail\',{\r\n              goodsID:this.groupDetail.id.toString(),\r\n              courseCate:this.groupDetail.course_type === 1 ? \'体验课\' : \'正式课\',\r\n              lessonNumber:this.groupDetail.watch_num,\r\n              goodsName:this.groupDetail.name,\r\n              coursePrice:Number(this.groupDetail.original_price/100),\r\n              discountPrice:Number(this.groupDetail.current_price/100),\r\n              courseID:this.groupDetail.course_id,\r\n              courseName:\'\',\r\n              salesType:invite?invite.split(\'-\')[1]:\'null\',\r\n              salesID:invite?Number(invite.split(\'-\')[2]):0\r\n            });\r\n            if(this.groupDetail.goods_type === 2){\r\n              if(localStorage.getItem(\'cc_token\')){\r\n                getStatusWechatApi({goods_id:this.shopId}).then(res=>{\r\n                  if(res.out_trade_no){\r\n                    if(res.buy_type === 1){\r\n                      this.$router.push({name:\'buySuccess\',query:{out_trade_no:res.out_trade_no}});\r\n                    }else{\r\n                      this.$router.push({name:\'success\',query:{out_trade_no:res.out_trade_no}});\r\n                    }\r\n                  }\r\n                });\r\n              }\r\n              if(window.location.href.indexOf(\'groupId\')>-1){\r\n                this.groupId = this.$route.query.groupId;\r\n                getGroupDetailApi(this.groupId).then(res=>{\r\n                  this.groupData = res\r\n                });\r\n                this.onShare(0)\r\n              }else{\r\n                this.onShare(1)\r\n              }\r\n            }else{\r\n              this.onShare(1)\r\n              this.handleInviteCode()\r\n            }\r\n          })\r\n        }\r\n      },\r\n      showTeacher(){\r\n        this.popType = false;\r\n        this.popupVisible = true\r\n      },\r\n      buttonClick(buttonType,buttonName){\r\n        this.$sa.track(\'buttonClick\',{\r\n          tabTitle:\'商品\',\r\n          moduleTitle:\'详情页\',\r\n          buttonType:buttonType,\r\n          buttonName:buttonName\r\n        });\r\n      },\r\n      groupPay(type){\r\n        if(this.payFlag){\r\n          this.payFlag=false;\r\n          let query = {shopId: this.shopId,invite_code:this.invite_code};\r\n          let buyType\r\n          if(this.groupId){\r\n            query.group_order_id = this.groupId\r\n          }\r\n          if(type === 0 && !this.groupId){\r\n            query.type=\'single\';\r\n            buyType = \'single\';\r\n          }else if (type === 0 && this.groupId){\r\n            this.$router.push({\r\n              name: \'buyDetail\',\r\n              query:{\r\n                shopId:this.shopId,\r\n                invite_code:this.invite_code\r\n              }\r\n            });\r\n            window.location.reload();\r\n            return false\r\n          } else{\r\n            query.type=\'\'\r\n          }\r\n          let invite = this.invite_code;\r\n          this.$sa.track(\'buyCourse\',{\r\n            buyType:this.groupDetail.goods_type === 2 && buyType !== \'single\' ? \'团购\' : \'直购\',\r\n            goodsID:this.shopId,\r\n            salesType:invite?invite.split(\'-\')[1]:\'null\',\r\n            salesID:invite?Number(invite.split(\'-\')[2]):0\r\n          });\r\n\r\n          if(window.location.href.indexOf(\'gdt_vid\')>-1){\r\n            query.gdt_vid = this.$route.query.gdt_vid\r\n          }\r\n          if(window.location.href.indexOf(\'cct_user_id\')>-1){\r\n            query.cct_user_id = this.$route.query.cct_user_id\r\n          }\r\n          this.$router.push({\r\n            name: \'buy\',\r\n            query:query\r\n          });\r\n          this.$nextTick(()=>{\r\n            this.payFlag=true;\r\n          });\r\n        }\r\n      }\r\n    }\r\n  }\r\n<\/script>\r\n<style>\r\n  img,video{\r\n    max-width: 100%;\r\n  }\r\n  @-webkit-keyframes swing {\r\n    10% {\r\n      transform: rotate(15deg);\r\n    }\r\n    20% {\r\n      transform: rotate(-10deg);\r\n    }\r\n    30% {\r\n      transform: rotate(5deg);\r\n    }\r\n    40% {\r\n      transform: rotate(-5deg);\r\n    }\r\n    50%, 100% {\r\n      transform: rotate(0deg);\r\n    }\r\n  }\r\n  .shake{\r\n     -webkit-animation-name: swing;\r\n     -webkit-animation-duration: 0.8s;\r\n     -webkit-transform-origin:50% 50%;\r\n     -webkit-animation-iteration-count: infinite;\r\n     -webkit-animation-timing-function: linear;\r\n   }\r\n\r\n</style>\r\n<style scoped lang="less">\r\n  @import "../../util/public";\r\n  .img-cvs{\r\n    position: absolute;\r\n    width: 233 * @toVw;\r\n    top: 176 * @toVw;\r\n    left: 29 * @toVw;\r\n    .qrcode{\r\n      position: absolute;\r\n      top: 305 * @toVw;\r\n      left: 15 * @toVw;\r\n      width: 60 * @toVw;\r\n    }\r\n  }\r\n  .cvs-img{\r\n    position: absolute;\r\n    width: 233 * @toVw;\r\n    top: 176 * @toVw;\r\n    left: 29 * @toVw;\r\n    z-index: 10;\r\n  }\r\n  .ref-content{\r\n    width: 299 * @toVw;\r\n    height: 564 * @toVw;\r\n    background-size: 100% 100%;\r\n    position: relative;\r\n    .tips{\r\n      font-size: 12px;\r\n      position: absolute;\r\n      color: #666;\r\n      right: 10 * @toVw;\r\n      top: 250 * @toVw;\r\n      width: 1em;\r\n    }\r\n  }\r\n  .group-index{\r\n    height: 100%;\r\n    padding-bottom: toVw(150);\r\n    background: #f0f0f0;\r\n    font-family: PingFangSC-Regular;\r\n    .ref-icon{\r\n      position: fixed;\r\n      height: 100/375 * 90vw ;\r\n      top: 70vw;\r\n      z-index: 6;\r\n      right: 10 * 100 /375vw;\r\n      /*border-radius: 100px;*/\r\n    }\r\n    .banner{\r\n      background: white;\r\n      img{\r\n        width: 100%;\r\n      }\r\n    }\r\n    .head{\r\n      background: white;\r\n      margin-bottom: 10px;\r\n      padding: 20/7.5vw;\r\n      .title{\r\n        font-size: 20px;\r\n        color: #333333;\r\n        margin-bottom: 15/7.5vw;\r\n      }\r\n      .detail{\r\n        font-size: 12px;\r\n        line-height: 1.6em;\r\n        color: #333333;\r\n        display: block;\r\n        margin-bottom: 15/7.5vw;\r\n      }\r\n      .price{\r\n        .price-content{\r\n          font-family: PingFang-SC-Bold;\r\n          font-size: 20px;\r\n          color: #F83534;\r\n        }\r\n      }\r\n    }\r\n    .head-icon{\r\n      padding: 20/7.5vw;\r\n      background: white;\r\n      margin-bottom: 2px;\r\n      .icon{\r\n        display: inline-block;\r\n        width: 60/7.5vw;\r\n        margin: 0 10/7.5vw;\r\n        border-radius: 1000px;\r\n        vertical-align: middle;\r\n      }\r\n      .more{\r\n        width: 50/7.5vw;\r\n        vertical-align: middle;\r\n      }\r\n      .has{\r\n        font-size: 12px;\r\n        line-height: 60/7.5vw;\r\n        color: #999999;\r\n        float: right;\r\n      }\r\n    }\r\n    .welfare{\r\n      background: white;\r\n      padding:10/7.5vw ;\r\n      font-size: 12px;\r\n      text-align: center;\r\n      color: #999999;\r\n      margin-bottom: 20px;\r\n    }\r\n    .main-detail{\r\n      padding: 20/7.5vw;\r\n      background: white;\r\n      .tab-content{\r\n        border-radius: 9px ;\r\n        border: 1px solid #F63539;\r\n        &:after{\r\n          content: \'\';\r\n          display: block;\r\n          clear: both;\r\n        }\r\n        .tab-btn{\r\n          width: 50%;\r\n          float: left;\r\n          height: 80/7.5vw;\r\n          line-height: 80/7.5vw;\r\n          text-align: center;\r\n          color: #F63539;\r\n          border-radius:9px ;\r\n          &.active{\r\n            background: #F63539;\r\n            color: white;\r\n          }\r\n        }\r\n      }\r\n      .qa-block{\r\n        padding: 20/7.5vw 0 toVw(150) 0;\r\n        img,video{\r\n          max-width: 100%;\r\n        }\r\n        .qa-content{\r\n          margin: toVw(10) 0;\r\n          .qa-q{\r\n            font-size: 16px;\r\n            color: #666666;\r\n          }\r\n          .qa-a{\r\n            font-size: 16px;\r\n            color: #333333;\r\n          }\r\n        }\r\n      }\r\n      .detail{\r\n        padding: 20/7.5vw 0 150/7.5vw 0;\r\n        .detail-content{\r\n          img,video{\r\n            max-width: 100%;\r\n          }\r\n        }\r\n\r\n      }\r\n    }\r\n    footer{\r\n      position: absolute;\r\n      position: fixed;\r\n      bottom: 0;\r\n      width: 97.7vw;\r\n      height: 120/7.5vw;\r\n      display: -webkit-box;      // OLD - iOS 6-, Safari 3.1-6 //\r\n      display: -moz-box;         // OLD - Firefox 19- (buggy but mostly works) //\r\n      display: -ms-flexbox;      // TWEENER - IE 10 //\r\n      display: -webkit-flex;     // NEW - Chrome //\r\n      display: flex;             // NEW, Spec - Opera 12.1, Firefox 20+ //\r\n      background: white;\r\n      padding: 1.3vw;\r\n      border-top: 1px solid #d8d8d8;\r\n      justify-content:space-around;\r\n      .btn{\r\n        border: 1px solid #cccccc;\r\n        border-radius: 8px;\r\n        width:0;\r\n        flex-grow:2;\r\n        text-align: center;\r\n        padding: 15/7.5vw 0;\r\n        margin: 0 10/7.5vw;\r\n        line-height: 1.4em;\r\n        font-size: 16px;\r\n        color: #666666;\r\n        span{\r\n          display: block;\r\n          font-size: 20px;\r\n          font-family: PingFang-SC-Bold;\r\n        }\r\n        img{\r\n          width: 50/7.5vw;\r\n        }\r\n        &.big{\r\n          padding: 5/7.5vw 0;\r\n          flex-grow:5;\r\n          &.price{\r\n            background:  #F83534;\r\n            border-color: #F83534;\r\n            color: white;\r\n            &.full{\r\n              background: #dddddd;\r\n              border-color: #dddddd;\r\n              line-height: 50*@toVw;\r\n            }\r\n          }\r\n        }\r\n      }\r\n    }\r\n    .pop-block{\r\n      padding:40/7.5vw 10/7.5vw;\r\n      width: 600/7.5vw;\r\n      text-align: center;\r\n      font-size: 14px;\r\n      color: #666666;\r\n      position: relative;\r\n      img{\r\n        width: 250/7.5vw;\r\n      }\r\n      .close{\r\n        width: 50/7.5vw;\r\n        position: absolute;\r\n        top: 20/7.5vw;\r\n        right: 20/7.5vw;\r\n      }\r\n    }\r\n    .mint-popup{\r\n      border-radius: 10px;\r\n    }\r\n    .pop-fill{\r\n      width: 500/7.5vw;\r\n      padding:30/7.5vw 30/7.5vw;\r\n      font-size: 16px;\r\n      color: #333333;\r\n      .btn-block{\r\n        margin-top: 30/7.5vw;\r\n        &:after{\r\n          content:\'\';\r\n          display: block;\r\n          clear: both;\r\n        }\r\n        .btn{\r\n          float: right;\r\n          background: #F83534;\r\n          font-size: 14px;\r\n          padding: 5/7.5vw 10/7.5vw;\r\n          border-radius: 8px;\r\n          color: #FFFFFF;\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n</style>\r\n'],sourceRoot:""}])}});
-//# sourceMappingURL=12.e1d40279d195b0a3be2e.js.map
\ No newline at end of file
--- a/dev/static/js/12.e1d40279d195b0a3be2e.js.map
+++ b/dev/static/js/12.e1d40279d195b0a3be2e.js.map
--- a/dev/static/js/4.73e616ca42780c81bd91.js
+++ b/dev/static/js/4.73e616ca42780c81bd91.js
-webpackJsonp([4],{"+2W0":function(n,t){n.exports="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAAAXNSR0IArs4c6QAAAd9JREFUOBGVk00uREEUhZ9/EQZiYECMzCUSAwswZR92YDFC9wYQhPhbhAXQE1vwTztfpU67r9973elKvq5bt+45dV+910VRHmNawo54EodiWjjvmdyReBbUOq+wOrxJ4avoZk40R3Pi07BPbaO5TcdV1AmiaD6rPERT76OZEPZR+L9gY0q0hQVxPlMeYs7xsfJoS+acQqeTgo4WxYWwaNh8njVo8cALz/TDghPnBMar4koMM6WGWjRo8SgZ8wi8lHmxJFbEurgRTebsUUMtGrR4JGN+GIj7B3t1+Vhnfcz1Yt9xvIo17V6Lpm6dp4baxqvAnOuYETzWKC/vMmvQVr4KG3NHLeGO4vygPMSc47byaAcad2rE98ptZYht6Lmj3EBjHmdXvAmL7hRvio0MMTnvvyveE6WriK0T84G/iEexLejuQHyJ38yP5luxLBbEvuCK2Pdhvf82d4wpj8PJ/IuYybGHACGDT8y5b8Ufgq6ZPwW5LsKmgVEq0kyX0dhP6lzFIxq7Kxu6mDXGwMAU/OfgcGoAjzTqjLlPBgLGMGP2/Q4qxiTAXVHsjmxsEQfGjtmPNamOl8Dw7BfD2jkKEcbhOnLsG9d1LabAcZzT6VlIjcegmqRxQb/A61FnN1L8AQ0BxfTPbexRAAAAAElFTkSuQmCC"},"2Ihx":function(n,t,e){n.exports=e.p+"static/img/no.4e27c3e.png"},"3CuV":function(n,t,e){n.exports=e.p+"static/img/share_bg.03f118a.jpg"},"7Kl1":function(n,t,e){var o=e("pN2H");"string"==typeof o&&(o=[[n.i,o,""]]),o.locals&&(n.exports=o.locals);e("rjj0")("fbe34a26",o,!1,{})},FRDK:function(n,t,e){n.exports=e.p+"static/img/actBg1.f48d135.png"},JK9h:function(n,t,e){n.exports=e.p+"static/img/log.8c70e94.png"},UEMf:function(n,t,e){n.exports=e.p+"static/img/qr.f968b9d.png"},"f+ht":function(n,t,e){n.exports=e.p+"static/img/actBg2.b47e39b.png"},oSXS:function(n,t,e){n.exports=e.p+"static/img/actBg3.53dd5e6.png"},pGj6:function(n,t,e){(n.exports=e("FZ+f")(!0)).push([n.i,"\n.fl-r[data-v-5c664a65] {\n  float: right;\n}\n.main-block[data-v-5c664a65] {\n  margin: 5px;\n  background: white;\n  padding: 5px;\n}\n.clear-both[data-v-5c664a65]:after {\n  content: '';\n  display: block;\n  clear: both;\n}\n[data-v-5c664a65]::-webkit-scrollbar-track-piece {\n  border-radius: 10px;\n}\n[data-v-5c664a65]::-webkit-scrollbar {\n  width: 5px;\n  height: 5px;\n}\n[data-v-5c664a65]::-webkit-scrollbar-thumb {\n  background-color: #999;\n  border-radius: 10px;\n  height: 10px;\n  min-height: 10px;\n}\n.star-activity-page[data-v-5c664a65] {\n  padding-bottom: 16vw;\n}\n.star-activity-page .bg[data-v-5c664a65] {\n  width: 100%;\n  display: block;\n}\n.star-activity-page .star-total[data-v-5c664a65] {\n  width: 43.73333333vw;\n  height: 10.4vw;\n  border: 0.26666667vw solid #000;\n  border-radius: 21.33333333vw;\n  line-height: 10.4vw;\n  font-size: 18px;\n  background: #ffd800;\n  font-family: PingFang-SC-Medium;\n  font-weight: 500;\n  color: #000000;\n  text-align: center;\n  position: absolute;\n  top: 128vw;\n  left: 50%;\n  margin-left: -21.86666667vw;\n}\n.star-activity-page .star-total .x-img[data-v-5c664a65] {\n  width: 1.86666667vw;\n}\n.star-activity-page .btn-block[data-v-5c664a65] {\n  padding: 2.13333333vw;\n  position: fixed;\n  left: 0;\n  width: 100%;\n  background: white;\n  opacity: 0;\n  display: none;\n  -webkit-transition: all 0.5s;\n  transition: all 0.5s;\n  bottom: 0;\n}\n.star-activity-page .btn-block .btn[data-v-5c664a65] {\n  width: 76.53333333vw;\n  height: 11.73333333vw;\n  margin: auto;\n  background: #ccc;\n  border-radius: 26.66666667vw;\n  color: white;\n  line-height: 11.73333333vw;\n  text-align: center;\n  font-size: 16px;\n  font-family: PingFang-SC-Medium;\n  font-weight: 500;\n}\n.qr-img[data-v-5c664a65] {\n  width: 86.13333333vw;\n}\n.log-img[data-v-5c664a65] {\n  width: 89.86666667vw;\n  height: 94.4vw;\n  background-size: 100% 100%;\n  padding-top: 34.66666667vw;\n  position: relative;\n}\n.log-img .content[data-v-5c664a65] {\n  width: 74.66666667vw;\n  max-height: 58.66666667vw;\n  font-size: 14px;\n  font-family: PingFang-SC-Medium;\n  font-weight: 500;\n  color: #000000;\n  overflow: auto;\n  line-height: 6.66666667vw;\n}\n.log-img .content .list span[data-v-5c664a65] {\n  display: inline-block;\n}\n.log-img .content .list .star-num[data-v-5c664a65] {\n  float: right;\n  vertical-align: middle;\n}\n.log-img .content .list .desc-text[data-v-5c664a65] {\n  vertical-align: middle;\n  max-width: 32vw;\n  overflow: hidden;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n}\n.log-img .content .list .time-text[data-v-5c664a65] {\n  vertical-align: middle;\n  margin-right: 2.66666667vw;\n}\n.log-img .btn[data-v-5c664a65] {\n  width: 65.86666667vw;\n  height: 12.26666667vw;\n  line-height: 12.26666667vw;\n  background: #F6D723;\n  border-radius: 26.66666667vw;\n  color: #DF4225;\n  font-size: 16px;\n  font-family: PingFang-SC-Bold;\n  font-weight: bold;\n  text-align: center;\n  position: absolute;\n  bottom: 9.6vw;\n  left: 50%;\n  margin-left: -32.93333333vw;\n}\n.share_img[data-v-5c664a65] {\n  width: 79.2vw;\n  height: 126.66666667vw;\n  background-size: 100% 100%;\n  position: relative;\n}\n.share_img .qrcode[data-v-5c664a65] {\n  width: 46.66666667vw;\n  height: 46.66666667vw;\n  position: absolute;\n  bottom: 9.06666667vw;\n  right: 8%;\n}\n.cvs-img[data-v-5c664a65] {\n  position: absolute;\n  width: 79.2vw;\n  height: 126.66666667vw;\n  background-size: 100% 100%;\n  z-index: 2;\n}\n.share-show-block[data-v-5c664a65] {\n  position: fixed;\n  overflow: auto;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  background: rgba(0, 0, 0, 0.5);\n}\n.share-show-block .tips[data-v-5c664a65] {\n  color: white;\n  width: 100%;\n  left: 0;\n  position: absolute;\n  top: 126.66666667vw;\n  z-index: 3;\n  text-align: center;\n}\n.share-show-block .share-show-content[data-v-5c664a65] {\n  width: 79.2vw;\n  height: 133.33333333vw;\n  position: absolute;\n  top: 50%;\n  margin-left: -39.6vw;\n  left: 50%;\n  margin-top: -66.66666667vw;\n}\n.no-list[data-v-5c664a65] {\n  text-align: center;\n  color: #aaaaaa;\n}\n.no-list img[data-v-5c664a65] {\n  display: block;\n  margin-bottom: 2.66666667vw;\n  width: 40vw;\n}\n.qr-close[data-v-5c664a65] {\n  width: 66.66666667vw;\n  position: absolute;\n  bottom: 10.66666667vw;\n  left: 50%;\n  margin-left: -33.33333333vw;\n  height: 10.66666667vw;\n}\n","",{version:3,sources:["D:/myproject/new-singsingH5/src/components/star/D:/myproject/new-singsingH5/src/util/public.less","D:/myproject/new-singsingH5/src/components/star/index.vue","D:/myproject/new-singsingH5/src/components/star/D:/myproject/new-singsingH5/src/components/star/index.vue"],names:[],mappings:";AAcA;EACE,aAAA;CCbD;ADeD;EACE,YAAA;EACA,kBAAA;EACA,aAAA;CCbD;ADmBC;EACE,YAAA;EACA,eAAA;EACA,YAAA;CCjBH;ADqBD;EACE,oBAAA;CCnBD;ADqBD;EACE,WAAA;EACA,YAAA;CCnBD;ADqBD;EACE,uBAAA;EACA,oBAAA;EACA,aAAA;EACA,iBAAA;CCnBD;AC2RD;EACE,qBAAA;CDzRD;ACwRD;EAGI,YAAA;EACA,eAAA;CDxRH;ACoRD;EAOI,qBAAA;EACA,eAAA;EACA,gCAAA;EACA,6BAAA;EACA,oBAAA;EACA,gBAAA;EACA,oBAAA;EACA,gCAAA;EACA,iBAAA;EACA,eAAA;EACA,mBAAA;EACA,mBAAA;EACA,WAAA;EACA,UAAA;EACA,4BAAA;CDxRH;ACmQD;EAuBM,oBAAA;CDvRL;ACgQD;EA2BI,sBAAA;EACA,gBAAA;EACA,QAAA;EACA,YAAA;EACA,kBAAA;EACA,WAAA;EACA,cAAA;EACA,6BAAA;EAAA,qBAAA;EACA,UAAA;CDxRH;ACqPD;EAqCM,qBAAA;EACA,sBAAA;EACA,aAAA;EACA,iBAAA;EACA,6BAAA;EACA,aAAA;EACA,2BAAA;EACA,mBAAA;EACA,gBAAA;EACA,gCAAA;EACA,iBAAA;CDvRL;AC2RC;EACE,qBAAA;CDzRH;AC2RC;EACE,qBAAA;EACA,eAAA;EACA,2BAAA;EACA,2BAAA;EACA,mBAAA;CDzRH;ACoRC;EAOI,qBAAA;EACA,0BAAA;EACA,gBAAA;EACA,gCAAA;EACA,iBAAA;EACA,eAAA;EACA,eAAA;EACA,0BAAA;CDxRL;AC0QC;EAiBQ,sBAAA;CDxRT;ACuQC;EAoBQ,aAAA;EACA,uBAAA;CDxRT;ACmQC;EAwBQ,uBAAA;EACA,gBAAA;EACA,iBAAA;EACA,oBAAA;EACA,wBAAA;CDxRT;AC4PC;EA+BQ,uBAAA;EACA,2BAAA;CDxRT;ACwPC;EAqCI,qBAAA;EACA,sBAAA;EACA,2BAAA;EACA,oBAAA;EACA,6BAAA;EACA,eAAA;EACA,gBAAA;EACA,8BAAA;EACA,kBAAA;EACA,mBAAA;EACA,mBAAA;EACA,cAAA;EACA,UAAA;EACA,4BAAA;CD1RL;AC6RC;EACE,cAAA;EACA,uBAAA;EACA,2BAAA;EACA,mBAAA;CD3RH;ACuRC;EAMI,qBAAA;EACA,sBAAA;EACA,mBAAA;EACA,qBAAA;EACA,UAAA;CD1RL;AC6RC;EACE,mBAAA;EACA,cAAA;EACA,uBAAA;EACA,2BAAA;EACA,WAAA;CD3RH;AC6RC;EACE,gBAAA;EACA,eAAA;EACA,OAAA;EACA,UAAA;EACA,QAAA;EACA,SAAA;EACA,+BAAA;CD3RH;ACoRC;EASI,aAAA;EACA,YAAA;EACA,QAAA;EACA,mBAAA;EACA,oBAAA;EACA,WAAA;EACA,mBAAA;CD1RL;AC2QC;EAkBI,cAAA;EACA,uBAAA;EACA,mBAAA;EACA,SAAA;EACA,qBAAA;EACA,UAAA;EACA,2BAAA;CD1RL;AC6RC;EACE,mBAAA;EACA,eAAA;CD3RH;ACyRC;EAII,eAAA;EACA,4BAAA;EACA,YAAA;CD1RL;AC6RC;EACE,qBAAA;EACA,mBAAA;EACA,sBAAA;EACA,UAAA;EACA,4BAAA;EACA,sBAAA;CD3RH",file:"index.vue",sourcesContent:["//颜色参数\n@toVw:100/375vw;\n@toVh:100/667vh;\n@bg-b: #333;\n@bg-b-s:#444;\n@black-line:#191919;\n@gray-line:#666;\n@light-line:#ddd;\n@main-font-color:#fff;\n@secondary-font-color:#999;\n@gold-color-light:#FFD04B;\n@gold-color: #a18430;\n\n//公共类\n.fl-r{\n  float: right;\n}\n.main-block{\n  margin: 5px;\n  background: white;\n  padding: 5px;\n}\nhtml{\n\n}\n.clear-both{\n  &:after{\n    content: '';\n    display: block;\n    clear: both;\n  }\n}\n//滚动条样式\n::-webkit-scrollbar-track-piece { //滚动条凹槽的颜色，还可以设置边框属性\n  border-radius: 10px;\n}\n::-webkit-scrollbar {//滚动条的宽度\n  width:5px;\n  height:5px;\n}\n::-webkit-scrollbar-thumb {//滚动条的设置\n  background-color:@secondary-font-color;\n  border-radius: 10px;\n  height: 10px;\n  min-height:10px;\n}\n",".fl-r {\n  float: right;\n}\n.main-block {\n  margin: 5px;\n  background: white;\n  padding: 5px;\n}\n.clear-both:after {\n  content: '';\n  display: block;\n  clear: both;\n}\n::-webkit-scrollbar-track-piece {\n  border-radius: 10px;\n}\n::-webkit-scrollbar {\n  width: 5px;\n  height: 5px;\n}\n::-webkit-scrollbar-thumb {\n  background-color: #999;\n  border-radius: 10px;\n  height: 10px;\n  min-height: 10px;\n}\n.star-activity-page {\n  padding-bottom: 16vw;\n}\n.star-activity-page .bg {\n  width: 100%;\n  display: block;\n}\n.star-activity-page .star-total {\n  width: 43.73333333vw;\n  height: 10.4vw;\n  border: 0.26666667vw solid #000;\n  border-radius: 21.33333333vw;\n  line-height: 10.4vw;\n  font-size: 18px;\n  background: #ffd800;\n  font-family: PingFang-SC-Medium;\n  font-weight: 500;\n  color: #000000;\n  text-align: center;\n  position: absolute;\n  top: 128vw;\n  left: 50%;\n  margin-left: -21.86666667vw;\n}\n.star-activity-page .star-total .x-img {\n  width: 1.86666667vw;\n}\n.star-activity-page .btn-block {\n  padding: 2.13333333vw;\n  position: fixed;\n  left: 0;\n  width: 100%;\n  background: white;\n  opacity: 0;\n  display: none;\n  transition: all 0.5s;\n  bottom: 0;\n}\n.star-activity-page .btn-block .btn {\n  width: 76.53333333vw;\n  height: 11.73333333vw;\n  margin: auto;\n  background: #ccc;\n  border-radius: 26.66666667vw;\n  color: white;\n  line-height: 11.73333333vw;\n  text-align: center;\n  font-size: 16px;\n  font-family: PingFang-SC-Medium;\n  font-weight: 500;\n}\n.qr-img {\n  width: 86.13333333vw;\n}\n.log-img {\n  width: 89.86666667vw;\n  height: 94.4vw;\n  background-size: 100% 100%;\n  padding-top: 34.66666667vw;\n  position: relative;\n}\n.log-img .content {\n  width: 74.66666667vw;\n  max-height: 58.66666667vw;\n  font-size: 14px;\n  font-family: PingFang-SC-Medium;\n  font-weight: 500;\n  color: #000000;\n  overflow: auto;\n  line-height: 6.66666667vw;\n}\n.log-img .content .list span {\n  display: inline-block;\n}\n.log-img .content .list .star-num {\n  float: right;\n  vertical-align: middle;\n}\n.log-img .content .list .desc-text {\n  vertical-align: middle;\n  max-width: 32vw;\n  overflow: hidden;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n}\n.log-img .content .list .time-text {\n  vertical-align: middle;\n  margin-right: 2.66666667vw;\n}\n.log-img .btn {\n  width: 65.86666667vw;\n  height: 12.26666667vw;\n  line-height: 12.26666667vw;\n  background: #F6D723;\n  border-radius: 26.66666667vw;\n  color: #DF4225;\n  font-size: 16px;\n  font-family: PingFang-SC-Bold;\n  font-weight: bold;\n  text-align: center;\n  position: absolute;\n  bottom: 9.6vw;\n  left: 50%;\n  margin-left: -32.93333333vw;\n}\n.share_img {\n  width: 79.2vw;\n  height: 126.66666667vw;\n  background-size: 100% 100%;\n  position: relative;\n}\n.share_img .qrcode {\n  width: 46.66666667vw;\n  height: 46.66666667vw;\n  position: absolute;\n  bottom: 9.06666667vw;\n  right: 8%;\n}\n.cvs-img {\n  position: absolute;\n  width: 79.2vw;\n  height: 126.66666667vw;\n  background-size: 100% 100%;\n  z-index: 2;\n}\n.share-show-block {\n  position: fixed;\n  overflow: auto;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  background: rgba(0, 0, 0, 0.5);\n}\n.share-show-block .tips {\n  color: white;\n  width: 100%;\n  left: 0;\n  position: absolute;\n  top: 126.66666667vw;\n  z-index: 3;\n  text-align: center;\n}\n.share-show-block .share-show-content {\n  width: 79.2vw;\n  height: 133.33333333vw;\n  position: absolute;\n  top: 50%;\n  margin-left: -39.6vw;\n  left: 50%;\n  margin-top: -66.66666667vw;\n}\n.no-list {\n  text-align: center;\n  color: #aaaaaa;\n}\n.no-list img {\n  display: block;\n  margin-bottom: 2.66666667vw;\n  width: 40vw;\n}\n.qr-close {\n  width: 66.66666667vw;\n  position: absolute;\n  bottom: 10.66666667vw;\n  left: 50%;\n  margin-left: -33.33333333vw;\n  height: 10.66666667vw;\n}\n",'\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n  @import "../../util/public";\n.star-activity-page{\n  padding-bottom: 60*@toVw;\n  .bg{\n    width: 100%;\n    display: block;\n  }\n  .star-total{\n    width: 164*@toVw;\n    height: 39*@toVw;\n    border: 1*@toVw solid #000;\n    border-radius: 80*@toVw;\n    line-height: 39*@toVw;\n    font-size:18px;\n    background:rgba(255,216,0,1);\n    font-family:PingFang-SC-Medium;\n    font-weight:500;\n    color:rgba(0,0,0,1);\n    text-align: center;\n    position: absolute;\n    top: 480*@toVw;\n    left: 50%;\n    margin-left: -82*@toVw;\n    .x-img{\n      width: 7*@toVw;\n    }\n  }\n  .btn-block{\n    padding:8*@toVw;\n    position: fixed;\n    left: 0;\n    width: 100%;\n    background: white;\n    opacity: 0;\n    display: none;\n    transition: all 0.5s;\n    bottom: 0;\n    .btn{\n      width: 287*@toVw;\n      height: 44*@toVw;\n      margin: auto;\n      background: #ccc;\n      border-radius: 100*@toVw;\n      color: white;\n      line-height: 44*@toVw;\n      text-align: center;\n      font-size:16px;\n      font-family:PingFang-SC-Medium;\n      font-weight:500;\n    }\n  }\n}\n  .qr-img{\n    width: 323*@toVw;\n  }\n  .log-img{\n    width: 337*@toVw;\n    height: 354*@toVw;\n    background-size: 100% 100%;\n    padding-top: 130*@toVw;\n    position: relative;\n    .content{\n      width: 280*@toVw;\n      max-height: 220*@toVw;\n      font-size:14px;\n      font-family:PingFang-SC-Medium;\n      font-weight:500;\n      color:rgba(0,0,0,1);\n      overflow: auto;\n      line-height: 25*@toVw;\n      .list{\n        span{\n          display: inline-block;\n        }\n        .star-num{\n          float: right;\n          vertical-align: middle;\n        }\n        .desc-text{\n          vertical-align: middle;\n          max-width: 120*@toVw;\n          overflow: hidden;\n          white-space: nowrap;\n          text-overflow: ellipsis;\n        }\n        .time-text{\n          vertical-align: middle;\n          margin-right: 10*@toVw;\n        }\n      }\n    }\n    .btn{\n      width: 247*@toVw;\n      height: 46*@toVw;\n      line-height: 46*@toVw;\n      background: #F6D723;\n      border-radius: 100*@toVw;\n      color: #DF4225;\n      font-size:16px;\n      font-family:PingFang-SC-Bold;\n      font-weight:bold;\n      text-align: center;\n      position: absolute;\n      bottom: 36*@toVw;\n      left: 50%;\n      margin-left: -123.5*@toVw;\n    }\n  }\n  .share_img{\n    width: 297*@toVw;\n    height: 475*@toVw;\n    background-size: 100% 100%;\n    position: relative;\n    .qrcode{\n      width: 175*@toVw;\n      height: 175*@toVw;\n      position: absolute;\n      bottom: 34*@toVw;\n      right: 8%;\n    }\n  }\n  .cvs-img{\n    position: absolute;\n    width: 297*@toVw;\n    height: 475*@toVw;\n    background-size: 100% 100%;\n    z-index: 2;\n  }\n  .share-show-block{\n    position: fixed;\n    overflow: auto;\n    top: 0;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    background: rgba(0,0,0,0.5);\n    .tips{\n      color: white;\n      width: 100%;\n      left: 0;\n      position: absolute;\n      top: 475*@toVw;\n      z-index: 3;\n      text-align: center;\n    }\n    .share-show-content{\n      width: 297*@toVw;\n      height: 500*@toVw;\n      position: absolute;\n      top: 50%;\n      margin-left: -148.5*@toVw;\n      left: 50%;\n      margin-top: -250*@toVw;\n    }\n  }\n  .no-list{\n    text-align: center;\n    color: #aaaaaa;\n    img{\n      display: block;\n      margin-bottom: 10*@toVw;\n      width: 150*@toVw;\n    }\n  }\n  .qr-close{\n    width: 250*@toVw;\n    position: absolute;\n    bottom: 40*@toVw;\n    left: 50%;\n    margin-left: -125*@toVw;\n    height: 40*@toVw;\n  }\n'],sourceRoot:""}])},pN2H:function(n,t,e){(n.exports=e("FZ+f")(!0)).push([n.i,"\n.qrcode img{\n  width: 100% !important;\n}\n","",{version:3,sources:["D:/myproject/new-singsingH5/src/components/star/src/components/star/index.vue"],names:[],mappings:";AAieA;EACA,uBAAA;CACA",file:"index.vue",sourcesContent:['<template>\n  <div class="star-activity-page">\n    <div>\n      <img class="bg" :src="starbg_1"/>\n      <div class="star-total" @click="showLog">\n        我的星星 <img class="x-img" :src="x_url"/>{{star_total}}\n      </div>\n      <img class="bg" :src="starbg_2"/>\n      <img class="bg" :src="starbg_3" @click="showQr"/>\n      <img class="bg" :src="starbg_4"/>\n    </div>\n    <div class="btn-block" ref="btn_block">\n      <div class="btn">\n        活动已结束\n      </div>\n    </div>\n\n    <mt-popup v-model="qr_show" style="background: transparent">\n      <div class="qr-img">\n        <img :src="qr_url" class="qr-img" />\n        <div class="qr-close" @click="qr_show = false"></div>\n      </div>\n    </mt-popup>\n\n    <mt-popup v-model="log_show" style="background: transparent" :closeOnClickModal="false">\n      <div :style="{backgroundImage:`url(\'${log_url}\')`}" class="log-img">\n        <div class="content">\n          <div class="no-list" v-if="no_list">\n            <img :src="no_url"/>\n            —— 暂无记录 ——\n          </div>\n          <div class="list" v-for="data in logList">\n            <span class="time-text">\n              {{data.created_at | substrTime}}\n            </span>\n            <span class="desc-text">\n              {{data.desc}}\n            </span>\n            <span class="star-num" v-if="data.is_add === 1" style="color: #7ED321">\n              星星+{{data.value}}\n            </span>\n            <span class="star-num" v-if="data.is_add !== 1" style="color: #D0021B">\n              星星-{{data.value}}\n            </span>\n          </div>\n        </div>\n        <div class="btn" @click="closeLog">\n          知道了\n        </div>\n      </div>\n    </mt-popup>\n\n    <div v-if="share_show" class="share-show-block" @click="share_show=false">\n      <div class="share-show-content">\n        <img :src="dataURL" class="cvs-img" id="cvs-img"/>\n        <div :style="{backgroundImage:`url(\'${share_img_url}\')`}" class="share_img"  ref="imageWrapper" id="capture">\n          <div id="qrcode" class="qrcode"></div>\n        </div>\n        <div class="tips">\n          <b>长按保存海报  或发送给好友</b>\n          <br>\n          越多朋友报名，您可得越多星星\n        </div>\n      </div>\n\n    </div>\n  </div>\n</template>\n\n<script>\n  import starbg_1 from \'../../assets/starActivity/actBg1.png\'\n  import starbg_2 from \'../../assets/starActivity/actBg2.png\'\n  import starbg_3 from \'../../assets/starActivity/actBg3.png\'\n  import starbg_4 from \'../../assets/starActivity/actBg4.png\'\n  import x_url from \'../../assets/starActivity/x.png\'\n  import log_url from \'../../assets/starActivity/log.png\'\n  import qr_url from \'../../assets/starActivity/qr.png\'\n  import share_img_url from \'../../assets/starActivity/share_bg.jpg\'\n  import no_url from \'../../assets/starActivity/no.png\'\n  import {getUserIntegralApi,getUserIntegralListApi,getShortApi,getShareGoodsApi,getwechatParam} from "../../service/api";\n  import  QRCode from \'qrcodejs2\'\n  import html2canvas from \'html2canvas\'\n  import { Indicator } from \'mint-ui\'\n  export default {\n    name: "index",\n    data(){\n      return {\n        starbg_1:starbg_1,\n        share_img_url:share_img_url,\n        log_url:log_url,\n        no_list:false,\n        log_show:false,\n        share_show:false,\n        qr_show:false,\n        dataURL:null,\n        no_url:no_url,\n        qr_url:qr_url,\n        starbg_2:starbg_2,\n        starbg_3:starbg_3,\n        starbg_4:starbg_4,\n        x_url:x_url,\n        star_total:0,\n        logList:[],\n        shopId:null,\n        share_URL:null\n      }\n    },\n    methods:{\n      initPage(){\n        getShareGoodsApi().then(res=>{\n          this.shopId = res[0].value;\n          this.share_URL = process.env.API_URL+\'#/buyDetail?shopId=\'+ this.shopId + \'&invite_code=CC-ZKHB-\'+JSON.parse(localStorage.getItem(\'userDesc\')).user_id;\n          this.onShare(this.share_URL);\n          this.toDataURLBase64(this.share_img_url,(cal)=>{\n              this.share_img_url = cal;\n          })\n        });\n        getUserIntegralApi().then(res=>{\n          this.star_total = res.last_value\n        })\n      },\n      closeLog(){\n        window.removeEventListener("scroll",this.scrollFix);\n        this.log_show = false\n      },\n      onShare(URL) {\n        this.enableShare({\n          product_title: `赠您【1元领取398元英语启蒙课程特权】，限时福利，立即领取`, // 分享标题\n          desc: `学习另赠价值58元实物绘本，包邮送到家~`,//\n          shareIcon:\'https://cdn.singsingenglish.com/logo/logo.jpg\',\n          shareUrl:URL\n        })\n      },\n      showQr(){\n        this.qr_show = true;\n        this.$sa.track(\'buttonClick\',{\n          tabTitle:\'星星活动页\',\n          moduleTitle:\'星星活动页\',\n          buttonType:\'功能\',\n          buttonName:\'小助手二维码\'\n        });\n      },\n      enableShare: function(option) {\n        getwechatParam({\n          api_list:   \'onMenuShareAppMessage,onMenuShareTimeline\',\n          url:window.location.href.split(\'#\')[0]\n        }).then(wechatRes => {\n          wx.config({\n            debug: false,\n            appId: wechatRes.appId,\n            timestamp: parseInt(wechatRes.timestamp),\n            nonceStr: wechatRes.nonceStr,\n            signature: wechatRes.signature,\n            jsApiList: wechatRes.jsApiList\n          });\n          wx.ready(function() {\n            wx.onMenuShareTimeline({\n              title: option.product_title, // 分享标题\n              desc: option.desc,// 分享描述\n              link: option.shareUrl, // 分享链接\n              imgUrl: option.shareIcon || \'https://cdn.singsingenglish.com/singsing/recommend/logo-refer.png\', // 分享图标\n              success: function() {\n                console.log(\'分享成功\');\n              },\n              cancel: function() {\n                console.log(\'分享失败\');\n              }\n            });\n            wx.onMenuShareAppMessage({\n              title: option.product_title, // 分享标题\n              desc: option.desc,// 分享描述\n              link: option.shareUrl, // 分享链接\n              imgUrl: option.shareIcon || \'https://cdn.singsingenglish.com/singsing/recommend/logo-refer.png\', // 分享图标\n              success: function() {\n              },\n              cancel: function() {\n              }\n            });\n          })\n        })\n      },\n      qrcode(data){\n        if(this.QRCodeB){\n          this.QRCodeB.makeCode(data)\n        }else{\n          this.QRCodeB = new QRCode(\'qrcode\', {\n            width: 140,\n            height: 140, // 高度\n            text: data, // 二维码内容\n            image: \'\'\n          });\n        }\n      },\n      refshow(){\n        this.$sa.track(\'buttonClick\',{\n          tabTitle:\'星星活动页\',\n          moduleTitle:\'星星活动页\',\n          buttonType:\'功能\',\n          buttonName:\'生成海报\'\n        });\n        this.share_show = true;\n        if(this.dataURL){}else{\n          Indicator.open();\n          getShortApi({url:this.share_URL}).then(res=>{\n            this.qrcode(res.url);\n            this.$nextTick(()=>{\n              let {\n                width,\n              } = document.getElementById(\'capture\').getClientRects()[0];\n              document.getElementById(\'capture\').style.width = document.getElementById(\'capture\').getClientRects()[0].width*2 + \'px\';\n              document.getElementById(\'capture\').style.height = document.getElementById(\'capture\').getClientRects()[0].height*2 + \'px\';\n              setTimeout(()=>{\n                html2canvas(document.getElementById(\'capture\'),{\n                  async: true,\n                  scale: 2,\n                  letterRendering: true,\n                }).then((canvas) => {\n                  let dataURL = canvas.toDataURL("image/jpg");\n                  this.dataURL = dataURL;\n                  document.getElementById(\'capture\').style.display="none"\n                  Indicator.close();\n                }).catch(res=>{\n                  alert(res);console.log();\n                  document.getElementById(\'capture\').style.display="none"\n                  Indicator.close();\n                });\n                },500)\n            })\n          })\n        }\n      },\n      getOffsetRect(ele){\n        var box=ele.getBoundingClientRect();\n        var body=document.body,\n          docElem=document.documentElement;\n        //获取页面的scrollTop,scrollLeft(兼容性写法)\n        var scrollTop=window.pageYOffset||docElem.scrollTop||body.scrollTop,\n          scrollLeft=window.pageXOffset||docElem.scrollLeft||body.scrollLeft;\n        var clientTop=docElem.clientTop||body.clientTop,\n          clientLeft=docElem.clientLeft||body.clientLeft;\n        var top=box.top+scrollTop-clientTop,\n          left=box.left+scrollLeft-clientLeft;\n        return {\n          //Math.round 兼容火狐浏览器bug\n          top:Math.round(top),\n          left:Math.round(left)\n        }\n      },\n      toDataURLBase64 (src, callback) {\n        let xhttp = new XMLHttpRequest();\n        xhttp.onload = function () {\n          let fileReader = new FileReader();\n          fileReader.onloadend = function () {\n            callback(fileReader.result)\n          };\n          fileReader.readAsDataURL(xhttp.response)\n        };\n        xhttp.responseType = \'blob\';\n        xhttp.open(\'GET\', src, true);\n        xhttp.send()\n      },\n      scrollFix(data){\n        window.scrollTo(0, data)\n      },\n      showLog(){\n        this.$sa.track(\'buttonClick\',{\n          tabTitle:\'星星活动页\',\n          moduleTitle:\'星星活动页\',\n          buttonType:\'功能\',\n          buttonName:\'查看积分\'\n        });\n        getUserIntegralListApi({limit:1000}).then(res=>{\n          if(!res.list || res.list.length <1 ){\n            this.no_list = true\n          }else{\n            this.logList = res.list;\n          }\n          let t =document.documentElement.scrollTop||document.body.scrollTop;\n          window.addEventListener("scroll",this.scrollFix);\n          this.log_show = true;\n        })\n      }\n    },\n    filters:{\n      substrTime(value){\n        return value.substr(0,10).replace(/-/g,\'.\')\n      }\n    },\n    mounted(){\n      this.initPage();\n      window.onscroll= ()=>{\n        //变量t是滚动条滚动时，距离顶部的距离\n        let t = document.documentElement.scrollTop||document.body.scrollTop;\n        if(t>300){\n          this.$refs.btn_block.style.opacity = 1;\n\n          this.$refs.btn_block.style.display = \'block\'\n        }else{\n          this.$refs.btn_block.style.opacity = 0;\n          this.$refs.btn_block.style.display = \'none\'\n        }\n      }\n    }\n  }\n<\/script>\n\n<style scoped lang="less">\n  @import "../../util/public";\n.star-activity-page{\n  padding-bottom: 60*@toVw;\n  .bg{\n    width: 100%;\n    display: block;\n  }\n  .star-total{\n    width: 164*@toVw;\n    height: 39*@toVw;\n    border: 1*@toVw solid #000;\n    border-radius: 80*@toVw;\n    line-height: 39*@toVw;\n    font-size:18px;\n    background:rgba(255,216,0,1);\n    font-family:PingFang-SC-Medium;\n    font-weight:500;\n    color:rgba(0,0,0,1);\n    text-align: center;\n    position: absolute;\n    top: 480*@toVw;\n    left: 50%;\n    margin-left: -82*@toVw;\n    .x-img{\n      width: 7*@toVw;\n    }\n  }\n  .btn-block{\n    padding:8*@toVw;\n    position: fixed;\n    left: 0;\n    width: 100%;\n    background: white;\n    opacity: 0;\n    display: none;\n    transition: all 0.5s;\n    bottom: 0;\n    .btn{\n      width: 287*@toVw;\n      height: 44*@toVw;\n      margin: auto;\n      background: #ccc;\n      border-radius: 100*@toVw;\n      color: white;\n      line-height: 44*@toVw;\n      text-align: center;\n      font-size:16px;\n      font-family:PingFang-SC-Medium;\n      font-weight:500;\n    }\n  }\n}\n  .qr-img{\n    width: 323*@toVw;\n  }\n  .log-img{\n    width: 337*@toVw;\n    height: 354*@toVw;\n    background-size: 100% 100%;\n    padding-top: 130*@toVw;\n    position: relative;\n    .content{\n      width: 280*@toVw;\n      max-height: 220*@toVw;\n      font-size:14px;\n      font-family:PingFang-SC-Medium;\n      font-weight:500;\n      color:rgba(0,0,0,1);\n      overflow: auto;\n      line-height: 25*@toVw;\n      .list{\n        span{\n          display: inline-block;\n        }\n        .star-num{\n          float: right;\n          vertical-align: middle;\n        }\n        .desc-text{\n          vertical-align: middle;\n          max-width: 120*@toVw;\n          overflow: hidden;\n          white-space: nowrap;\n          text-overflow: ellipsis;\n        }\n        .time-text{\n          vertical-align: middle;\n          margin-right: 10*@toVw;\n        }\n      }\n    }\n    .btn{\n      width: 247*@toVw;\n      height: 46*@toVw;\n      line-height: 46*@toVw;\n      background: #F6D723;\n      border-radius: 100*@toVw;\n      color: #DF4225;\n      font-size:16px;\n      font-family:PingFang-SC-Bold;\n      font-weight:bold;\n      text-align: center;\n      position: absolute;\n      bottom: 36*@toVw;\n      left: 50%;\n      margin-left: -123.5*@toVw;\n    }\n  }\n  .share_img{\n    width: 297*@toVw;\n    height: 475*@toVw;\n    background-size: 100% 100%;\n    position: relative;\n    .qrcode{\n      width: 175*@toVw;\n      height: 175*@toVw;\n      position: absolute;\n      bottom: 34*@toVw;\n      right: 8%;\n    }\n  }\n  .cvs-img{\n    position: absolute;\n    width: 297*@toVw;\n    height: 475*@toVw;\n    background-size: 100% 100%;\n    z-index: 2;\n  }\n  .share-show-block{\n    position: fixed;\n    overflow: auto;\n    top: 0;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    background: rgba(0,0,0,0.5);\n    .tips{\n      color: white;\n      width: 100%;\n      left: 0;\n      position: absolute;\n      top: 475*@toVw;\n      z-index: 3;\n      text-align: center;\n    }\n    .share-show-content{\n      width: 297*@toVw;\n      height: 500*@toVw;\n      position: absolute;\n      top: 50%;\n      margin-left: -148.5*@toVw;\n      left: 50%;\n      margin-top: -250*@toVw;\n    }\n  }\n  .no-list{\n    text-align: center;\n    color: #aaaaaa;\n    img{\n      display: block;\n      margin-bottom: 10*@toVw;\n      width: 150*@toVw;\n    }\n  }\n  .qr-close{\n    width: 250*@toVw;\n    position: absolute;\n    bottom: 40*@toVw;\n    left: 50%;\n    margin-left: -125*@toVw;\n    height: 40*@toVw;\n  }\n</style>\n<style>\n  .qrcode img{\n    width: 100% !important;\n  }\n</style>\n'],sourceRoot:""}])},riDf:function(n,t,e){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var o=e("FRDK"),i=e.n(o),a=e("f+ht"),s=e.n(a),l=e("oSXS"),r=e.n(l),c=e("yniu"),A=e.n(c),g=e("+2W0"),d=e.n(g),h=e("JK9h"),p=e.n(h),w=e("UEMf"),m=e.n(w),u=e("3CuV"),b=e.n(u),v=e("2Ihx"),f=e.n(v),C=e("CCn6"),E=e("MJLE"),_=e.n(E),x=e("2Pnh"),y=e.n(x),B=e("Au9i"),k={name:"index",data:function(){return{starbg_1:i.a,share_img_url:b.a,log_url:p.a,no_list:!1,log_show:!1,share_show:!1,qr_show:!1,dataURL:null,no_url:f.a,qr_url:m.a,starbg_2:s.a,starbg_3:r.a,starbg_4:A.a,x_url:d.a,star_total:0,logList:[],shopId:null,share_URL:null}},methods:{initPage:function(){var n=this;Object(C.u)().then(function(t){n.shopId=t[0].value,n.share_URL="https://wechat-test.changchangenglish.com/#/buyDetail?shopId="+n.shopId+"&invite_code=CC-ZKHB-"+JSON.parse(localStorage.getItem("userDesc")).user_id,n.onShare(n.share_URL),n.toDataURLBase64(n.share_img_url,function(t){n.share_img_url=t})}),Object(C.B)().then(function(t){n.star_total=t.last_value})},closeLog:function(){window.removeEventListener("scroll",this.scrollFix),this.log_show=!1},onShare:function(n){this.enableShare({product_title:"赠您【1元领取398元英语启蒙课程特权】，限时福利，立即领取",desc:"学习另赠价值58元实物绘本，包邮送到家~",shareIcon:"https://cdn.singsingenglish.com/logo/logo.jpg",shareUrl:n})},showQr:function(){this.qr_show=!0,this.$sa.track("buttonClick",{tabTitle:"星星活动页",moduleTitle:"星星活动页",buttonType:"功能",buttonName:"小助手二维码"})},enableShare:function(n){Object(C.F)({api_list:"onMenuShareAppMessage,onMenuShareTimeline",url:window.location.href.split("#")[0]}).then(function(t){wx.config({debug:!1,appId:t.appId,timestamp:parseInt(t.timestamp),nonceStr:t.nonceStr,signature:t.signature,jsApiList:t.jsApiList}),wx.ready(function(){wx.onMenuShareTimeline({title:n.product_title,desc:n.desc,link:n.shareUrl,imgUrl:n.shareIcon||"https://cdn.singsingenglish.com/singsing/recommend/logo-refer.png",success:function(){console.log("分享成功")},cancel:function(){console.log("分享失败")}}),wx.onMenuShareAppMessage({title:n.product_title,desc:n.desc,link:n.shareUrl,imgUrl:n.shareIcon||"https://cdn.singsingenglish.com/singsing/recommend/logo-refer.png",success:function(){},cancel:function(){}})})})},qrcode:function(n){this.QRCodeB?this.QRCodeB.makeCode(n):this.QRCodeB=new _.a("qrcode",{width:140,height:140,text:n,image:""})},refshow:function(){var n=this;this.$sa.track("buttonClick",{tabTitle:"星星活动页",moduleTitle:"星星活动页",buttonType:"功能",buttonName:"生成海报"}),this.share_show=!0,this.dataURL||(B.Indicator.open(),Object(C.v)({url:this.share_URL}).then(function(t){n.qrcode(t.url),n.$nextTick(function(){document.getElementById("capture").getClientRects()[0].width;document.getElementById("capture").style.width=2*document.getElementById("capture").getClientRects()[0].width+"px",document.getElementById("capture").style.height=2*document.getElementById("capture").getClientRects()[0].height+"px",setTimeout(function(){y()(document.getElementById("capture"),{async:!0,scale:2,letterRendering:!0}).then(function(t){var e=t.toDataURL("image/jpg");n.dataURL=e,document.getElementById("capture").style.display="none",B.Indicator.close()}).catch(function(n){alert(n),console.log(),document.getElementById("capture").style.display="none",B.Indicator.close()})},500)})}))},getOffsetRect:function(n){var t=n.getBoundingClientRect(),e=document.body,o=document.documentElement,i=window.pageYOffset||o.scrollTop||e.scrollTop,a=window.pageXOffset||o.scrollLeft||e.scrollLeft,s=o.clientTop||e.clientTop,l=o.clientLeft||e.clientLeft,r=t.top+i-s,c=t.left+a-l;return{top:Math.round(r),left:Math.round(c)}},toDataURLBase64:function(n,t){var e=new XMLHttpRequest;e.onload=function(){var n=new FileReader;n.onloadend=function(){t(n.result)},n.readAsDataURL(e.response)},e.responseType="blob",e.open("GET",n,!0),e.send()},scrollFix:function(n){window.scrollTo(0,n)},showLog:function(){var n=this;this.$sa.track("buttonClick",{tabTitle:"星星活动页",moduleTitle:"星星活动页",buttonType:"功能",buttonName:"查看积分"}),Object(C.C)({limit:1e3}).then(function(t){!t.list||t.list.length<1?n.no_list=!0:n.logList=t.list;document.documentElement.scrollTop||document.body.scrollTop;window.addEventListener("scroll",n.scrollFix),n.log_show=!0})}},filters:{substrTime:function(n){return n.substr(0,10).replace(/-/g,".")}},mounted:function(){var n=this;this.initPage(),window.onscroll=function(){(document.documentElement.scrollTop||document.body.scrollTop)>300?(n.$refs.btn_block.style.opacity=1,n.$refs.btn_block.style.display="block"):(n.$refs.btn_block.style.opacity=0,n.$refs.btn_block.style.display="none")}}},R=function(){var n=this,t=n.$createElement,e=n._self._c||t;return e("div",{staticClass:"star-activity-page"},[e("div",[e("img",{staticClass:"bg",attrs:{src:n.starbg_1}}),n._v(" "),e("div",{staticClass:"star-total",on:{click:n.showLog}},[n._v("\n      我的星星 "),e("img",{staticClass:"x-img",attrs:{src:n.x_url}}),n._v(n._s(n.star_total)+"\n    ")]),n._v(" "),e("img",{staticClass:"bg",attrs:{src:n.starbg_2}}),n._v(" "),e("img",{staticClass:"bg",attrs:{src:n.starbg_3},on:{click:n.showQr}}),n._v(" "),e("img",{staticClass:"bg",attrs:{src:n.starbg_4}})]),n._v(" "),e("div",{ref:"btn_block",staticClass:"btn-block"},[e("div",{staticClass:"btn"},[n._v("\n      活动已结束\n    ")])]),n._v(" "),e("mt-popup",{staticStyle:{background:"transparent"},model:{value:n.qr_show,callback:function(t){n.qr_show=t},expression:"qr_show"}},[e("div",{staticClass:"qr-img"},[e("img",{staticClass:"qr-img",attrs:{src:n.qr_url}}),n._v(" "),e("div",{staticClass:"qr-close",on:{click:function(t){n.qr_show=!1}}})])]),n._v(" "),e("mt-popup",{staticStyle:{background:"transparent"},attrs:{closeOnClickModal:!1},model:{value:n.log_show,callback:function(t){n.log_show=t},expression:"log_show"}},[e("div",{staticClass:"log-img",style:{backgroundImage:"url('"+n.log_url+"')"}},[e("div",{staticClass:"content"},[n.no_list?e("div",{staticClass:"no-list"},[e("img",{attrs:{src:n.no_url}}),n._v("\n          —— 暂无记录 ——\n        ")]):n._e(),n._v(" "),n._l(n.logList,function(t){return e("div",{staticClass:"list"},[e("span",{staticClass:"time-text"},[n._v("\n            "+n._s(n._f("substrTime")(t.created_at))+"\n          ")]),n._v(" "),e("span",{staticClass:"desc-text"},[n._v("\n            "+n._s(t.desc)+"\n          ")]),n._v(" "),1===t.is_add?e("span",{staticClass:"star-num",staticStyle:{color:"#7ED321"}},[n._v("\n            星星+"+n._s(t.value)+"\n          ")]):n._e(),n._v(" "),1!==t.is_add?e("span",{staticClass:"star-num",staticStyle:{color:"#D0021B"}},[n._v("\n            星星-"+n._s(t.value)+"\n          ")]):n._e()])})],2),n._v(" "),e("div",{staticClass:"btn",on:{click:n.closeLog}},[n._v("\n        知道了\n      ")])])]),n._v(" "),n.share_show?e("div",{staticClass:"share-show-block",on:{click:function(t){n.share_show=!1}}},[e("div",{staticClass:"share-show-content"},[e("img",{staticClass:"cvs-img",attrs:{src:n.dataURL,id:"cvs-img"}}),n._v(" "),e("div",{ref:"imageWrapper",staticClass:"share_img",style:{backgroundImage:"url('"+n.share_img_url+"')"},attrs:{id:"capture"}},[e("div",{staticClass:"qrcode",attrs:{id:"qrcode"}})]),n._v(" "),n._m(0)])]):n._e()],1)};R._withStripped=!0;var V={render:R,staticRenderFns:[function(){var n=this.$createElement,t=this._self._c||n;return t("div",{staticClass:"tips"},[t("b",[this._v("长按保存海报  或发送给好友")]),this._v(" "),t("br"),this._v("\n        越多朋友报名，您可得越多星星\n      ")])}]},L=V;var D=!1;var q=e("VU/8")(k,L,!1,function(n){D||(e("yKqH"),e("7Kl1"))},"data-v-5c664a65",null);q.options.__file="src/components/star/index.vue";t.default=q.exports},yKqH:function(n,t,e){var o=e("pGj6");"string"==typeof o&&(o=[[n.i,o,""]]),o.locals&&(n.exports=o.locals);e("rjj0")("66b6212c",o,!1,{})},yniu:function(n,t,e){n.exports=e.p+"static/img/actBg4.74aadcc.png"}});
-//# sourceMappingURL=4.73e616ca42780c81bd91.js.map
\ No newline at end of file
+webpackJsonp([4],{"+2W0":function(n,t){n.exports="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAAAXNSR0IArs4c6QAAAd9JREFUOBGVk00uREEUhZ9/EQZiYECMzCUSAwswZR92YDFC9wYQhPhbhAXQE1vwTztfpU67r9973elKvq5bt+45dV+910VRHmNawo54EodiWjjvmdyReBbUOq+wOrxJ4avoZk40R3Pi07BPbaO5TcdV1AmiaD6rPERT76OZEPZR+L9gY0q0hQVxPlMeYs7xsfJoS+acQqeTgo4WxYWwaNh8njVo8cALz/TDghPnBMar4koMM6WGWjRo8SgZ8wi8lHmxJFbEurgRTebsUUMtGrR4JGN+GIj7B3t1+Vhnfcz1Yt9xvIo17V6Lpm6dp4baxqvAnOuYETzWKC/vMmvQVr4KG3NHLeGO4vygPMSc47byaAcad2rE98ptZYht6Lmj3EBjHmdXvAmL7hRvio0MMTnvvyveE6WriK0T84G/iEexLejuQHyJ38yP5luxLBbEvuCK2Pdhvf82d4wpj8PJ/IuYybGHACGDT8y5b8Ufgq6ZPwW5LsKmgVEq0kyX0dhP6lzFIxq7Kxu6mDXGwMAU/OfgcGoAjzTqjLlPBgLGMGP2/Q4qxiTAXVHsjmxsEQfGjtmPNamOl8Dw7BfD2jkKEcbhOnLsG9d1LabAcZzT6VlIjcegmqRxQb/A61FnN1L8AQ0BxfTPbexRAAAAAElFTkSuQmCC"},"2Ihx":function(n,t,e){n.exports=e.p+"static/img/no.4e27c3e.png"},"3CuV":function(n,t,e){n.exports=e.p+"static/img/share_bg.03f118a.jpg"},"7Kl1":function(n,t,e){var r=e("pN2H");"string"==typeof r&&(r=[[n.i,r,""]]),r.locals&&(n.exports=r.locals);e("rjj0")("fbe34a26",r,!1,{})},FRDK:function(n,t,e){n.exports=e.p+"static/img/actBg1.f48d135.png"},JK9h:function(n,t,e){n.exports=e.p+"static/img/log.8c70e94.png"},UEMf:function(n,t,e){n.exports=e.p+"static/img/qr.f968b9d.png"},"f+ht":function(n,t,e){n.exports=e.p+"static/img/actBg2.b47e39b.png"},oSXS:function(n,t,e){n.exports=e.p+"static/img/actBg3.53dd5e6.png"},pGj6:function(n,t,e){(n.exports=e("FZ+f")(!0)).push([n.i,"\n.fl-r[data-v-5c664a65] {\n  float: right;\n}\n.main-block[data-v-5c664a65] {\n  margin: 5px;\n  background: white;\n  padding: 5px;\n}\n.clear-both[data-v-5c664a65]:after {\n  content: '';\n  display: block;\n  clear: both;\n}\n[data-v-5c664a65]::-webkit-scrollbar-track-piece {\n  border-radius: 10px;\n}\n[data-v-5c664a65]::-webkit-scrollbar {\n  width: 5px;\n  height: 5px;\n}\n[data-v-5c664a65]::-webkit-scrollbar-thumb {\n  background-color: #999;\n  border-radius: 10px;\n  height: 10px;\n  min-height: 10px;\n}\n.star-activity-page[data-v-5c664a65] {\n  padding-bottom: 16vw;\n}\n.star-activity-page .bg[data-v-5c664a65] {\n  width: 100%;\n  display: block;\n}\n.star-activity-page .star-total[data-v-5c664a65] {\n  width: 43.73333333vw;\n  height: 10.4vw;\n  border: 0.26666667vw solid #000;\n  border-radius: 21.33333333vw;\n  line-height: 10.4vw;\n  font-size: 18px;\n  background: #ffd800;\n  font-family: PingFang-SC-Medium;\n  font-weight: 500;\n  color: #000000;\n  text-align: center;\n  position: absolute;\n  top: 128vw;\n  left: 50%;\n  margin-left: -21.86666667vw;\n}\n.star-activity-page .star-total .x-img[data-v-5c664a65] {\n  width: 1.86666667vw;\n}\n.star-activity-page .btn-block[data-v-5c664a65] {\n  padding: 2.13333333vw;\n  position: fixed;\n  left: 0;\n  width: 100%;\n  background: white;\n  opacity: 0;\n  display: none;\n  -webkit-transition: all 0.5s;\n  transition: all 0.5s;\n  bottom: 0;\n}\n.star-activity-page .btn-block .btn[data-v-5c664a65] {\n  width: 76.53333333vw;\n  height: 11.73333333vw;\n  margin: auto;\n  background: #ccc;\n  border-radius: 26.66666667vw;\n  color: white;\n  line-height: 11.73333333vw;\n  text-align: center;\n  font-size: 16px;\n  font-family: PingFang-SC-Medium;\n  font-weight: 500;\n}\n.qr-img[data-v-5c664a65] {\n  width: 86.13333333vw;\n}\n.log-img[data-v-5c664a65] {\n  width: 89.86666667vw;\n  height: 94.4vw;\n  background-size: 100% 100%;\n  padding-top: 34.66666667vw;\n  position: relative;\n}\n.log-img .content[data-v-5c664a65] {\n  width: 74.66666667vw;\n  max-height: 58.66666667vw;\n  font-size: 14px;\n  font-family: PingFang-SC-Medium;\n  font-weight: 500;\n  color: #000000;\n  overflow: auto;\n  line-height: 6.66666667vw;\n}\n.log-img .content .list span[data-v-5c664a65] {\n  display: inline-block;\n}\n.log-img .content .list .star-num[data-v-5c664a65] {\n  float: right;\n  vertical-align: middle;\n}\n.log-img .content .list .desc-text[data-v-5c664a65] {\n  vertical-align: middle;\n  max-width: 32vw;\n  overflow: hidden;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n}\n.log-img .content .list .time-text[data-v-5c664a65] {\n  vertical-align: middle;\n  margin-right: 2.66666667vw;\n}\n.log-img .btn[data-v-5c664a65] {\n  width: 65.86666667vw;\n  height: 12.26666667vw;\n  line-height: 12.26666667vw;\n  background: #F6D723;\n  border-radius: 26.66666667vw;\n  color: #DF4225;\n  font-size: 16px;\n  font-family: PingFang-SC-Bold;\n  font-weight: bold;\n  text-align: center;\n  position: absolute;\n  bottom: 9.6vw;\n  left: 50%;\n  margin-left: -32.93333333vw;\n}\n.share_img[data-v-5c664a65] {\n  width: 79.2vw;\n  height: 126.66666667vw;\n  background-size: 100% 100%;\n  position: relative;\n}\n.share_img .qrcode[data-v-5c664a65] {\n  width: 46.66666667vw;\n  height: 46.66666667vw;\n  position: absolute;\n  bottom: 9.06666667vw;\n  right: 8%;\n}\n.cvs-img[data-v-5c664a65] {\n  position: absolute;\n  width: 79.2vw;\n  height: 126.66666667vw;\n  background-size: 100% 100%;\n  z-index: 2;\n}\n.share-show-block[data-v-5c664a65] {\n  position: fixed;\n  overflow: auto;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  background: rgba(0, 0, 0, 0.5);\n}\n.share-show-block .tips[data-v-5c664a65] {\n  color: white;\n  width: 100%;\n  left: 0;\n  position: absolute;\n  top: 126.66666667vw;\n  z-index: 3;\n  text-align: center;\n}\n.share-show-block .share-show-content[data-v-5c664a65] {\n  width: 79.2vw;\n  height: 133.33333333vw;\n  position: absolute;\n  top: 50%;\n  margin-left: -39.6vw;\n  left: 50%;\n  margin-top: -66.66666667vw;\n}\n.no-list[data-v-5c664a65] {\n  text-align: center;\n  color: #aaaaaa;\n}\n.no-list img[data-v-5c664a65] {\n  display: block;\n  margin-bottom: 2.66666667vw;\n  width: 40vw;\n}\n.qr-close[data-v-5c664a65] {\n  width: 66.66666667vw;\n  position: absolute;\n  bottom: 10.66666667vw;\n  left: 50%;\n  margin-left: -33.33333333vw;\n  height: 10.66666667vw;\n}\n","",{version:3,sources:["D:/myproject/new-singsingH5/src/components/star/D:/myproject/new-singsingH5/src/util/public.less","D:/myproject/new-singsingH5/src/components/star/index.vue","D:/myproject/new-singsingH5/src/components/star/D:/myproject/new-singsingH5/src/components/star/index.vue"],names:[],mappings:";AAcA;EACE,aAAA;CCbD;ADeD;EACE,YAAA;EACA,kBAAA;EACA,aAAA;CCbD;ADmBC;EACE,YAAA;EACA,eAAA;EACA,YAAA;CCjBH;ADqBD;EACE,oBAAA;CCnBD;ADqBD;EACE,WAAA;EACA,YAAA;CCnBD;ADqBD;EACE,uBAAA;EACA,oBAAA;EACA,aAAA;EACA,iBAAA;CCnBD;AC2RD;EACE,qBAAA;CDzRD;ACwRD;EAGI,YAAA;EACA,eAAA;CDxRH;ACoRD;EAOI,qBAAA;EACA,eAAA;EACA,gCAAA;EACA,6BAAA;EACA,oBAAA;EACA,gBAAA;EACA,oBAAA;EACA,gCAAA;EACA,iBAAA;EACA,eAAA;EACA,mBAAA;EACA,mBAAA;EACA,WAAA;EACA,UAAA;EACA,4BAAA;CDxRH;ACmQD;EAuBM,oBAAA;CDvRL;ACgQD;EA2BI,sBAAA;EACA,gBAAA;EACA,QAAA;EACA,YAAA;EACA,kBAAA;EACA,WAAA;EACA,cAAA;EACA,6BAAA;EAAA,qBAAA;EACA,UAAA;CDxRH;ACqPD;EAqCM,qBAAA;EACA,sBAAA;EACA,aAAA;EACA,iBAAA;EACA,6BAAA;EACA,aAAA;EACA,2BAAA;EACA,mBAAA;EACA,gBAAA;EACA,gCAAA;EACA,iBAAA;CDvRL;AC2RC;EACE,qBAAA;CDzRH;AC2RC;EACE,qBAAA;EACA,eAAA;EACA,2BAAA;EACA,2BAAA;EACA,mBAAA;CDzRH;ACoRC;EAOI,qBAAA;EACA,0BAAA;EACA,gBAAA;EACA,gCAAA;EACA,iBAAA;EACA,eAAA;EACA,eAAA;EACA,0BAAA;CDxRL;AC0QC;EAiBQ,sBAAA;CDxRT;ACuQC;EAoBQ,aAAA;EACA,uBAAA;CDxRT;ACmQC;EAwBQ,uBAAA;EACA,gBAAA;EACA,iBAAA;EACA,oBAAA;EACA,wBAAA;CDxRT;AC4PC;EA+BQ,uBAAA;EACA,2BAAA;CDxRT;ACwPC;EAqCI,qBAAA;EACA,sBAAA;EACA,2BAAA;EACA,oBAAA;EACA,6BAAA;EACA,eAAA;EACA,gBAAA;EACA,8BAAA;EACA,kBAAA;EACA,mBAAA;EACA,mBAAA;EACA,cAAA;EACA,UAAA;EACA,4BAAA;CD1RL;AC6RC;EACE,cAAA;EACA,uBAAA;EACA,2BAAA;EACA,mBAAA;CD3RH;ACuRC;EAMI,qBAAA;EACA,sBAAA;EACA,mBAAA;EACA,qBAAA;EACA,UAAA;CD1RL;AC6RC;EACE,mBAAA;EACA,cAAA;EACA,uBAAA;EACA,2BAAA;EACA,WAAA;CD3RH;AC6RC;EACE,gBAAA;EACA,eAAA;EACA,OAAA;EACA,UAAA;EACA,QAAA;EACA,SAAA;EACA,+BAAA;CD3RH;ACoRC;EASI,aAAA;EACA,YAAA;EACA,QAAA;EACA,mBAAA;EACA,oBAAA;EACA,WAAA;EACA,mBAAA;CD1RL;AC2QC;EAkBI,cAAA;EACA,uBAAA;EACA,mBAAA;EACA,SAAA;EACA,qBAAA;EACA,UAAA;EACA,2BAAA;CD1RL;AC6RC;EACE,mBAAA;EACA,eAAA;CD3RH;ACyRC;EAII,eAAA;EACA,4BAAA;EACA,YAAA;CD1RL;AC6RC;EACE,qBAAA;EACA,mBAAA;EACA,sBAAA;EACA,UAAA;EACA,4BAAA;EACA,sBAAA;CD3RH",file:"index.vue",sourcesContent:["//颜色参数\n@toVw:100/375vw;\n@toVh:100/667vh;\n@bg-b: #333;\n@bg-b-s:#444;\n@black-line:#191919;\n@gray-line:#666;\n@light-line:#ddd;\n@main-font-color:#fff;\n@secondary-font-color:#999;\n@gold-color-light:#FFD04B;\n@gold-color: #a18430;\n\n//公共类\n.fl-r{\n  float: right;\n}\n.main-block{\n  margin: 5px;\n  background: white;\n  padding: 5px;\n}\nhtml{\n\n}\n.clear-both{\n  &:after{\n    content: '';\n    display: block;\n    clear: both;\n  }\n}\n//滚动条样式\n::-webkit-scrollbar-track-piece { //滚动条凹槽的颜色，还可以设置边框属性\n  border-radius: 10px;\n}\n::-webkit-scrollbar {//滚动条的宽度\n  width:5px;\n  height:5px;\n}\n::-webkit-scrollbar-thumb {//滚动条的设置\n  background-color:@secondary-font-color;\n  border-radius: 10px;\n  height: 10px;\n  min-height:10px;\n}\n",".fl-r {\n  float: right;\n}\n.main-block {\n  margin: 5px;\n  background: white;\n  padding: 5px;\n}\n.clear-both:after {\n  content: '';\n  display: block;\n  clear: both;\n}\n::-webkit-scrollbar-track-piece {\n  border-radius: 10px;\n}\n::-webkit-scrollbar {\n  width: 5px;\n  height: 5px;\n}\n::-webkit-scrollbar-thumb {\n  background-color: #999;\n  border-radius: 10px;\n  height: 10px;\n  min-height: 10px;\n}\n.star-activity-page {\n  padding-bottom: 16vw;\n}\n.star-activity-page .bg {\n  width: 100%;\n  display: block;\n}\n.star-activity-page .star-total {\n  width: 43.73333333vw;\n  height: 10.4vw;\n  border: 0.26666667vw solid #000;\n  border-radius: 21.33333333vw;\n  line-height: 10.4vw;\n  font-size: 18px;\n  background: #ffd800;\n  font-family: PingFang-SC-Medium;\n  font-weight: 500;\n  color: #000000;\n  text-align: center;\n  position: absolute;\n  top: 128vw;\n  left: 50%;\n  margin-left: -21.86666667vw;\n}\n.star-activity-page .star-total .x-img {\n  width: 1.86666667vw;\n}\n.star-activity-page .btn-block {\n  padding: 2.13333333vw;\n  position: fixed;\n  left: 0;\n  width: 100%;\n  background: white;\n  opacity: 0;\n  display: none;\n  transition: all 0.5s;\n  bottom: 0;\n}\n.star-activity-page .btn-block .btn {\n  width: 76.53333333vw;\n  height: 11.73333333vw;\n  margin: auto;\n  background: #ccc;\n  border-radius: 26.66666667vw;\n  color: white;\n  line-height: 11.73333333vw;\n  text-align: center;\n  font-size: 16px;\n  font-family: PingFang-SC-Medium;\n  font-weight: 500;\n}\n.qr-img {\n  width: 86.13333333vw;\n}\n.log-img {\n  width: 89.86666667vw;\n  height: 94.4vw;\n  background-size: 100% 100%;\n  padding-top: 34.66666667vw;\n  position: relative;\n}\n.log-img .content {\n  width: 74.66666667vw;\n  max-height: 58.66666667vw;\n  font-size: 14px;\n  font-family: PingFang-SC-Medium;\n  font-weight: 500;\n  color: #000000;\n  overflow: auto;\n  line-height: 6.66666667vw;\n}\n.log-img .content .list span {\n  display: inline-block;\n}\n.log-img .content .list .star-num {\n  float: right;\n  vertical-align: middle;\n}\n.log-img .content .list .desc-text {\n  vertical-align: middle;\n  max-width: 32vw;\n  overflow: hidden;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n}\n.log-img .content .list .time-text {\n  vertical-align: middle;\n  margin-right: 2.66666667vw;\n}\n.log-img .btn {\n  width: 65.86666667vw;\n  height: 12.26666667vw;\n  line-height: 12.26666667vw;\n  background: #F6D723;\n  border-radius: 26.66666667vw;\n  color: #DF4225;\n  font-size: 16px;\n  font-family: PingFang-SC-Bold;\n  font-weight: bold;\n  text-align: center;\n  position: absolute;\n  bottom: 9.6vw;\n  left: 50%;\n  margin-left: -32.93333333vw;\n}\n.share_img {\n  width: 79.2vw;\n  height: 126.66666667vw;\n  background-size: 100% 100%;\n  position: relative;\n}\n.share_img .qrcode {\n  width: 46.66666667vw;\n  height: 46.66666667vw;\n  position: absolute;\n  bottom: 9.06666667vw;\n  right: 8%;\n}\n.cvs-img {\n  position: absolute;\n  width: 79.2vw;\n  height: 126.66666667vw;\n  background-size: 100% 100%;\n  z-index: 2;\n}\n.share-show-block {\n  position: fixed;\n  overflow: auto;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  background: rgba(0, 0, 0, 0.5);\n}\n.share-show-block .tips {\n  color: white;\n  width: 100%;\n  left: 0;\n  position: absolute;\n  top: 126.66666667vw;\n  z-index: 3;\n  text-align: center;\n}\n.share-show-block .share-show-content {\n  width: 79.2vw;\n  height: 133.33333333vw;\n  position: absolute;\n  top: 50%;\n  margin-left: -39.6vw;\n  left: 50%;\n  margin-top: -66.66666667vw;\n}\n.no-list {\n  text-align: center;\n  color: #aaaaaa;\n}\n.no-list img {\n  display: block;\n  margin-bottom: 2.66666667vw;\n  width: 40vw;\n}\n.qr-close {\n  width: 66.66666667vw;\n  position: absolute;\n  bottom: 10.66666667vw;\n  left: 50%;\n  margin-left: -33.33333333vw;\n  height: 10.66666667vw;\n}\n",'\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n  @import "../../util/public";\n.star-activity-page{\n  padding-bottom: 60*@toVw;\n  .bg{\n    width: 100%;\n    display: block;\n  }\n  .star-total{\n    width: 164*@toVw;\n    height: 39*@toVw;\n    border: 1*@toVw solid #000;\n    border-radius: 80*@toVw;\n    line-height: 39*@toVw;\n    font-size:18px;\n    background:rgba(255,216,0,1);\n    font-family:PingFang-SC-Medium;\n    font-weight:500;\n    color:rgba(0,0,0,1);\n    text-align: center;\n    position: absolute;\n    top: 480*@toVw;\n    left: 50%;\n    margin-left: -82*@toVw;\n    .x-img{\n      width: 7*@toVw;\n    }\n  }\n  .btn-block{\n    padding:8*@toVw;\n    position: fixed;\n    left: 0;\n    width: 100%;\n    background: white;\n    opacity: 0;\n    display: none;\n    transition: all 0.5s;\n    bottom: 0;\n    .btn{\n      width: 287*@toVw;\n      height: 44*@toVw;\n      margin: auto;\n      background: #ccc;\n      border-radius: 100*@toVw;\n      color: white;\n      line-height: 44*@toVw;\n      text-align: center;\n      font-size:16px;\n      font-family:PingFang-SC-Medium;\n      font-weight:500;\n    }\n  }\n}\n  .qr-img{\n    width: 323*@toVw;\n  }\n  .log-img{\n    width: 337*@toVw;\n    height: 354*@toVw;\n    background-size: 100% 100%;\n    padding-top: 130*@toVw;\n    position: relative;\n    .content{\n      width: 280*@toVw;\n      max-height: 220*@toVw;\n      font-size:14px;\n      font-family:PingFang-SC-Medium;\n      font-weight:500;\n      color:rgba(0,0,0,1);\n      overflow: auto;\n      line-height: 25*@toVw;\n      .list{\n        span{\n          display: inline-block;\n        }\n        .star-num{\n          float: right;\n          vertical-align: middle;\n        }\n        .desc-text{\n          vertical-align: middle;\n          max-width: 120*@toVw;\n          overflow: hidden;\n          white-space: nowrap;\n          text-overflow: ellipsis;\n        }\n        .time-text{\n          vertical-align: middle;\n          margin-right: 10*@toVw;\n        }\n      }\n    }\n    .btn{\n      width: 247*@toVw;\n      height: 46*@toVw;\n      line-height: 46*@toVw;\n      background: #F6D723;\n      border-radius: 100*@toVw;\n      color: #DF4225;\n      font-size:16px;\n      font-family:PingFang-SC-Bold;\n      font-weight:bold;\n      text-align: center;\n      position: absolute;\n      bottom: 36*@toVw;\n      left: 50%;\n      margin-left: -123.5*@toVw;\n    }\n  }\n  .share_img{\n    width: 297*@toVw;\n    height: 475*@toVw;\n    background-size: 100% 100%;\n    position: relative;\n    .qrcode{\n      width: 175*@toVw;\n      height: 175*@toVw;\n      position: absolute;\n      bottom: 34*@toVw;\n      right: 8%;\n    }\n  }\n  .cvs-img{\n    position: absolute;\n    width: 297*@toVw;\n    height: 475*@toVw;\n    background-size: 100% 100%;\n    z-index: 2;\n  }\n  .share-show-block{\n    position: fixed;\n    overflow: auto;\n    top: 0;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    background: rgba(0,0,0,0.5);\n    .tips{\n      color: white;\n      width: 100%;\n      left: 0;\n      position: absolute;\n      top: 475*@toVw;\n      z-index: 3;\n      text-align: center;\n    }\n    .share-show-content{\n      width: 297*@toVw;\n      height: 500*@toVw;\n      position: absolute;\n      top: 50%;\n      margin-left: -148.5*@toVw;\n      left: 50%;\n      margin-top: -250*@toVw;\n    }\n  }\n  .no-list{\n    text-align: center;\n    color: #aaaaaa;\n    img{\n      display: block;\n      margin-bottom: 10*@toVw;\n      width: 150*@toVw;\n    }\n  }\n  .qr-close{\n    width: 250*@toVw;\n    position: absolute;\n    bottom: 40*@toVw;\n    left: 50%;\n    margin-left: -125*@toVw;\n    height: 40*@toVw;\n  }\n'],sourceRoot:""}])},pN2H:function(n,t,e){(n.exports=e("FZ+f")(!0)).push([n.i,"\n.qrcode img{\n  width: 100% !important;\n}\n","",{version:3,sources:["D:/myproject/new-singsingH5/src/components/star/src/components/star/index.vue"],names:[],mappings:";AAieA;EACA,uBAAA;CACA",file:"index.vue",sourcesContent:['<template>\r\n  <div class="star-activity-page">\r\n    <div>\r\n      <img class="bg" :src="starbg_1"/>\r\n      <div class="star-total" @click="showLog">\r\n        我的星星 <img class="x-img" :src="x_url"/>{{star_total}}\r\n      </div>\r\n      <img class="bg" :src="starbg_2"/>\r\n      <img class="bg" :src="starbg_3" @click="showQr"/>\r\n      <img class="bg" :src="starbg_4"/>\r\n    </div>\r\n    <div class="btn-block" ref="btn_block">\r\n      <div class="btn">\r\n        活动已结束\r\n      </div>\r\n    </div>\r\n\r\n    <mt-popup v-model="qr_show" style="background: transparent">\r\n      <div class="qr-img">\r\n        <img :src="qr_url" class="qr-img" />\r\n        <div class="qr-close" @click="qr_show = false"></div>\r\n      </div>\r\n    </mt-popup>\r\n\r\n    <mt-popup v-model="log_show" style="background: transparent" :closeOnClickModal="false">\r\n      <div :style="{backgroundImage:`url(\'${log_url}\')`}" class="log-img">\r\n        <div class="content">\r\n          <div class="no-list" v-if="no_list">\r\n            <img :src="no_url"/>\r\n            —— 暂无记录 ——\r\n          </div>\r\n          <div class="list" v-for="data in logList">\r\n            <span class="time-text">\r\n              {{data.created_at | substrTime}}\r\n            </span>\r\n            <span class="desc-text">\r\n              {{data.desc}}\r\n            </span>\r\n            <span class="star-num" v-if="data.is_add === 1" style="color: #7ED321">\r\n              星星+{{data.value}}\r\n            </span>\r\n            <span class="star-num" v-if="data.is_add !== 1" style="color: #D0021B">\r\n              星星-{{data.value}}\r\n            </span>\r\n          </div>\r\n        </div>\r\n        <div class="btn" @click="closeLog">\r\n          知道了\r\n        </div>\r\n      </div>\r\n    </mt-popup>\r\n\r\n    <div v-if="share_show" class="share-show-block" @click="share_show=false">\r\n      <div class="share-show-content">\r\n        <img :src="dataURL" class="cvs-img" id="cvs-img"/>\r\n        <div :style="{backgroundImage:`url(\'${share_img_url}\')`}" class="share_img"  ref="imageWrapper" id="capture">\r\n          <div id="qrcode" class="qrcode"></div>\r\n        </div>\r\n        <div class="tips">\r\n          <b>长按保存海报  或发送给好友</b>\r\n          <br>\r\n          越多朋友报名，您可得越多星星\r\n        </div>\r\n      </div>\r\n\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\n  import starbg_1 from \'../../assets/starActivity/actBg1.png\'\r\n  import starbg_2 from \'../../assets/starActivity/actBg2.png\'\r\n  import starbg_3 from \'../../assets/starActivity/actBg3.png\'\r\n  import starbg_4 from \'../../assets/starActivity/actBg4.png\'\r\n  import x_url from \'../../assets/starActivity/x.png\'\r\n  import log_url from \'../../assets/starActivity/log.png\'\r\n  import qr_url from \'../../assets/starActivity/qr.png\'\r\n  import share_img_url from \'../../assets/starActivity/share_bg.jpg\'\r\n  import no_url from \'../../assets/starActivity/no.png\'\r\n  import {getUserIntegralApi,getUserIntegralListApi,getShortApi,getShareGoodsApi,getwechatParam} from "../../service/api";\r\n  import  QRCode from \'qrcodejs2\'\r\n  import html2canvas from \'html2canvas\'\r\n  import { Indicator } from \'mint-ui\'\r\n  export default {\r\n    name: "index",\r\n    data(){\r\n      return {\r\n        starbg_1:starbg_1,\r\n        share_img_url:share_img_url,\r\n        log_url:log_url,\r\n        no_list:false,\r\n        log_show:false,\r\n        share_show:false,\r\n        qr_show:false,\r\n        dataURL:null,\r\n        no_url:no_url,\r\n        qr_url:qr_url,\r\n        starbg_2:starbg_2,\r\n        starbg_3:starbg_3,\r\n        starbg_4:starbg_4,\r\n        x_url:x_url,\r\n        star_total:0,\r\n        logList:[],\r\n        shopId:null,\r\n        share_URL:null\r\n      }\r\n    },\r\n    methods:{\r\n      initPage(){\r\n        getShareGoodsApi().then(res=>{\r\n          this.shopId = res[0].value;\r\n          this.share_URL = process.env.API_URL+\'#/buyDetail?shopId=\'+ this.shopId + \'&invite_code=CC-ZKHB-\'+JSON.parse(localStorage.getItem(\'userDesc\')).user_id;\r\n          this.onShare(this.share_URL);\r\n          this.toDataURLBase64(this.share_img_url,(cal)=>{\r\n              this.share_img_url = cal;\r\n          })\r\n        });\r\n        getUserIntegralApi().then(res=>{\r\n          this.star_total = res.last_value\r\n        })\r\n      },\r\n      closeLog(){\r\n        window.removeEventListener("scroll",this.scrollFix);\r\n        this.log_show = false\r\n      },\r\n      onShare(URL) {\r\n        this.enableShare({\r\n          product_title: `赠您【1元领取398元英语启蒙课程特权】，限时福利，立即领取`, // 分享标题\r\n          desc: `学习另赠价值58元实物绘本，包邮送到家~`,//\r\n          shareIcon:\'https://cdn.singsingenglish.com/logo/logo.jpg\',\r\n          shareUrl:URL\r\n        })\r\n      },\r\n      showQr(){\r\n        this.qr_show = true;\r\n        this.$sa.track(\'buttonClick\',{\r\n          tabTitle:\'星星活动页\',\r\n          moduleTitle:\'星星活动页\',\r\n          buttonType:\'功能\',\r\n          buttonName:\'小助手二维码\'\r\n        });\r\n      },\r\n      enableShare: function(option) {\r\n        getwechatParam({\r\n          api_list:   \'onMenuShareAppMessage,onMenuShareTimeline\',\r\n          url:window.location.href.split(\'#\')[0]\r\n        }).then(wechatRes => {\r\n          wx.config({\r\n            debug: false,\r\n            appId: wechatRes.appId,\r\n            timestamp: parseInt(wechatRes.timestamp),\r\n            nonceStr: wechatRes.nonceStr,\r\n            signature: wechatRes.signature,\r\n            jsApiList: wechatRes.jsApiList\r\n          });\r\n          wx.ready(function() {\r\n            wx.onMenuShareTimeline({\r\n              title: option.product_title, // 分享标题\r\n              desc: option.desc,// 分享描述\r\n              link: option.shareUrl, // 分享链接\r\n              imgUrl: option.shareIcon || \'https://cdn.singsingenglish.com/singsing/recommend/logo-refer.png\', // 分享图标\r\n              success: function() {\r\n                console.log(\'分享成功\');\r\n              },\r\n              cancel: function() {\r\n                console.log(\'分享失败\');\r\n              }\r\n            });\r\n            wx.onMenuShareAppMessage({\r\n              title: option.product_title, // 分享标题\r\n              desc: option.desc,// 分享描述\r\n              link: option.shareUrl, // 分享链接\r\n              imgUrl: option.shareIcon || \'https://cdn.singsingenglish.com/singsing/recommend/logo-refer.png\', // 分享图标\r\n              success: function() {\r\n              },\r\n              cancel: function() {\r\n              }\r\n            });\r\n          })\r\n        })\r\n      },\r\n      qrcode(data){\r\n        if(this.QRCodeB){\r\n          this.QRCodeB.makeCode(data)\r\n        }else{\r\n          this.QRCodeB = new QRCode(\'qrcode\', {\r\n            width: 140,\r\n            height: 140, // 高度\r\n            text: data, // 二维码内容\r\n            image: \'\'\r\n          });\r\n        }\r\n      },\r\n      refshow(){\r\n        this.$sa.track(\'buttonClick\',{\r\n          tabTitle:\'星星活动页\',\r\n          moduleTitle:\'星星活动页\',\r\n          buttonType:\'功能\',\r\n          buttonName:\'生成海报\'\r\n        });\r\n        this.share_show = true;\r\n        if(this.dataURL){}else{\r\n          Indicator.open();\r\n          getShortApi({url:this.share_URL}).then(res=>{\r\n            this.qrcode(res.url);\r\n            this.$nextTick(()=>{\r\n              let {\r\n                width,\r\n              } = document.getElementById(\'capture\').getClientRects()[0];\r\n              document.getElementById(\'capture\').style.width = document.getElementById(\'capture\').getClientRects()[0].width*2 + \'px\';\r\n              document.getElementById(\'capture\').style.height = document.getElementById(\'capture\').getClientRects()[0].height*2 + \'px\';\r\n              setTimeout(()=>{\r\n                html2canvas(document.getElementById(\'capture\'),{\r\n                  async: true,\r\n                  scale: 2,\r\n                  letterRendering: true,\r\n                }).then((canvas) => {\r\n                  let dataURL = canvas.toDataURL("image/jpg");\r\n                  this.dataURL = dataURL;\r\n                  document.getElementById(\'capture\').style.display="none"\r\n                  Indicator.close();\r\n                }).catch(res=>{\r\n                  alert(res);console.log();\r\n                  document.getElementById(\'capture\').style.display="none"\r\n                  Indicator.close();\r\n                });\r\n                },500)\r\n            })\r\n          })\r\n        }\r\n      },\r\n      getOffsetRect(ele){\r\n        var box=ele.getBoundingClientRect();\r\n        var body=document.body,\r\n          docElem=document.documentElement;\r\n        //获取页面的scrollTop,scrollLeft(兼容性写法)\r\n        var scrollTop=window.pageYOffset||docElem.scrollTop||body.scrollTop,\r\n          scrollLeft=window.pageXOffset||docElem.scrollLeft||body.scrollLeft;\r\n        var clientTop=docElem.clientTop||body.clientTop,\r\n          clientLeft=docElem.clientLeft||body.clientLeft;\r\n        var top=box.top+scrollTop-clientTop,\r\n          left=box.left+scrollLeft-clientLeft;\r\n        return {\r\n          //Math.round 兼容火狐浏览器bug\r\n          top:Math.round(top),\r\n          left:Math.round(left)\r\n        }\r\n      },\r\n      toDataURLBase64 (src, callback) {\r\n        let xhttp = new XMLHttpRequest();\r\n        xhttp.onload = function () {\r\n          let fileReader = new FileReader();\r\n          fileReader.onloadend = function () {\r\n            callback(fileReader.result)\r\n          };\r\n          fileReader.readAsDataURL(xhttp.response)\r\n        };\r\n        xhttp.responseType = \'blob\';\r\n        xhttp.open(\'GET\', src, true);\r\n        xhttp.send()\r\n      },\r\n      scrollFix(data){\r\n        window.scrollTo(0, data)\r\n      },\r\n      showLog(){\r\n        this.$sa.track(\'buttonClick\',{\r\n          tabTitle:\'星星活动页\',\r\n          moduleTitle:\'星星活动页\',\r\n          buttonType:\'功能\',\r\n          buttonName:\'查看积分\'\r\n        });\r\n        getUserIntegralListApi({limit:1000}).then(res=>{\r\n          if(!res.list || res.list.length <1 ){\r\n            this.no_list = true\r\n          }else{\r\n            this.logList = res.list;\r\n          }\r\n          let t =document.documentElement.scrollTop||document.body.scrollTop;\r\n          window.addEventListener("scroll",this.scrollFix);\r\n          this.log_show = true;\r\n        })\r\n      }\r\n    },\r\n    filters:{\r\n      substrTime(value){\r\n        return value.substr(0,10).replace(/-/g,\'.\')\r\n      }\r\n    },\r\n    mounted(){\r\n      this.initPage();\r\n      window.onscroll= ()=>{\r\n        //变量t是滚动条滚动时，距离顶部的距离\r\n        let t = document.documentElement.scrollTop||document.body.scrollTop;\r\n        if(t>300){\r\n          this.$refs.btn_block.style.opacity = 1;\r\n\r\n          this.$refs.btn_block.style.display = \'block\'\r\n        }else{\r\n          this.$refs.btn_block.style.opacity = 0;\r\n          this.$refs.btn_block.style.display = \'none\'\r\n        }\r\n      }\r\n    }\r\n  }\r\n<\/script>\r\n\r\n<style scoped lang="less">\r\n  @import "../../util/public";\r\n.star-activity-page{\r\n  padding-bottom: 60*@toVw;\r\n  .bg{\r\n    width: 100%;\r\n    display: block;\r\n  }\r\n  .star-total{\r\n    width: 164*@toVw;\r\n    height: 39*@toVw;\r\n    border: 1*@toVw solid #000;\r\n    border-radius: 80*@toVw;\r\n    line-height: 39*@toVw;\r\n    font-size:18px;\r\n    background:rgba(255,216,0,1);\r\n    font-family:PingFang-SC-Medium;\r\n    font-weight:500;\r\n    color:rgba(0,0,0,1);\r\n    text-align: center;\r\n    position: absolute;\r\n    top: 480*@toVw;\r\n    left: 50%;\r\n    margin-left: -82*@toVw;\r\n    .x-img{\r\n      width: 7*@toVw;\r\n    }\r\n  }\r\n  .btn-block{\r\n    padding:8*@toVw;\r\n    position: fixed;\r\n    left: 0;\r\n    width: 100%;\r\n    background: white;\r\n    opacity: 0;\r\n    display: none;\r\n    transition: all 0.5s;\r\n    bottom: 0;\r\n    .btn{\r\n      width: 287*@toVw;\r\n      height: 44*@toVw;\r\n      margin: auto;\r\n      background: #ccc;\r\n      border-radius: 100*@toVw;\r\n      color: white;\r\n      line-height: 44*@toVw;\r\n      text-align: center;\r\n      font-size:16px;\r\n      font-family:PingFang-SC-Medium;\r\n      font-weight:500;\r\n    }\r\n  }\r\n}\r\n  .qr-img{\r\n    width: 323*@toVw;\r\n  }\r\n  .log-img{\r\n    width: 337*@toVw;\r\n    height: 354*@toVw;\r\n    background-size: 100% 100%;\r\n    padding-top: 130*@toVw;\r\n    position: relative;\r\n    .content{\r\n      width: 280*@toVw;\r\n      max-height: 220*@toVw;\r\n      font-size:14px;\r\n      font-family:PingFang-SC-Medium;\r\n      font-weight:500;\r\n      color:rgba(0,0,0,1);\r\n      overflow: auto;\r\n      line-height: 25*@toVw;\r\n      .list{\r\n        span{\r\n          display: inline-block;\r\n        }\r\n        .star-num{\r\n          float: right;\r\n          vertical-align: middle;\r\n        }\r\n        .desc-text{\r\n          vertical-align: middle;\r\n          max-width: 120*@toVw;\r\n          overflow: hidden;\r\n          white-space: nowrap;\r\n          text-overflow: ellipsis;\r\n        }\r\n        .time-text{\r\n          vertical-align: middle;\r\n          margin-right: 10*@toVw;\r\n        }\r\n      }\r\n    }\r\n    .btn{\r\n      width: 247*@toVw;\r\n      height: 46*@toVw;\r\n      line-height: 46*@toVw;\r\n      background: #F6D723;\r\n      border-radius: 100*@toVw;\r\n      color: #DF4225;\r\n      font-size:16px;\r\n      font-family:PingFang-SC-Bold;\r\n      font-weight:bold;\r\n      text-align: center;\r\n      position: absolute;\r\n      bottom: 36*@toVw;\r\n      left: 50%;\r\n      margin-left: -123.5*@toVw;\r\n    }\r\n  }\r\n  .share_img{\r\n    width: 297*@toVw;\r\n    height: 475*@toVw;\r\n    background-size: 100% 100%;\r\n    position: relative;\r\n    .qrcode{\r\n      width: 175*@toVw;\r\n      height: 175*@toVw;\r\n      position: absolute;\r\n      bottom: 34*@toVw;\r\n      right: 8%;\r\n    }\r\n  }\r\n  .cvs-img{\r\n    position: absolute;\r\n    width: 297*@toVw;\r\n    height: 475*@toVw;\r\n    background-size: 100% 100%;\r\n    z-index: 2;\r\n  }\r\n  .share-show-block{\r\n    position: fixed;\r\n    overflow: auto;\r\n    top: 0;\r\n    bottom: 0;\r\n    left: 0;\r\n    right: 0;\r\n    background: rgba(0,0,0,0.5);\r\n    .tips{\r\n      color: white;\r\n      width: 100%;\r\n      left: 0;\r\n      position: absolute;\r\n      top: 475*@toVw;\r\n      z-index: 3;\r\n      text-align: center;\r\n    }\r\n    .share-show-content{\r\n      width: 297*@toVw;\r\n      height: 500*@toVw;\r\n      position: absolute;\r\n      top: 50%;\r\n      margin-left: -148.5*@toVw;\r\n      left: 50%;\r\n      margin-top: -250*@toVw;\r\n    }\r\n  }\r\n  .no-list{\r\n    text-align: center;\r\n    color: #aaaaaa;\r\n    img{\r\n      display: block;\r\n      margin-bottom: 10*@toVw;\r\n      width: 150*@toVw;\r\n    }\r\n  }\r\n  .qr-close{\r\n    width: 250*@toVw;\r\n    position: absolute;\r\n    bottom: 40*@toVw;\r\n    left: 50%;\r\n    margin-left: -125*@toVw;\r\n    height: 40*@toVw;\r\n  }\r\n</style>\r\n<style>\r\n  .qrcode img{\r\n    width: 100% !important;\r\n  }\r\n</style>\r\n'],sourceRoot:""}])},riDf:function(n,t,e){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=e("FRDK"),o=e.n(r),i=e("f+ht"),a=e.n(i),s=e("oSXS"),l=e.n(s),c=e("yniu"),A=e.n(c),g=e("+2W0"),d=e.n(g),h=e("JK9h"),p=e.n(h),w=e("UEMf"),m=e.n(w),u=e("3CuV"),b=e.n(u),v=e("2Ihx"),f=e.n(v),C=e("CCn6"),E=e("MJLE"),_=e.n(E),x=e("2Pnh"),y=e.n(x),B=e("Au9i"),k={name:"index",data:function(){return{starbg_1:o.a,share_img_url:b.a,log_url:p.a,no_list:!1,log_show:!1,share_show:!1,qr_show:!1,dataURL:null,no_url:f.a,qr_url:m.a,starbg_2:a.a,starbg_3:l.a,starbg_4:A.a,x_url:d.a,star_total:0,logList:[],shopId:null,share_URL:null}},methods:{initPage:function(){var n=this;Object(C.u)().then(function(t){n.shopId=t[0].value,n.share_URL="https://wechat-test.changchangenglish.com/#/buyDetail?shopId="+n.shopId+"&invite_code=CC-ZKHB-"+JSON.parse(localStorage.getItem("userDesc")).user_id,n.onShare(n.share_URL),n.toDataURLBase64(n.share_img_url,function(t){n.share_img_url=t})}),Object(C.B)().then(function(t){n.star_total=t.last_value})},closeLog:function(){window.removeEventListener("scroll",this.scrollFix),this.log_show=!1},onShare:function(n){this.enableShare({product_title:"赠您【1元领取398元英语启蒙课程特权】，限时福利，立即领取",desc:"学习另赠价值58元实物绘本，包邮送到家~",shareIcon:"https://cdn.singsingenglish.com/logo/logo.jpg",shareUrl:n})},showQr:function(){this.qr_show=!0,this.$sa.track("buttonClick",{tabTitle:"星星活动页",moduleTitle:"星星活动页",buttonType:"功能",buttonName:"小助手二维码"})},enableShare:function(n){Object(C.F)({api_list:"onMenuShareAppMessage,onMenuShareTimeline",url:window.location.href.split("#")[0]}).then(function(t){wx.config({debug:!1,appId:t.appId,timestamp:parseInt(t.timestamp),nonceStr:t.nonceStr,signature:t.signature,jsApiList:t.jsApiList}),wx.ready(function(){wx.onMenuShareTimeline({title:n.product_title,desc:n.desc,link:n.shareUrl,imgUrl:n.shareIcon||"https://cdn.singsingenglish.com/singsing/recommend/logo-refer.png",success:function(){console.log("分享成功")},cancel:function(){console.log("分享失败")}}),wx.onMenuShareAppMessage({title:n.product_title,desc:n.desc,link:n.shareUrl,imgUrl:n.shareIcon||"https://cdn.singsingenglish.com/singsing/recommend/logo-refer.png",success:function(){},cancel:function(){}})})})},qrcode:function(n){this.QRCodeB?this.QRCodeB.makeCode(n):this.QRCodeB=new _.a("qrcode",{width:140,height:140,text:n,image:""})},refshow:function(){var n=this;this.$sa.track("buttonClick",{tabTitle:"星星活动页",moduleTitle:"星星活动页",buttonType:"功能",buttonName:"生成海报"}),this.share_show=!0,this.dataURL||(B.Indicator.open(),Object(C.v)({url:this.share_URL}).then(function(t){n.qrcode(t.url),n.$nextTick(function(){document.getElementById("capture").getClientRects()[0].width;document.getElementById("capture").style.width=2*document.getElementById("capture").getClientRects()[0].width+"px",document.getElementById("capture").style.height=2*document.getElementById("capture").getClientRects()[0].height+"px",setTimeout(function(){y()(document.getElementById("capture"),{async:!0,scale:2,letterRendering:!0}).then(function(t){var e=t.toDataURL("image/jpg");n.dataURL=e,document.getElementById("capture").style.display="none",B.Indicator.close()}).catch(function(n){alert(n),console.log(),document.getElementById("capture").style.display="none",B.Indicator.close()})},500)})}))},getOffsetRect:function(n){var t=n.getBoundingClientRect(),e=document.body,r=document.documentElement,o=window.pageYOffset||r.scrollTop||e.scrollTop,i=window.pageXOffset||r.scrollLeft||e.scrollLeft,a=r.clientTop||e.clientTop,s=r.clientLeft||e.clientLeft,l=t.top+o-a,c=t.left+i-s;return{top:Math.round(l),left:Math.round(c)}},toDataURLBase64:function(n,t){var e=new XMLHttpRequest;e.onload=function(){var n=new FileReader;n.onloadend=function(){t(n.result)},n.readAsDataURL(e.response)},e.responseType="blob",e.open("GET",n,!0),e.send()},scrollFix:function(n){window.scrollTo(0,n)},showLog:function(){var n=this;this.$sa.track("buttonClick",{tabTitle:"星星活动页",moduleTitle:"星星活动页",buttonType:"功能",buttonName:"查看积分"}),Object(C.C)({limit:1e3}).then(function(t){!t.list||t.list.length<1?n.no_list=!0:n.logList=t.list;document.documentElement.scrollTop||document.body.scrollTop;window.addEventListener("scroll",n.scrollFix),n.log_show=!0})}},filters:{substrTime:function(n){return n.substr(0,10).replace(/-/g,".")}},mounted:function(){var n=this;this.initPage(),window.onscroll=function(){(document.documentElement.scrollTop||document.body.scrollTop)>300?(n.$refs.btn_block.style.opacity=1,n.$refs.btn_block.style.display="block"):(n.$refs.btn_block.style.opacity=0,n.$refs.btn_block.style.display="none")}}},R=function(){var n=this,t=n.$createElement,e=n._self._c||t;return e("div",{staticClass:"star-activity-page"},[e("div",[e("img",{staticClass:"bg",attrs:{src:n.starbg_1}}),n._v(" "),e("div",{staticClass:"star-total",on:{click:n.showLog}},[n._v("\n      我的星星 "),e("img",{staticClass:"x-img",attrs:{src:n.x_url}}),n._v(n._s(n.star_total)+"\n    ")]),n._v(" "),e("img",{staticClass:"bg",attrs:{src:n.starbg_2}}),n._v(" "),e("img",{staticClass:"bg",attrs:{src:n.starbg_3},on:{click:n.showQr}}),n._v(" "),e("img",{staticClass:"bg",attrs:{src:n.starbg_4}})]),n._v(" "),e("div",{ref:"btn_block",staticClass:"btn-block"},[e("div",{staticClass:"btn"},[n._v("\n      活动已结束\n    ")])]),n._v(" "),e("mt-popup",{staticStyle:{background:"transparent"},model:{value:n.qr_show,callback:function(t){n.qr_show=t},expression:"qr_show"}},[e("div",{staticClass:"qr-img"},[e("img",{staticClass:"qr-img",attrs:{src:n.qr_url}}),n._v(" "),e("div",{staticClass:"qr-close",on:{click:function(t){n.qr_show=!1}}})])]),n._v(" "),e("mt-popup",{staticStyle:{background:"transparent"},attrs:{closeOnClickModal:!1},model:{value:n.log_show,callback:function(t){n.log_show=t},expression:"log_show"}},[e("div",{staticClass:"log-img",style:{backgroundImage:"url('"+n.log_url+"')"}},[e("div",{staticClass:"content"},[n.no_list?e("div",{staticClass:"no-list"},[e("img",{attrs:{src:n.no_url}}),n._v("\n          —— 暂无记录 ——\n        ")]):n._e(),n._v(" "),n._l(n.logList,function(t){return e("div",{staticClass:"list"},[e("span",{staticClass:"time-text"},[n._v("\n            "+n._s(n._f("substrTime")(t.created_at))+"\n          ")]),n._v(" "),e("span",{staticClass:"desc-text"},[n._v("\n            "+n._s(t.desc)+"\n          ")]),n._v(" "),1===t.is_add?e("span",{staticClass:"star-num",staticStyle:{color:"#7ED321"}},[n._v("\n            星星+"+n._s(t.value)+"\n          ")]):n._e(),n._v(" "),1!==t.is_add?e("span",{staticClass:"star-num",staticStyle:{color:"#D0021B"}},[n._v("\n            星星-"+n._s(t.value)+"\n          ")]):n._e()])})],2),n._v(" "),e("div",{staticClass:"btn",on:{click:n.closeLog}},[n._v("\n        知道了\n      ")])])]),n._v(" "),n.share_show?e("div",{staticClass:"share-show-block",on:{click:function(t){n.share_show=!1}}},[e("div",{staticClass:"share-show-content"},[e("img",{staticClass:"cvs-img",attrs:{src:n.dataURL,id:"cvs-img"}}),n._v(" "),e("div",{ref:"imageWrapper",staticClass:"share_img",style:{backgroundImage:"url('"+n.share_img_url+"')"},attrs:{id:"capture"}},[e("div",{staticClass:"qrcode",attrs:{id:"qrcode"}})]),n._v(" "),n._m(0)])]):n._e()],1)};R._withStripped=!0;var V={render:R,staticRenderFns:[function(){var n=this.$createElement,t=this._self._c||n;return t("div",{staticClass:"tips"},[t("b",[this._v("长按保存海报  或发送给好友")]),this._v(" "),t("br"),this._v("\n        越多朋友报名，您可得越多星星\n      ")])}]},L=V;var D=!1;var q=e("VU/8")(k,L,!1,function(n){D||(e("yKqH"),e("7Kl1"))},"data-v-5c664a65",null);q.options.__file="src/components/star/index.vue";t.default=q.exports},yKqH:function(n,t,e){var r=e("pGj6");"string"==typeof r&&(r=[[n.i,r,""]]),r.locals&&(n.exports=r.locals);e("rjj0")("66b6212c",r,!1,{})},yniu:function(n,t,e){n.exports=e.p+"static/img/actBg4.74aadcc.png"}});
+//# sourceMappingURL=4.a2682c6e31a37fe605de.js.map
\ No newline at end of file
--- a/dev/static/js/4.73e616ca42780c81bd91.js.map
+++ b/dev/static/js/4.73e616ca42780c81bd91.js.map
--- a/dev/static/js/7.5be2961de2524f891b02.js
+++ b/dev/static/js/7.5be2961de2524f891b02.js
--- a/dev/static/js/7.bf1303ad90fa4f0698cd.js
+++ b/dev/static/js/7.bf1303ad90fa4f0698cd.js
--- a/dev/static/js/7.5be2961de2524f891b02.js.map
+++ b/dev/static/js/7.5be2961de2524f891b02.js.map
--- a/dev/static/js/manifest.17798a42ba8a43e1549d.js
+++ b/dev/static/js/manifest.17798a42ba8a43e1549d.js
-!function(e){var n=window.webpackJsonp;window.webpackJsonp=function(r,c,o){for(var d,f,b,i=0,u=[];i<r.length;i++)f=r[i],a[f]&&u.push(a[f][0]),a[f]=0;for(d in c)Object.prototype.hasOwnProperty.call(c,d)&&(e[d]=c[d]);for(n&&n(r,c,o);u.length;)u.shift()();if(o)for(i=0;i<o.length;i++)b=t(t.s=o[i]);return b};var r={},a={27:0};function t(n){if(r[n])return r[n].exports;var a=r[n]={i:n,l:!1,exports:{}};return e[n].call(a.exports,a,a.exports,t),a.l=!0,a.exports}t.e=function(e){var n=a[e];if(0===n)return new Promise(function(e){e()});if(n)return n[2];var r=new Promise(function(r,t){n=a[e]=[r,t]});n[2]=r;var c=document.getElementsByTagName("head")[0],o=document.createElement("script");o.type="text/javascript",o.charset="utf-8",o.async=!0,o.timeout=12e4,t.nc&&o.setAttribute("nonce",t.nc),o.src=t.p+"static/js/"+e+"."+{0:"dd7a4a4d6f66f918b161",1:"b2eb1ec9d8299221df56",2:"fa22829657cbd48b57a2",3:"8467dbe01952d4a92d84",4:"73e616ca42780c81bd91",5:"a37b9ee5517eca783c3e",6:"d0a37c7d8cb37b5a174b",7:"5be2961de2524f891b02",8:"d7a2992973a909e2ce31",9:"48c80f053ed95d5b6f1f",10:"160d9afa22d8cc96b7a9",11:"bc6a12683f541a273039",12:"e1d40279d195b0a3be2e",13:"6d70586cdd12c8eeaed6",14:"1148391e7d226d6066c6",15:"0ba19a6db1bf129f5208",16:"51999ddf6c7a6d54de89",17:"df3e2da1a421c147caa2",18:"01e443c19e4b3a3b7a9e",19:"dc2614b3ca5a489beffa",20:"dcf6fb4d43664f468070",21:"611f6b0e632e903d111b",22:"fd1d479796f391b122b0",23:"5339ec0eda272fc1180d",24:"63c6299b0fb80ca9398d"}[e]+".js";var d=setTimeout(f,12e4);function f(){o.onerror=o.onload=null,clearTimeout(d);var n=a[e];0!==n&&(n&&n[1](new Error("Loading chunk "+e+" failed.")),a[e]=void 0)}return o.onerror=o.onload=f,c.appendChild(o),r},t.m=e,t.c=r,t.d=function(e,n,r){t.o(e,n)||Object.defineProperty(e,n,{configurable:!1,enumerable:!0,get:r})},t.n=function(e){var n=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(n,"a",n),n},t.o=function(e,n){return Object.prototype.hasOwnProperty.call(e,n)},t.p="",t.oe=function(e){throw console.error(e),e}}([]);
-//# sourceMappingURL=manifest.17798a42ba8a43e1549d.js.map
\ No newline at end of file
+!function(e){var n=window.webpackJsonp;window.webpackJsonp=function(r,c,o){for(var d,f,b,i=0,u=[];i<r.length;i++)f=r[i],a[f]&&u.push(a[f][0]),a[f]=0;for(d in c)Object.prototype.hasOwnProperty.call(c,d)&&(e[d]=c[d]);for(n&&n(r,c,o);u.length;)u.shift()();if(o)for(i=0;i<o.length;i++)b=t(t.s=o[i]);return b};var r={},a={27:0};function t(n){if(r[n])return r[n].exports;var a=r[n]={i:n,l:!1,exports:{}};return e[n].call(a.exports,a,a.exports,t),a.l=!0,a.exports}t.e=function(e){var n=a[e];if(0===n)return new Promise(function(e){e()});if(n)return n[2];var r=new Promise(function(r,t){n=a[e]=[r,t]});n[2]=r;var c=document.getElementsByTagName("head")[0],o=document.createElement("script");o.type="text/javascript",o.charset="utf-8",o.async=!0,o.timeout=12e4,t.nc&&o.setAttribute("nonce",t.nc),o.src=t.p+"static/js/"+e+"."+{0:"dd7a4a4d6f66f918b161",1:"b2eb1ec9d8299221df56",2:"fa22829657cbd48b57a2",3:"8467dbe01952d4a92d84",4:"a2682c6e31a37fe605de",5:"a37b9ee5517eca783c3e",6:"d0a37c7d8cb37b5a174b",7:"bf1303ad90fa4f0698cd",8:"d7a2992973a909e2ce31",9:"48c80f053ed95d5b6f1f",10:"31b8fd03cbef1145946a",11:"bc6a12683f541a273039",12:"16d365283096b3c84e40",13:"6d70586cdd12c8eeaed6",14:"1148391e7d226d6066c6",15:"0ba19a6db1bf129f5208",16:"51999ddf6c7a6d54de89",17:"df3e2da1a421c147caa2",18:"01e443c19e4b3a3b7a9e",19:"dc2614b3ca5a489beffa",20:"dcf6fb4d43664f468070",21:"611f6b0e632e903d111b",22:"fd1d479796f391b122b0",23:"5339ec0eda272fc1180d",24:"63c6299b0fb80ca9398d"}[e]+".js";var d=setTimeout(f,12e4);function f(){o.onerror=o.onload=null,clearTimeout(d);var n=a[e];0!==n&&(n&&n[1](new Error("Loading chunk "+e+" failed.")),a[e]=void 0)}return o.onerror=o.onload=f,c.appendChild(o),r},t.m=e,t.c=r,t.d=function(e,n,r){t.o(e,n)||Object.defineProperty(e,n,{configurable:!1,enumerable:!0,get:r})},t.n=function(e){var n=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(n,"a",n),n},t.o=function(e,n){return Object.prototype.hasOwnProperty.call(e,n)},t.p="",t.oe=function(e){throw console.error(e),e}}([]);
+//# sourceMappingURL=manifest.557a12b4d2f4dd8a886a.js.map
\ No newline at end of file
--- a/dev/static/js/manifest.17798a42ba8a43e1549d.js.map
+++ b/dev/static/js/manifest.17798a42ba8a43e1549d.js.map
-{"version":3,"sources":["webpack:///webpack/bootstrap e8f183fa90ca60a2961c"],"names":["parentJsonpFunction","window","chunkIds","moreModules","executeModules","moduleId","chunkId","result","i","resolves","length","installedChunks","push","Object","prototype","hasOwnProperty","call","modules","shift","__webpack_require__","s","installedModules","27","exports","module","l","e","installedChunkData","Promise","resolve","promise","reject","head","document","getElementsByTagName","script","createElement","type","charset","async","timeout","nc","setAttribute","src","p","0","1","2","3","4","5","6","7","8","9","10","11","12","13","14","15","16","17","18","19","20","21","22","23","24","setTimeout","onScriptComplete","onerror","onload","clearTimeout","chunk","Error","undefined","appendChild","m","c","d","name","getter","o","defineProperty","configurable","enumerable","get","n","__esModule","object","property","oe","err","console","error"],"mappings":"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","file":"static/js/manifest.17798a42ba8a43e1549d.js","sourcesContent":[" \t// install a JSONP callback for chunk loading\n \tvar parentJsonpFunction = window[\"webpackJsonp\"];\n \twindow[\"webpackJsonp\"] = function webpackJsonpCallback(chunkIds, moreModules, executeModules) {\n \t\t// add \"moreModules\" to the modules object,\n \t\t// then flag all \"chunkIds\" as loaded and fire callback\n \t\tvar moduleId, chunkId, i = 0, resolves = [], result;\n \t\tfor(;i < chunkIds.length; i++) {\n \t\t\tchunkId = chunkIds[i];\n \t\t\tif(installedChunks[chunkId]) {\n \t\t\t\tresolves.push(installedChunks[chunkId][0]);\n \t\t\t}\n \t\t\tinstalledChunks[chunkId] = 0;\n \t\t}\n \t\tfor(moduleId in moreModules) {\n \t\t\tif(Object.prototype.hasOwnProperty.call(moreModules, moduleId)) {\n \t\t\t\tmodules[moduleId] = moreModules[moduleId];\n \t\t\t}\n \t\t}\n \t\tif(parentJsonpFunction) parentJsonpFunction(chunkIds, moreModules, executeModules);\n \t\twhile(resolves.length) {\n \t\t\tresolves.shift()();\n \t\t}\n \t\tif(executeModules) {\n \t\t\tfor(i=0; i < executeModules.length; i++) {\n \t\t\t\tresult = __webpack_require__(__webpack_require__.s = executeModules[i]);\n \t\t\t}\n \t\t}\n \t\treturn result;\n \t};\n\n \t// The module cache\n \tvar installedModules = {};\n\n \t// objects to store loaded and loading chunks\n \tvar installedChunks = {\n \t\t27: 0\n \t};\n\n \t// The require function\n \tfunction __webpack_require__(moduleId) {\n\n \t\t// Check if module is in cache\n \t\tif(installedModules[moduleId]) {\n \t\t\treturn installedModules[moduleId].exports;\n \t\t}\n \t\t// Create a new module (and put it into the cache)\n \t\tvar module = installedModules[moduleId] = {\n \t\t\ti: moduleId,\n \t\t\tl: false,\n \t\t\texports: {}\n \t\t};\n\n \t\t// Execute the module function\n \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n \t\t// Flag the module as loaded\n \t\tmodule.l = true;\n\n \t\t// Return the exports of the module\n \t\treturn module.exports;\n \t}\n\n \t// This file contains only the entry chunk.\n \t// The chunk loading function for additional chunks\n \t__webpack_require__.e = function requireEnsure(chunkId) {\n \t\tvar installedChunkData = installedChunks[chunkId];\n \t\tif(installedChunkData === 0) {\n \t\t\treturn new Promise(function(resolve) { resolve(); });\n \t\t}\n\n \t\t// a Promise means \"currently loading\".\n \t\tif(installedChunkData) {\n \t\t\treturn installedChunkData[2];\n \t\t}\n\n \t\t// setup Promise in chunk cache\n \t\tvar promise = new Promise(function(resolve, reject) {\n \t\t\tinstalledChunkData = installedChunks[chunkId] = [resolve, reject];\n \t\t});\n \t\tinstalledChunkData[2] = promise;\n\n \t\t// start chunk loading\n \t\tvar head = document.getElementsByTagName('head')[0];\n \t\tvar script = document.createElement('script');\n \t\tscript.type = \"text/javascript\";\n \t\tscript.charset = 'utf-8';\n \t\tscript.async = true;\n \t\tscript.timeout = 120000;\n\n \t\tif (__webpack_require__.nc) {\n \t\t\tscript.setAttribute(\"nonce\", __webpack_require__.nc);\n \t\t}\n \t\tscript.src = __webpack_require__.p + \"static/js/\" + chunkId + \".\" + {\"0\":\"dd7a4a4d6f66f918b161\",\"1\":\"b2eb1ec9d8299221df56\",\"2\":\"fa22829657cbd48b57a2\",\"3\":\"8467dbe01952d4a92d84\",\"4\":\"73e616ca42780c81bd91\",\"5\":\"a37b9ee5517eca783c3e\",\"6\":\"d0a37c7d8cb37b5a174b\",\"7\":\"5be2961de2524f891b02\",\"8\":\"d7a2992973a909e2ce31\",\"9\":\"48c80f053ed95d5b6f1f\",\"10\":\"160d9afa22d8cc96b7a9\",\"11\":\"bc6a12683f541a273039\",\"12\":\"e1d40279d195b0a3be2e\",\"13\":\"6d70586cdd12c8eeaed6\",\"14\":\"1148391e7d226d6066c6\",\"15\":\"0ba19a6db1bf129f5208\",\"16\":\"51999ddf6c7a6d54de89\",\"17\":\"df3e2da1a421c147caa2\",\"18\":\"01e443c19e4b3a3b7a9e\",\"19\":\"dc2614b3ca5a489beffa\",\"20\":\"dcf6fb4d43664f468070\",\"21\":\"611f6b0e632e903d111b\",\"22\":\"fd1d479796f391b122b0\",\"23\":\"5339ec0eda272fc1180d\",\"24\":\"63c6299b0fb80ca9398d\"}[chunkId] + \".js\";\n \t\tvar timeout = setTimeout(onScriptComplete, 120000);\n \t\tscript.onerror = script.onload = onScriptComplete;\n \t\tfunction onScriptComplete() {\n \t\t\t// avoid mem leaks in IE.\n \t\t\tscript.onerror = script.onload = null;\n \t\t\tclearTimeout(timeout);\n \t\t\tvar chunk = installedChunks[chunkId];\n \t\t\tif(chunk !== 0) {\n \t\t\t\tif(chunk) {\n \t\t\t\t\tchunk[1](new Error('Loading chunk ' + chunkId + ' failed.'));\n \t\t\t\t}\n \t\t\t\tinstalledChunks[chunkId] = undefined;\n \t\t\t}\n \t\t};\n \t\thead.appendChild(script);\n\n \t\treturn promise;\n \t};\n\n \t// expose the modules object (__webpack_modules__)\n \t__webpack_require__.m = modules;\n\n \t// expose the module cache\n \t__webpack_require__.c = installedModules;\n\n \t// define getter function for harmony exports\n \t__webpack_require__.d = function(exports, name, getter) {\n \t\tif(!__webpack_require__.o(exports, name)) {\n \t\t\tObject.defineProperty(exports, name, {\n \t\t\t\tconfigurable: false,\n \t\t\t\tenumerable: true,\n \t\t\t\tget: getter\n \t\t\t});\n \t\t}\n \t};\n\n \t// getDefaultExport function for compatibility with non-harmony modules\n \t__webpack_require__.n = function(module) {\n \t\tvar getter = module && module.__esModule ?\n \t\t\tfunction getDefault() { return module['default']; } :\n \t\t\tfunction getModuleExports() { return module; };\n \t\t__webpack_require__.d(getter, 'a', getter);\n \t\treturn getter;\n \t};\n\n \t// Object.prototype.hasOwnProperty.call\n \t__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };\n\n \t// __webpack_public_path__\n \t__webpack_require__.p = \"\";\n\n \t// on error function for async loading\n \t__webpack_require__.oe = function(err) { console.error(err); throw err; };\n\n\n\n// WEBPACK FOOTER //\n// webpack/bootstrap e8f183fa90ca60a2961c"],"sourceRoot":""}
\ No newline at end of file
+{"version":3,"sources":["webpack:///webpack/bootstrap 67efbc833879bb36d26a"],"names":["parentJsonpFunction","window","chunkIds","moreModules","executeModules","moduleId","chunkId","result","i","resolves","length","installedChunks","push","Object","prototype","hasOwnProperty","call","modules","shift","__webpack_require__","s","installedModules","27","exports","module","l","e","installedChunkData","Promise","resolve","promise","reject","head","document","getElementsByTagName","script","createElement","type","charset","async","timeout","nc","setAttribute","src","p","0","1","2","3","4","5","6","7","8","9","10","11","12","13","14","15","16","17","18","19","20","21","22","23","24","setTimeout","onScriptComplete","onerror","onload","clearTimeout","chunk","Error","undefined","appendChild","m","c","d","name","getter","o","defineProperty","configurable","enumerable","get","n","__esModule","object","property","oe","err","console","error"],"mappings":"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","file":"static/js/manifest.557a12b4d2f4dd8a886a.js","sourcesContent":[" \t// install a JSONP callback for chunk loading\n \tvar parentJsonpFunction = window[\"webpackJsonp\"];\n \twindow[\"webpackJsonp\"] = function webpackJsonpCallback(chunkIds, moreModules, executeModules) {\n \t\t// add \"moreModules\" to the modules object,\n \t\t// then flag all \"chunkIds\" as loaded and fire callback\n \t\tvar moduleId, chunkId, i = 0, resolves = [], result;\n \t\tfor(;i < chunkIds.length; i++) {\n \t\t\tchunkId = chunkIds[i];\n \t\t\tif(installedChunks[chunkId]) {\n \t\t\t\tresolves.push(installedChunks[chunkId][0]);\n \t\t\t}\n \t\t\tinstalledChunks[chunkId] = 0;\n \t\t}\n \t\tfor(moduleId in moreModules) {\n \t\t\tif(Object.prototype.hasOwnProperty.call(moreModules, moduleId)) {\n \t\t\t\tmodules[moduleId] = moreModules[moduleId];\n \t\t\t}\n \t\t}\n \t\tif(parentJsonpFunction) parentJsonpFunction(chunkIds, moreModules, executeModules);\n \t\twhile(resolves.length) {\n \t\t\tresolves.shift()();\n \t\t}\n \t\tif(executeModules) {\n \t\t\tfor(i=0; i < executeModules.length; i++) {\n \t\t\t\tresult = __webpack_require__(__webpack_require__.s = executeModules[i]);\n \t\t\t}\n \t\t}\n \t\treturn result;\n \t};\n\n \t// The module cache\n \tvar installedModules = {};\n\n \t// objects to store loaded and loading chunks\n \tvar installedChunks = {\n \t\t27: 0\n \t};\n\n \t// The require function\n \tfunction __webpack_require__(moduleId) {\n\n \t\t// Check if module is in cache\n \t\tif(installedModules[moduleId]) {\n \t\t\treturn installedModules[moduleId].exports;\n \t\t}\n \t\t// Create a new module (and put it into the cache)\n \t\tvar module = installedModules[moduleId] = {\n \t\t\ti: moduleId,\n \t\t\tl: false,\n \t\t\texports: {}\n \t\t};\n\n \t\t// Execute the module function\n \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n \t\t// Flag the module as loaded\n \t\tmodule.l = true;\n\n \t\t// Return the exports of the module\n \t\treturn module.exports;\n \t}\n\n \t// This file contains only the entry chunk.\n \t// The chunk loading function for additional chunks\n \t__webpack_require__.e = function requireEnsure(chunkId) {\n \t\tvar installedChunkData = installedChunks[chunkId];\n \t\tif(installedChunkData === 0) {\n \t\t\treturn new Promise(function(resolve) { resolve(); });\n \t\t}\n\n \t\t// a Promise means \"currently loading\".\n \t\tif(installedChunkData) {\n \t\t\treturn installedChunkData[2];\n \t\t}\n\n \t\t// setup Promise in chunk cache\n \t\tvar promise = new Promise(function(resolve, reject) {\n \t\t\tinstalledChunkData = installedChunks[chunkId] = [resolve, reject];\n \t\t});\n \t\tinstalledChunkData[2] = promise;\n\n \t\t// start chunk loading\n \t\tvar head = document.getElementsByTagName('head')[0];\n \t\tvar script = document.createElement('script');\n \t\tscript.type = \"text/javascript\";\n \t\tscript.charset = 'utf-8';\n \t\tscript.async = true;\n \t\tscript.timeout = 120000;\n\n \t\tif (__webpack_require__.nc) {\n \t\t\tscript.setAttribute(\"nonce\", __webpack_require__.nc);\n \t\t}\n \t\tscript.src = __webpack_require__.p + \"static/js/\" + chunkId + \".\" + {\"0\":\"dd7a4a4d6f66f918b161\",\"1\":\"b2eb1ec9d8299221df56\",\"2\":\"fa22829657cbd48b57a2\",\"3\":\"8467dbe01952d4a92d84\",\"4\":\"a2682c6e31a37fe605de\",\"5\":\"a37b9ee5517eca783c3e\",\"6\":\"d0a37c7d8cb37b5a174b\",\"7\":\"bf1303ad90fa4f0698cd\",\"8\":\"d7a2992973a909e2ce31\",\"9\":\"48c80f053ed95d5b6f1f\",\"10\":\"31b8fd03cbef1145946a\",\"11\":\"bc6a12683f541a273039\",\"12\":\"16d365283096b3c84e40\",\"13\":\"6d70586cdd12c8eeaed6\",\"14\":\"1148391e7d226d6066c6\",\"15\":\"0ba19a6db1bf129f5208\",\"16\":\"51999ddf6c7a6d54de89\",\"17\":\"df3e2da1a421c147caa2\",\"18\":\"01e443c19e4b3a3b7a9e\",\"19\":\"dc2614b3ca5a489beffa\",\"20\":\"dcf6fb4d43664f468070\",\"21\":\"611f6b0e632e903d111b\",\"22\":\"fd1d479796f391b122b0\",\"23\":\"5339ec0eda272fc1180d\",\"24\":\"63c6299b0fb80ca9398d\"}[chunkId] + \".js\";\n \t\tvar timeout = setTimeout(onScriptComplete, 120000);\n \t\tscript.onerror = script.onload = onScriptComplete;\n \t\tfunction onScriptComplete() {\n \t\t\t// avoid mem leaks in IE.\n \t\t\tscript.onerror = script.onload = null;\n \t\t\tclearTimeout(timeout);\n \t\t\tvar chunk = installedChunks[chunkId];\n \t\t\tif(chunk !== 0) {\n \t\t\t\tif(chunk) {\n \t\t\t\t\tchunk[1](new Error('Loading chunk ' + chunkId + ' failed.'));\n \t\t\t\t}\n \t\t\t\tinstalledChunks[chunkId] = undefined;\n \t\t\t}\n \t\t};\n \t\thead.appendChild(script);\n\n \t\treturn promise;\n \t};\n\n \t// expose the modules object (__webpack_modules__)\n \t__webpack_require__.m = modules;\n\n \t// expose the module cache\n \t__webpack_require__.c = installedModules;\n\n \t// define getter function for harmony exports\n \t__webpack_require__.d = function(exports, name, getter) {\n \t\tif(!__webpack_require__.o(exports, name)) {\n \t\t\tObject.defineProperty(exports, name, {\n \t\t\t\tconfigurable: false,\n \t\t\t\tenumerable: true,\n \t\t\t\tget: getter\n \t\t\t});\n \t\t}\n \t};\n\n \t// getDefaultExport function for compatibility with non-harmony modules\n \t__webpack_require__.n = function(module) {\n \t\tvar getter = module && module.__esModule ?\n \t\t\tfunction getDefault() { return module['default']; } :\n \t\t\tfunction getModuleExports() { return module; };\n \t\t__webpack_require__.d(getter, 'a', getter);\n \t\treturn getter;\n \t};\n\n \t// Object.prototype.hasOwnProperty.call\n \t__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };\n\n \t// __webpack_public_path__\n \t__webpack_require__.p = \"\";\n\n \t// on error function for async loading\n \t__webpack_require__.oe = function(err) { console.error(err); throw err; };\n\n\n\n// WEBPACK FOOTER //\n// webpack/bootstrap 67efbc833879bb36d26a"],"sourceRoot":""}
\ No newline at end of file