webpackJsonp([8],{"4S5z":function(n,t,e){var o=e("DuJ/");"string"==typeof o&&(o=[[n.i,o,""]]),o.locals&&(n.exports=o.locals);e("rjj0")("2ca757eb",o,!1,{})},"54Ry":function(n,t,e){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var o=e("mvHQ"),i=e.n(o),a=e("rYr/"),s=e.n(a),l=e("LyMh"),A=e.n(l),r=e("CCn6"),d={name:"shareGoods",components:{loginPage:e("WIsT").a},data:function(){return{shareGoodsBg:s.a,title_share_goods:A.a,userDetail:null,bindMobile:{show:!1,mobile:"",img_code:"",verify_code:""},shopId:null,goodsDetail:null,lastTime:localStorage.getItem("lastTimeShare")?JSON.parse(localStorage.getItem("lastTimeShare")):{day:0,hour:8,min:0,second:0}}},methods:{lastTimeOut:function(){0===this.lastTime.second?(this.lastTime.second=59,0===this.lastTime.min?(this.lastTime.min=59,0===this.lastTime.hour?this.lastTime.hour=8:this.lastTime.hour--):this.lastTime.min--):this.lastTime.second--,localStorage.setItem("lastTimeShare",i()(this.lastTime))},initPage:function(){var n=this;this.$sa.track("ViewInvitation",{salesID:this.$route.query.userID}),Object(r.s)(this.$route.query.userID).then(function(t){t.user_info.avatar=t.user_info.avatar.replace("http://","https://"),n.userDetail=t}),Object(r.u)().then(function(t){n.shopId=t[0].value,Object(r.h)(n.shopId).then(function(t){t.desc=JSON.parse(t.desc),t.goods_desc=JSON.parse(t.goods_desc),n.goodsDetail=t})})},goToBuyPage:function(){window.location.href="https://wechat-test.changchangenglish.com/#/buy?shopId="+this.shopId+"&invite_code=CC-UDK-"+this.$route.query.userID},toBuy:function(n){1===n?this.$sa.track("buttonClick",{tabTitle:"打卡商品页",moduleTitle:"功能按钮",buttonType:"购买",buttonName:"马上报名1"}):this.$sa.track("buttonClick",{tabTitle:"打卡商品页",moduleTitle:"功能按钮",buttonType:"购买",buttonName:"马上报名2"}),JSON.parse(localStorage.getItem("userDesc")).mobile&&""!==JSON.parse(localStorage.getItem("userDesc")).mobile?this.goToBuyPage():(this.bindMobile.show=!0,this.$sa.track("ViewRegisterpage",{}))}},mounted:function(){var n=this;this.initPage(),setInterval(function(){n.lastTimeOut()},1e3),window.onscroll=function(){var t=document.documentElement.scrollTop||document.body.scrollTop;n.$refs.btn_block&&(n.$refs.btn_block.style.opacity=t>500?1:0)}}},c=function(){var n=this,t=n.$createElement,e=n._self._c||t;return e("div",[n.userDetail?e("div",{staticClass:"share-good-head",style:{backgroundImage:"url('"+n.shareGoodsBg+"')"}},[e("img",{staticClass:"head",attrs:{src:n.userDetail.user_info.avatar}}),n._v(" "),e("div",{staticClass:"title",style:{backgroundImage:"url('"+n.title_share_goods+"')"}},[n._v("\n      "+n._s(n.userDetail.user_info.nickname)+"\n    ")]),n._v(" "),e("div",{staticClass:"day"},[n._v("\n      "+n._s(n.userDetail.total_day)+"\n      "),e("span",[n._v("\n        Days\n      ")])]),n._v(" "),e("div",{staticClass:"iknow",on:{click:function(t){n.toBuy(1)}}})]):n._e(),n._v(" "),n.goodsDetail?e("div",{staticClass:"good-content"},[e("div",{staticClass:"content",domProps:{innerHTML:n._s(n.goodsDetail.desc.detail)}}),n._v(" "),e("div",{ref:"btn_block",staticClass:"btn-block"},[e("div",{staticClass:"lastTime"},[n._v("\n        优惠倒计时 "+n._s(n.lastTime.day)+" 天 "+n._s(n.lastTime.hour)+" 时 "+n._s(n.lastTime.min)+" 分 "+n._s(n.lastTime.second)+" 秒\n      ")]),n._v(" "),e("div",{staticClass:"btn",on:{click:function(t){n.toBuy(2)}}},[n._v("\n        正在疯抢 · 超值VIP课程\n      ")])])]):n._e(),n._v(" "),n.goodsDetail?e("login-page",{attrs:{"bind-mobile":n.bindMobile,groupDetail:n.goodsDetail},on:{goToBuyPage:n.goToBuyPage}}):n._e()],1)};c._withStripped=!0;var g={render:c,staticRenderFns:[]},h=g;var b=!1;var p=e("VU/8")(d,h,!1,function(n){b||(e("wP84"),e("4S5z"))},"data-v-52fa373e",null);p.options.__file="src/components/newLesson/shareGoods.vue";t.default=p.exports},"DuJ/":function(n,t,e){(n.exports=e("FZ+f")(!0)).push([n.i,"\nimg{\n  max-width: 100% !important;\n}\n","",{version:3,sources:["D:/myproject/new-singsingH5/src/components/newLesson/src/components/newLesson/shareGoods.vue"],names:[],mappings:";AA4OA;EACA,2BAAA;CACA",file:"shareGoods.vue",sourcesContent:["<template>\n  <div>\n    <div class=\"share-good-head\" v-if=\"userDetail\" :style=\"{backgroundImage:`url('${shareGoodsBg}')`}\">\n      <img class=\"head\" :src=\"userDetail.user_info.avatar\">\n      <div class=\"title\" :style=\"{backgroundImage:`url('${title_share_goods}')`}\" >\n        {{userDetail.user_info.nickname}}\n      </div>\n      <div class=\"day\">\n        {{userDetail.total_day}}\n        <span>\n          Days\n        </span>\n      </div>\n      <div class=\"iknow\" @click=\"toBuy(1)\">\n\n      </div>\n    </div>\n    <div class=\"good-content\" v-if=\"goodsDetail\">\n      <div class=\"content\" v-html=\"goodsDetail.desc.detail\">\n      </div>\n      <div class=\"btn-block\" ref=\"btn_block\">\n        <div class=\"lastTime\">\n          优惠倒计时 {{lastTime.day}} 天 {{lastTime.hour}} 时 {{lastTime.min}} 分 {{lastTime.second}} 秒\n        </div>\n        <div class=\"btn\" @click=\"toBuy(2)\">\n          正在疯抢 · 超值VIP课程\n        </div>\n      </div>\n    </div>\n    <login-page v-if=\"goodsDetail\" :bind-mobile=\"bindMobile\" :groupDetail=\"goodsDetail\" @goToBuyPage=\"goToBuyPage\"></login-page>\n  </div>\n</template>\n\n\n<script>\n  import shareGoodsBg from '../../assets/newLesson/shareGoodsBg3.png'\n  import title_share_goods from '../../assets/newLesson/title-share-goods.png'\n  import {getOtherUserWatchApi,getShareGoodsApi,getGoodsDetailApi} from \"../../service/api\";\n  import loginPage from '../buy/login'\n  export default {\n    name: \"shareGoods\",\n    components: {loginPage},\n    data(){\n      return {\n        shareGoodsBg:shareGoodsBg,\n        title_share_goods:title_share_goods,\n        userDetail:null,\n        bindMobile:{\n          show:false,\n          mobile:'',\n          img_code:'',\n          verify_code:''\n        },\n        shopId:null,\n        goodsDetail:null,\n        lastTime:localStorage.getItem('lastTimeShare')?JSON.parse(localStorage.getItem('lastTimeShare')):{day:0,hour:8,min:0,second:0}\n      }\n    },\n    methods:{\n      lastTimeOut(){\n        if(this.lastTime.second === 0 ){\n          this.lastTime.second = 59;\n          if(this.lastTime.min === 0 ){\n            this.lastTime.min = 59;\n            if(this.lastTime.hour === 0 ){\n              this.lastTime.hour = 8;\n            }else{\n              this.lastTime.hour--;\n            }\n          }else{\n            this.lastTime.min--;\n          }\n        }else{\n          this.lastTime.second--;\n        }\n        localStorage.setItem('lastTimeShare',JSON.stringify(this.lastTime))\n      },\n      initPage(){\n        this.$sa.track('ViewInvitation',{\n          salesID:this.$route.query.userID,\n        });\n        getOtherUserWatchApi(this.$route.query.userID).then(res=>{\n          res.user_info.avatar = res.user_info.avatar.replace('http://','https://');\n          this.userDetail = res\n        });\n        getShareGoodsApi().then(res=>{\n          this.shopId = res[0].value;\n          getGoodsDetailApi(this.shopId).then(res=>{\n            res.desc = JSON.parse(res.desc)\n            res.goods_desc = JSON.parse(res.goods_desc);\n            this.goodsDetail = res\n          })\n        })\n      },\n      goToBuyPage(){\n        window.location.href = `${process.env.API_URL}#/buy?shopId=${this.shopId}&invite_code=CC-UDK-${this.$route.query.userID}`\n      },\n      toBuy(type){\n        if(type === 1){\n          this.$sa.track('buttonClick',{\n            tabTitle:'打卡商品页',\n            moduleTitle:'功能按钮',\n            buttonType:'购买',\n            buttonName:'马上报名1'\n          });\n        }else{\n          this.$sa.track('buttonClick',{\n            tabTitle:'打卡商品页',\n            moduleTitle:'功能按钮',\n            buttonType:'购买',\n            buttonName:'马上报名2'\n          });\n        }\n        if(!JSON.parse(localStorage.getItem('userDesc')).mobile|| JSON.parse(localStorage.getItem('userDesc')).mobile === ''){\n          this.bindMobile.show = true;\n          this.$sa.track('ViewRegisterpage',{});\n        }else{\n          this.goToBuyPage();\n        }\n      }\n    },\n    mounted(){\n      this.initPage();\n      setInterval(()=>{this.lastTimeOut()},1000);\n      window.onscroll= ()=>{\n        //变量t是滚动条滚动时，距离顶部的距离\n        let t = document.documentElement.scrollTop||document.body.scrollTop;\n        if( this.$refs.btn_block){\n          if(t>500){\n            this.$refs.btn_block.style.opacity = 1\n          }else{\n            this.$refs.btn_block.style.opacity = 0\n          }\n        }\n      }\n    }\n  }\n<\/script>\n\n<style scoped lang=\"less\">\n @import \"../../util/public\";\n  .share-good-head{\n    width: 100%;\n    height: 584*@toVw;\n    margin-top: -64*@toVw;\n    background-size: 100% 100%;\n    position: relative;\n    .iknow{\n      position: absolute;\n      top: 470*@toVw;\n      width: 200*@toVw;\n      height: 44*@toVw;\n      left: 87*@toVw;\n    }\n    .head{\n      position: absolute;\n      width: 70*@toVw;\n      height: 70*@toVw;\n      top: 155*@toVw;\n      left: 153*@toVw;\n      border-radius: 100*@toVw;\n    }\n    .title{\n      position: absolute;\n      width: 225*@toVw;\n      height: 54*@toVw;\n      background-size: 100% 100%;\n      top: 215*@toVw;\n      left: 75*@toVw;\n      text-align: center;\n      color: white;\n      font-size: 20*@toVw;\n      line-height: 48*@toVw;\n    }\n    .day{\n      position: absolute;\n      top: 320*@toVw;\n      width: 100%;\n      text-align: center;\n      color: #069777;\n      font-size:48*@toVw;\n      font-family:PingFang-SC-Bold;\n      font-weight:bold;\n      span{\n        font-size:20*@toVw;\n        font-family:PingFang-SC-Bold;\n        font-weight:bold;\n        color:rgba(6,151,119,1);\n      }\n    }\n  }\n  .good-content{\n    background: #00E0AE;\n    padding: 0 20*@toVw 80*@toVw 20*@toVw;\n    .content{\n      background: white;\n      border-radius: 8*@toVw;\n      padding: 10*@toVw;\n    };\n  }\n  .btn-block{\n    position: fixed;\n    padding: 10*@toVw 0 ;\n    left: 0;\n    width: 100%;\n    background: white;\n    opacity: 0;\n    transition: all 0.5s;\n    bottom: 0;\n    .lastTime{\n      top: -30*@toVw;\n      height: 30*@toVw;\n      line-height: 30*@toVw;\n      color: #FF785D;\n      background: #FFE543;\n      position: absolute;\n      text-align: center;\n      left: 0;\n      width: 100%;\n    }\n    .btn{\n      width: 287*@toVw;\n      height: 44*@toVw;\n      margin: auto;\n      background: #FF785D;\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</style>\n<style>\n  img{\n    max-width: 100% !important;\n  }\n</style>\n"],sourceRoot:""}])},IshY:function(n,t,e){(n.exports=e("FZ+f")(!0)).push([n.i,"\n.fl-r[data-v-52fa373e] {\n  float: right;\n}\n.main-block[data-v-52fa373e] {\n  margin: 5px;\n  background: white;\n  padding: 5px;\n}\n.clear-both[data-v-52fa373e]:after {\n  content: '';\n  display: block;\n  clear: both;\n}\n[data-v-52fa373e]::-webkit-scrollbar-track-piece {\n  border-radius: 10px;\n}\n[data-v-52fa373e]::-webkit-scrollbar {\n  width: 5px;\n  height: 5px;\n}\n[data-v-52fa373e]::-webkit-scrollbar-thumb {\n  background-color: #999;\n  border-radius: 10px;\n  height: 10px;\n  min-height: 10px;\n}\n.share-good-head[data-v-52fa373e] {\n  width: 100%;\n  height: 155.73333333vw;\n  margin-top: -17.06666667vw;\n  background-size: 100% 100%;\n  position: relative;\n}\n.share-good-head .iknow[data-v-52fa373e] {\n  position: absolute;\n  top: 125.33333333vw;\n  width: 53.33333333vw;\n  height: 11.73333333vw;\n  left: 23.2vw;\n}\n.share-good-head .head[data-v-52fa373e] {\n  position: absolute;\n  width: 18.66666667vw;\n  height: 18.66666667vw;\n  top: 41.33333333vw;\n  left: 40.8vw;\n  border-radius: 26.66666667vw;\n}\n.share-good-head .title[data-v-52fa373e] {\n  position: absolute;\n  width: 60vw;\n  height: 14.4vw;\n  background-size: 100% 100%;\n  top: 57.33333333vw;\n  left: 20vw;\n  text-align: center;\n  color: white;\n  font-size: 5.33333333vw;\n  line-height: 12.8vw;\n}\n.share-good-head .day[data-v-52fa373e] {\n  position: absolute;\n  top: 85.33333333vw;\n  width: 100%;\n  text-align: center;\n  color: #069777;\n  font-size: 12.8vw;\n  font-family: PingFang-SC-Bold;\n  font-weight: bold;\n}\n.share-good-head .day span[data-v-52fa373e] {\n  font-size: 5.33333333vw;\n  font-family: PingFang-SC-Bold;\n  font-weight: bold;\n  color: #069777;\n}\n.good-content[data-v-52fa373e] {\n  background: #00E0AE;\n  padding: 0 5.33333333vw 21.33333333vw 5.33333333vw;\n}\n.good-content .content[data-v-52fa373e] {\n  background: white;\n  border-radius: 2.13333333vw;\n  padding: 2.66666667vw;\n}\n.btn-block[data-v-52fa373e] {\n  position: fixed;\n  padding: 2.66666667vw 0;\n  left: 0;\n  width: 100%;\n  background: white;\n  opacity: 0;\n  -webkit-transition: all 0.5s;\n  transition: all 0.5s;\n  bottom: 0;\n}\n.btn-block .lastTime[data-v-52fa373e] {\n  top: -8vw;\n  height: 8vw;\n  line-height: 8vw;\n  color: #FF785D;\n  background: #FFE543;\n  position: absolute;\n  text-align: center;\n  left: 0;\n  width: 100%;\n}\n.btn-block .btn[data-v-52fa373e] {\n  width: 76.53333333vw;\n  height: 11.73333333vw;\n  margin: auto;\n  background: #FF785D;\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","",{version:3,sources:["D:/myproject/new-singsingH5/src/components/newLesson/D:/myproject/new-singsingH5/src/util/public.less","D:/myproject/new-singsingH5/src/components/newLesson/shareGoods.vue","D:/myproject/new-singsingH5/src/components/newLesson/D:/myproject/new-singsingH5/src/components/newLesson/shareGoods.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;ACoHA;EACE,YAAA;EACA,uBAAA;EACA,2BAAA;EACA,2BAAA;EACA,mBAAA;CDlHF;AC6GA;EAOI,mBAAA;EACA,oBAAA;EACA,qBAAA;EACA,sBAAA;EACA,aAAA;CDjHJ;ACsGA;EAcI,mBAAA;EACA,qBAAA;EACA,sBAAA;EACA,mBAAA;EACA,aAAA;EACA,6BAAA;CDjHJ;AC8FA;EAsBI,mBAAA;EACA,YAAA;EACA,eAAA;EACA,2BAAA;EACA,mBAAA;EACA,WAAA;EACA,mBAAA;EACA,aAAA;EACA,wBAAA;EACA,oBAAA;CDjHJ;ACkFA;EAkCI,mBAAA;EACA,mBAAA;EACA,YAAA;EACA,mBAAA;EACA,eAAA;EACA,kBAAA;EACA,8BAAA;EACA,kBAAA;CDjHJ;ACwEA;EA2CM,wBAAA;EACA,8BAAA;EACA,kBAAA;EACA,eAAA;CDhHN;ACoHA;EACE,oBAAA;EACA,mDAAA;CDlHF;ACgHA;EAII,kBAAA;EACA,4BAAA;EACA,sBAAA;CDjHJ;ACoHA;EACE,gBAAA;EACA,wBAAA;EACA,QAAA;EACA,YAAA;EACA,kBAAA;EACA,WAAA;EACA,6BAAA;EAAA,qBAAA;EACA,UAAA;CDlHF;AC0GA;EAUI,UAAA;EACA,YAAA;EACA,iBAAA;EACA,eAAA;EACA,oBAAA;EACA,mBAAA;EACA,mBAAA;EACA,QAAA;EACA,YAAA;CDjHJ;AC+FA;EAqBI,qBAAA;EACA,sBAAA;EACA,aAAA;EACA,oBAAA;EACA,6BAAA;EACA,aAAA;EACA,2BAAA;EACA,mBAAA;EACA,gBAAA;EACA,gCAAA;EACA,iBAAA;CDjHJ",file:"shareGoods.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.share-good-head {\n  width: 100%;\n  height: 155.73333333vw;\n  margin-top: -17.06666667vw;\n  background-size: 100% 100%;\n  position: relative;\n}\n.share-good-head .iknow {\n  position: absolute;\n  top: 125.33333333vw;\n  width: 53.33333333vw;\n  height: 11.73333333vw;\n  left: 23.2vw;\n}\n.share-good-head .head {\n  position: absolute;\n  width: 18.66666667vw;\n  height: 18.66666667vw;\n  top: 41.33333333vw;\n  left: 40.8vw;\n  border-radius: 26.66666667vw;\n}\n.share-good-head .title {\n  position: absolute;\n  width: 60vw;\n  height: 14.4vw;\n  background-size: 100% 100%;\n  top: 57.33333333vw;\n  left: 20vw;\n  text-align: center;\n  color: white;\n  font-size: 5.33333333vw;\n  line-height: 12.8vw;\n}\n.share-good-head .day {\n  position: absolute;\n  top: 85.33333333vw;\n  width: 100%;\n  text-align: center;\n  color: #069777;\n  font-size: 12.8vw;\n  font-family: PingFang-SC-Bold;\n  font-weight: bold;\n}\n.share-good-head .day span {\n  font-size: 5.33333333vw;\n  font-family: PingFang-SC-Bold;\n  font-weight: bold;\n  color: #069777;\n}\n.good-content {\n  background: #00E0AE;\n  padding: 0 5.33333333vw 21.33333333vw 5.33333333vw;\n}\n.good-content .content {\n  background: white;\n  border-radius: 2.13333333vw;\n  padding: 2.66666667vw;\n}\n.btn-block {\n  position: fixed;\n  padding: 2.66666667vw 0;\n  left: 0;\n  width: 100%;\n  background: white;\n  opacity: 0;\n  transition: all 0.5s;\n  bottom: 0;\n}\n.btn-block .lastTime {\n  top: -8vw;\n  height: 8vw;\n  line-height: 8vw;\n  color: #FF785D;\n  background: #FFE543;\n  position: absolute;\n  text-align: center;\n  left: 0;\n  width: 100%;\n}\n.btn-block .btn {\n  width: 76.53333333vw;\n  height: 11.73333333vw;\n  margin: auto;\n  background: #FF785D;\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",'\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\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 .share-good-head{\n   width: 100%;\n   height: 584*@toVw;\n   margin-top: -64*@toVw;\n   background-size: 100% 100%;\n   position: relative;\n   .iknow{\n     position: absolute;\n     top: 470*@toVw;\n     width: 200*@toVw;\n     height: 44*@toVw;\n     left: 87*@toVw;\n   }\n   .head{\n     position: absolute;\n     width: 70*@toVw;\n     height: 70*@toVw;\n     top: 155*@toVw;\n     left: 153*@toVw;\n     border-radius: 100*@toVw;\n   }\n   .title{\n     position: absolute;\n     width: 225*@toVw;\n     height: 54*@toVw;\n     background-size: 100% 100%;\n     top: 215*@toVw;\n     left: 75*@toVw;\n     text-align: center;\n     color: white;\n     font-size: 20*@toVw;\n     line-height: 48*@toVw;\n   }\n   .day{\n     position: absolute;\n     top: 320*@toVw;\n     width: 100%;\n     text-align: center;\n     color: #069777;\n     font-size:48*@toVw;\n     font-family:PingFang-SC-Bold;\n     font-weight:bold;\n     span{\n       font-size:20*@toVw;\n       font-family:PingFang-SC-Bold;\n       font-weight:bold;\n       color:rgba(6,151,119,1);\n     }\n   }\n }\n .good-content{\n   background: #00E0AE;\n   padding: 0 20*@toVw 80*@toVw 20*@toVw;\n   .content{\n     background: white;\n     border-radius: 8*@toVw;\n     padding: 10*@toVw;\n   };\n }\n .btn-block{\n   position: fixed;\n   padding: 10*@toVw 0 ;\n   left: 0;\n   width: 100%;\n   background: white;\n   opacity: 0;\n   transition: all 0.5s;\n   bottom: 0;\n   .lastTime{\n     top: -30*@toVw;\n     height: 30*@toVw;\n     line-height: 30*@toVw;\n     color: #FF785D;\n     background: #FFE543;\n     position: absolute;\n     text-align: center;\n     left: 0;\n     width: 100%;\n   }\n   .btn{\n     width: 287*@toVw;\n     height: 44*@toVw;\n     margin: auto;\n     background: #FF785D;\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'],sourceRoot:""}])},LyMh:function(n,t){n.exports="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAcIAAABsBAMAAAALV69cAAAAIVBMVEVHcEwAYkwFl3cFlnYFi2wFl3cFl3cFmHcAYUwGl3cDgWVH8oeMAAAACXRSTlMA/sJIJ+KQaa8h3je6AAACZElEQVR42u2cPUsDQRCGFz0/UooWJlUgUUh3ChbpoiCaLqgp0omNXJdChHQK/oDcp2y6lOZX6iYEIniTmxSy8+69/cE+zM7szOzcKpUr7/VkoCUovXvuqA203dJyFPl8QE8S4A8i34oXWpbu2XtUSxN3n16LI3xgErbEEUbom5S7TbcEEtZZhF2BhAmLcCSQ8JNFGAgkzMBDKTeYDgQSpiXhL2mJKglLwpLQasKbp77GU//0ZQl4rlHVWABeaVw1DeCeRtZQaJLNSsexTWiMuANO2FNtcMJYZDXPq/wDcMKsJAQgxPdD/FjaBSdMVAWccCzyhoKjugN56TY4oS+z+VtcqQv1IfhxYS4VsQvEnhN9GgVNKPa+lxNoFHTunYidLCmes0mdDmJkNFLHEoppObyA64ix4BEvjhsiO6IveT6I44a4jhiLnrXkuCGuI/rCRy8Kpt3IoSYSPk5atLCQOxK8XqtDw5jHRewUIf4uxSfEj6X45yF8ToPaFB46VFvg14fwNT5+nwa/19aGJYyVIz1v/HsL/LunLjBh4sgdsEaWG//MYA8n1p2YiQqgCTPlwGyip7HVUbvghI8OzHlXwAnHDvxREoATZsDlryuEKfiBbwg1uhwgzN+l4exLCMRkViV2aX6kmRzMtdHzrv8mb7HIfFtE1Hk4Nd8eK7v1bhZZo04LIqcJzceHlhOemUVWqZyGyrzNx2+WE+6bRZKZN9XxDq13w4UjEiY0Xe+RpmLNkbJdl1ScmU+cUEacWm9CY8QabULyFaXwQ9mvW2KTNte9hNVQElRg/X+/ZrbyGpjlItf/DUICuUSCELZjAAAAAElFTkSuQmCC"},WIsT:function(n,t,e){"use strict";var o=e("mvHQ"),i=e.n(o),a=e("Au9i"),s=e("CCn6"),l={name:"login",props:["bindMobile","groupDetail"],data:function(){return{time:0,payFlag:!0}},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 t={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;t.mobile=this.bindMobile.mobile,Object(s.c)(t).then(function(t){Object(s.A)().then(function(t){localStorage.setItem("userDesc",i()(t)),n.payFlag=!0,n.$emit("goToBuyPage")}).catch(function(t){n.refImgCode(),n.payFlag=!0})}).catch(function(t){n.refImgCode(),n.payFlag=!0})}},refImgCode:function(){this.$refs.imgCode.src="/api/public/img/verify?flag="+Math.random()},timeO:function(){var n=this;this.time>0&&(this.time--,setTimeout(function(){n.timeO()},1e3))},sendMobileCode:function(){var n=this;if(""===this.bindMobile.img_code||!this.bindMobile.img_code)return Object(a.Toast)({message:"请填写图形验证码"}),!1;var t={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;t.mobile=this.bindMobile.mobile,this.time=30,this.timeO(),this.$sa.track("clickSendcode",{}),Object(s.I)(t).then(function(t){"操作成功"===t?Object(a.Toast)("验证码已发送"):(n.time=0,n.refImgCode(),Object(a.Toast)(t))}).catch(function(t){n.refImgCode()})}}},A=function(){var n=this,t=n.$createElement,e=n._self._c||t;return e("mt-popup",{staticClass:"bindMobile-block",attrs:{position:"bottom"},model:{value:n.bindMobile.show,callback:function(t){n.$set(n.bindMobile,"show",t)},expression:"bindMobile.show"}},[e("div",{staticClass:"bindMobile-main"},[e("img",{staticClass:"header",attrs:{src:n.groupDetail.goods_desc.img[0].url}}),n._v(" "),e("div",{staticClass:"title"},[n._v("\n      "+n._s(n.groupDetail.name)+"\n      "),e("br"),n._v(" "),0!==n.bindMobile.flag?e("span",{staticStyle:{color:"red","font-weight":"normal"}},[n._v("￥"+n._s((n.groupDetail.current_price/100).toFixed(2)))]):n._e(),n._v(" "),0===n.bindMobile.flag?e("span",{staticStyle:{color:"red","font-weight":"normal"}},[n._v("￥"+n._s((n.groupDetail.original_price/100).toFixed(2)))]):n._e()]),n._v(" "),e("mt-field",{staticStyle:{"font-size":"14px"},attrs:{label:"手机号",placeholder:"请输入手机号"},model:{value:n.bindMobile.mobile,callback:function(t){n.$set(n.bindMobile,"mobile",t)},expression:"bindMobile.mobile"}}),n._v(" "),e("mt-field",{attrs:{label:"图片验证",placeholder:"请输入验证码"},model:{value:n.bindMobile.img_code,callback:function(t){n.$set(n.bindMobile,"img_code",t)},expression:"bindMobile.img_code"}},[e("img",{ref:"imgCode",staticClass:"right-btn",staticStyle:{width:"35vw","margin-left":"5px"},attrs:{src:"/api/public/img/verify"},on:{click:n.refImgCode}})]),n._v(" "),e("mt-field",{attrs:{label:"短信验证",placeholder:"短信验证码",attr:{maxlength:6}},model:{value:n.bindMobile.verify_code,callback:function(t){n.$set(n.bindMobile,"verify_code",t)},expression:"bindMobile.verify_code"}},[0===n.time?e("button",{staticClass:"codeMsg right-btn",on:{click:n.sendMobileCode}},[n._v("发送验证码")]):n._e(),n._v(" "),n.time>0?e("button",{staticClass:"codeMsg disabled right-btn"},[n._v(n._s(n.time)+"s后重新发送")]):n._e()]),n._v(" "),e("mt-button",{staticStyle:{width:"100%","margin-top":"10px"},attrs:{type:"danger"},on:{click:n.onBindMobile}},[n._v("下一步")])],1)])};A._withStripped=!0;var r={render:A,staticRenderFns:[]},d=r;var c=!1;var g=e("VU/8")(l,d,!1,function(n){c||e("lwBt")},"data-v-4a0f2ec0",null);g.options.__file="src/components/buy/login.vue";t.a=g.exports},XsG1:function(n,t,e){(n.exports=e("FZ+f")(!0)).push([n.i,"\n.fl-r[data-v-4a0f2ec0] {\n  float: right;\n}\n.main-block[data-v-4a0f2ec0] {\n  margin: 5px;\n  background: white;\n  padding: 5px;\n}\n.clear-both[data-v-4a0f2ec0]:after {\n  content: '';\n  display: block;\n  clear: both;\n}\n[data-v-4a0f2ec0]::-webkit-scrollbar-track-piece {\n  border-radius: 10px;\n}\n[data-v-4a0f2ec0]::-webkit-scrollbar {\n  width: 5px;\n  height: 5px;\n}\n[data-v-4a0f2ec0]::-webkit-scrollbar-thumb {\n  background-color: #999;\n  border-radius: 10px;\n  height: 10px;\n  min-height: 10px;\n}\n.bindMobile-block.mint-popup[data-v-4a0f2ec0] {\n  border-radius: 0;\n  width: 100%;\n  font-size: 3.73333333vw;\n  background: transparent;\n}\n.bindMobile-block.mint-popup[data-v-4a0f2ec0] .mint-cell-text {\n  font-size: 3.73333333vw;\n}\n.bindMobile-block.mint-popup[data-v-4a0f2ec0] .mint-field-core {\n  font-size: 3.73333333vw;\n}\n.bindMobile-block.mint-popup .codeMsg[data-v-4a0f2ec0] {\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.bindMobile-block.mint-popup .codeMsg.disabled[data-v-4a0f2ec0] {\n  opacity: 0.5;\n}\n.bindMobile-block.mint-popup .bindMobile-main[data-v-4a0f2ec0] {\n  background: white;\n  position: relative;\n  margin-top: 13.33333333vw;\n}\n.bindMobile-block.mint-popup .bindMobile-main .header[data-v-4a0f2ec0] {\n  width: 18.66666667vw;\n  top: -8vw;\n  left: 4vw;\n  height: 18.66666667vw;\n  position: absolute;\n}\n.bindMobile-block.mint-popup .bindMobile-main .title[data-v-4a0f2ec0] {\n  padding-left: 25.33333333vw;\n  padding-top: 1.33333333vw;\n  font-family: PingFang-SC-Bold;\n  font-weight: bold;\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/login.vue","D:/myproject/new-singsingH5/src/components/buy/D:/myproject/new-singsingH5/src/components/buy/login.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;ACiGD;EACE,iBAAA;EACA,YAAA;EACA,wBAAA;EACA,wBAAA;CD/FD;AC2FD;EAMI,wBAAA;CD9FH;ACwFD;EASI,wBAAA;CD9FH;ACqFD;EAYI,6BAAA;EACA,mCAAA;EACA,kBAAA;EACA,iBAAA;EACA,eAAA;EACA,cAAA;EACA,aAAA;EACA,mCAAA;CD9FH;AC+FG;EACE,aAAA;CD7FL;ACwED;EAyBI,kBAAA;EACA,mBAAA;EACA,0BAAA;CD9FH;ACmED;EA6BM,qBAAA;EACA,UAAA;EACA,UAAA;EACA,sBAAA;EACA,mBAAA;CD7FL;AC4DD;EAoCM,4BAAA;EACA,0BAAA;EACA,8BAAA;EACA,kBAAA;CD7FL",file:"login.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.bindMobile-block.mint-popup {\n  border-radius: 0;\n  width: 100%;\n  font-size: 3.73333333vw;\n  background: transparent;\n}\n.bindMobile-block.mint-popup /deep/ .mint-cell-text {\n  font-size: 3.73333333vw;\n}\n.bindMobile-block.mint-popup /deep/ .mint-field-core {\n  font-size: 3.73333333vw;\n}\n.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.bindMobile-block.mint-popup .codeMsg.disabled {\n  opacity: 0.5;\n}\n.bindMobile-block.mint-popup .bindMobile-main {\n  background: white;\n  position: relative;\n  margin-top: 13.33333333vw;\n}\n.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.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",'\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\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.less";\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'],sourceRoot:""}])},lwBt:function(n,t,e){var o=e("XsG1");"string"==typeof o&&(o=[[n.i,o,""]]),o.locals&&(n.exports=o.locals);e("rjj0")("45ae6431",o,!1,{})},"rYr/":function(n,t,e){n.exports=e.p+"static/img/shareGoodsBg3.ab32fc9.png"},wP84:function(n,t,e){var o=e("IshY");"string"==typeof o&&(o=[[n.i,o,""]]),o.locals&&(n.exports=o.locals);e("rjj0")("7a96b268",o,!1,{})}});
//# sourceMappingURL=8.7d44fad1680950d15a64.js.map