webpackJsonp([8],{"4S5z":function(n,t,o){var e=o("DuJ/");"string"==typeof e&&(e=[[n.i,e,""]]),e.locals&&(n.exports=e.locals);o("rjj0")("2ca757eb",e,!1,{})},"54Ry":function(n,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var e=o("RjZ4"),r=o.n(e),i=o("LyMh"),a=o.n(i),s=o("CCn6"),A={name:"shareGoods",data:function(){return{shareGoodsBg:r.a,title_share_goods:a.a,userDetail:null,shopId:null,goodsDetail:null}},methods:{initPage:function(){var n=this;Object(s.r)(this.$route.query.userID).then(function(t){t.user_info.avatar=t.user_info.avatar.replace("http://","https://"),n.userDetail=t}),Object(s.t)().then(function(t){n.shopId=t[0].value,Object(s.g)(n.shopId).then(function(t){t.desc=JSON.parse(t.desc),n.goodsDetail=t})})},toBuy:function(){window.location.href="https://wechat-test.changchangenglish.com/#/buy?shopId="+this.shopId+"&invite_code=CC-USER-"+this.$route.query.userID}},mounted:function(){var n=this;this.initPage(),window.onscroll=function(){var t=document.documentElement.scrollTop||document.body.scrollTop;n.$refs.btn_block.style.opacity=t>500?1:0}}},d=function(){var n=this,t=n.$createElement,o=n._self._c||t;return o("div",[n.userDetail?o("div",{staticClass:"share-good-head",style:{backgroundImage:"url('"+n.shareGoodsBg+"')"}},[o("img",{staticClass:"head",attrs:{src:n.userDetail.user_info.avatar}}),n._v(" "),o("div",{staticClass:"title",style:{backgroundImage:"url('"+n.title_share_goods+"')"}},[n._v("\n      "+n._s(n.userDetail.user_info.nickname)+"\n    ")]),n._v(" "),o("div",{staticClass:"day"},[n._v("\n      "+n._s(n.userDetail.total_day)+"\n      "),o("span",[n._v("\n        Days\n      ")])]),n._v(" "),o("div",{staticClass:"iknow",on:{click:n.toBuy}})]):n._e(),n._v(" "),n.goodsDetail?o("div",{staticClass:"good-content"},[o("div",{staticClass:"content",domProps:{innerHTML:n._s(n.goodsDetail.desc.detail)}}),n._v(" "),o("div",{ref:"btn_block",staticClass:"btn-block"},[o("div",{staticClass:"btn",on:{click:n.toBuy}},[n._v("\n        快去报名\n      ")])])]):n._e()])};d._withStripped=!0;var l={render:d,staticRenderFns:[]},h=l;var c=!1;var g=o("VU/8")(A,h,!1,function(n){c||(o("wP84"),o("4S5z"))},"data-v-52fa373e",null);g.options.__file="src/components/newLesson/shareGoods.vue";t.default=g.exports},"DuJ/":function(n,t,o){(n.exports=o("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:";AAmKA;EACA,2BAAA;CACA",file:"shareGoods.vue",sourcesContent:['<template>\r\n  <div>\r\n    <div class="share-good-head" v-if="userDetail" :style="{backgroundImage:`url(\'${shareGoodsBg}\')`}">\r\n      <img class="head" :src="userDetail.user_info.avatar">\r\n      <div class="title" :style="{backgroundImage:`url(\'${title_share_goods}\')`}" >\r\n        {{userDetail.user_info.nickname}}\r\n      </div>\r\n      <div class="day">\r\n        {{userDetail.total_day}}\r\n        <span>\r\n          Days\r\n        </span>\r\n      </div>\r\n      <div class="iknow" @click="toBuy">\r\n\r\n      </div>\r\n    </div>\r\n    <div class="good-content" v-if="goodsDetail">\r\n      <div class="content" v-html="goodsDetail.desc.detail">\r\n      </div>\r\n      <div class="btn-block" ref="btn_block">\r\n        <div class="btn" @click="toBuy">\r\n          快去报名\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\n  import shareGoodsBg from \'../../assets/newLesson/shareGoodsBg.png\'\r\n  import title_share_goods from \'../../assets/newLesson/title-share-goods.png\'\r\n  import {getOtherUserWatchApi,getShareGoodsApi,getGoodsDetailApi} from "../../service/api";\r\n  export default {\r\n    name: "shareGoods",\r\n    data(){\r\n      return {\r\n        shareGoodsBg:shareGoodsBg,\r\n        title_share_goods:title_share_goods,\r\n        userDetail:null,\r\n        shopId:null,\r\n        goodsDetail:null\r\n      }\r\n    },\r\n    methods:{\r\n      initPage(){\r\n        getOtherUserWatchApi(this.$route.query.userID).then(res=>{\r\n          res.user_info.avatar = res.user_info.avatar.replace(\'http://\',\'https://\');\r\n          this.userDetail = res\r\n        });\r\n        getShareGoodsApi().then(res=>{\r\n          this.shopId = res[0].value;\r\n          getGoodsDetailApi(this.shopId).then(res=>{\r\n            res.desc = JSON.parse(res.desc)\r\n            this.goodsDetail = res\r\n          })\r\n        })\r\n      },\r\n      toBuy(){\r\n        window.location.href = `${process.env.API_URL}#/buy?shopId=${this.shopId}&invite_code=CC-USER-${this.$route.query.userID}`\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>500){\r\n          this.$refs.btn_block.style.opacity = 1\r\n        }else{\r\n          this.$refs.btn_block.style.opacity = 0\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  .share-good-head{\r\n    width: 100%;\r\n    height: 584*@toVw;\r\n    margin-top: -64*@toVw;\r\n    background-size: 100% 100%;\r\n    position: relative;\r\n    .iknow{\r\n      position: absolute;\r\n      top: 460*@toVw;\r\n      width: 200*@toVw;\r\n      height: 44*@toVw;\r\n      left: 87*@toVw;\r\n    }\r\n    .head{\r\n      position: absolute;\r\n      width: 70*@toVw;\r\n      height: 70*@toVw;\r\n      top: 155*@toVw;\r\n      left: 153*@toVw;\r\n      border-radius: 100*@toVw;\r\n    }\r\n    .title{\r\n      position: absolute;\r\n      width: 225*@toVw;\r\n      height: 54*@toVw;\r\n      background-size: 100% 100%;\r\n      top: 215*@toVw;\r\n      left: 75*@toVw;\r\n      text-align: center;\r\n      color: white;\r\n      font-size: 20*@toVw;\r\n      line-height: 48*@toVw;\r\n    }\r\n    .day{\r\n      position: absolute;\r\n      top: 320*@toVw;\r\n      width: 100%;\r\n      text-align: center;\r\n      color: #069777;\r\n      font-size:48*@toVw;\r\n      font-family:PingFang-SC-Bold;\r\n      font-weight:bold;\r\n      span{\r\n        font-size:20*@toVw;\r\n        font-family:PingFang-SC-Bold;\r\n        font-weight:bold;\r\n        color:rgba(6,151,119,1);\r\n      }\r\n    }\r\n  }\r\n  .good-content{\r\n    background: #00E0AE;\r\n    padding: 0 20*@toVw 80*@toVw 20*@toVw;\r\n    .content{\r\n      background: white;\r\n      border-radius: 8*@toVw;\r\n      padding: 10*@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    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: #FF785D;\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</style>\r\n<style>\r\n  img{\r\n    max-width: 100% !important;\r\n  }\r\n</style>\r\n'],sourceRoot:""}])},IshY:function(n,t,o){(n.exports=o("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: 122.66666667vw;\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  padding: 2.13333333vw;\n  position: fixed;\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 .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;ACsDA;EACE,YAAA;EACA,uBAAA;EACA,2BAAA;EACA,2BAAA;EACA,mBAAA;CDpDF;AC+CA;EAOI,mBAAA;EACA,oBAAA;EACA,qBAAA;EACA,sBAAA;EACA,aAAA;CDnDJ;ACwCA;EAcI,mBAAA;EACA,qBAAA;EACA,sBAAA;EACA,mBAAA;EACA,aAAA;EACA,6BAAA;CDnDJ;ACgCA;EAsBI,mBAAA;EACA,YAAA;EACA,eAAA;EACA,2BAAA;EACA,mBAAA;EACA,WAAA;EACA,mBAAA;EACA,aAAA;EACA,wBAAA;EACA,oBAAA;CDnDJ;ACoBA;EAkCI,mBAAA;EACA,mBAAA;EACA,YAAA;EACA,mBAAA;EACA,eAAA;EACA,kBAAA;EACA,8BAAA;EACA,kBAAA;CDnDJ;ACUA;EA2CM,wBAAA;EACA,8BAAA;EACA,kBAAA;EACA,eAAA;CDlDN;ACsDA;EACE,oBAAA;EACA,mDAAA;CDpDF;ACkDA;EAII,kBAAA;EACA,4BAAA;EACA,sBAAA;CDnDJ;ACsDA;EACE,sBAAA;EACA,gBAAA;EACA,QAAA;EACA,YAAA;EACA,kBAAA;EACA,WAAA;EACA,6BAAA;EAAA,qBAAA;EACA,UAAA;CDpDF;AC4CA;EAUI,qBAAA;EACA,sBAAA;EACA,aAAA;EACA,oBAAA;EACA,6BAAA;EACA,aAAA;EACA,2BAAA;EACA,mBAAA;EACA,gBAAA;EACA,gCAAA;EACA,iBAAA;CDnDJ",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: 122.66666667vw;\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  padding: 2.13333333vw;\n  position: fixed;\n  left: 0;\n  width: 100%;\n  background: white;\n  opacity: 0;\n  transition: all 0.5s;\n  bottom: 0;\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@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: 460*@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   padding:8*@toVw;\n   position: fixed;\n   left: 0;\n   width: 100%;\n   background: white;\n   opacity: 0;\n   transition: all 0.5s;\n   bottom: 0;\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"},RjZ4:function(n,t,o){n.exports=o.p+"static/img/shareGoodsBg.1a7e201.png"},wP84:function(n,t,o){var e=o("IshY");"string"==typeof e&&(e=[[n.i,e,""]]),e.locals&&(n.exports=e.locals);o("rjj0")("7a96b268",e,!1,{})}});
//# sourceMappingURL=8.27f1187b7ae76e4fb259.js.map