9.48c80f053ed95d5b6f1f.js 17.7 KB
webpackJsonp([9],{"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"),i=o.n(e),a=o("LyMh"),s=o.n(a),A=o("CCn6"),r={name:"shareGoods",data:function(){return{shareGoodsBg:i.a,title_share_goods:s.a,userDetail:null,shopId:null,goodsDetail:null}},methods:{initPage:function(){var n=this;this.$sa.track("ViewInvitation",{salesID:this.$route.query.userID}),Object(A.s)(this.$route.query.userID).then(function(t){t.user_info.avatar=t.user_info.avatar.replace("http://","https://"),n.userDetail=t}),Object(A.u)().then(function(t){n.shopId=t[0].value,Object(A.h)(n.shopId).then(function(t){t.desc=JSON.parse(t.desc),n.goodsDetail=t})})},toBuy:function(n){1===n?this.$sa.track("buttonClick",{tabTitle:"打卡商品页",moduleTitle:"功能按钮",buttonType:"购买",buttonName:"马上报名1"}):this.$sa.track("buttonClick",{tabTitle:"打卡商品页",moduleTitle:"功能按钮",buttonType:"购买",buttonName:"马上报名2"}),window.location.href="https://wechat-test.changchangenglish.com/#/buy?shopId="+this.shopId+"&invite_code=CC-UDK-"+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:function(t){n.toBuy(1)}}})]):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:function(t){n.toBuy(2)}}},[n._v("\n        快去报名\n      ")])])]):n._e()])};d._withStripped=!0;var l={render:d,staticRenderFns:[]},h=l;var c=!1;var g=o("VU/8")(r,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:";AAqLA;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="btn" @click="toBuy(2)">\n          快去报名\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\n  import shareGoodsBg from \'../../assets/newLesson/shareGoodsBg.png\'\n  import title_share_goods from \'../../assets/newLesson/title-share-goods.png\'\n  import {getOtherUserWatchApi,getShareGoodsApi,getGoodsDetailApi} from "../../service/api";\n  export default {\n    name: "shareGoods",\n    data(){\n      return {\n        shareGoodsBg:shareGoodsBg,\n        title_share_goods:title_share_goods,\n        userDetail:null,\n        shopId:null,\n        goodsDetail:null\n      }\n    },\n    methods:{\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            this.goodsDetail = res\n          })\n        })\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        window.location.href = `${process.env.API_URL}#/buy?shopId=${this.shopId}&invite_code=CC-UDK-${this.$route.query.userID}`\n      }\n    },\n    mounted(){\n      this.initPage();\n      window.onscroll= ()=>{\n        //变量t是滚动条滚动时,距离顶部的距离\n        let t = document.documentElement.scrollTop||document.body.scrollTop;\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<\/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: 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</style>\n<style>\n  img{\n    max-width: 100% !important;\n  }\n</style>\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;ACwEA;EACE,YAAA;EACA,uBAAA;EACA,2BAAA;EACA,2BAAA;EACA,mBAAA;CDtEF;ACiEA;EAOI,mBAAA;EACA,oBAAA;EACA,qBAAA;EACA,sBAAA;EACA,aAAA;CDrEJ;AC0DA;EAcI,mBAAA;EACA,qBAAA;EACA,sBAAA;EACA,mBAAA;EACA,aAAA;EACA,6BAAA;CDrEJ;ACkDA;EAsBI,mBAAA;EACA,YAAA;EACA,eAAA;EACA,2BAAA;EACA,mBAAA;EACA,WAAA;EACA,mBAAA;EACA,aAAA;EACA,wBAAA;EACA,oBAAA;CDrEJ;ACsCA;EAkCI,mBAAA;EACA,mBAAA;EACA,YAAA;EACA,mBAAA;EACA,eAAA;EACA,kBAAA;EACA,8BAAA;EACA,kBAAA;CDrEJ;AC4BA;EA2CM,wBAAA;EACA,8BAAA;EACA,kBAAA;EACA,eAAA;CDpEN;ACwEA;EACE,oBAAA;EACA,mDAAA;CDtEF;ACoEA;EAII,kBAAA;EACA,4BAAA;EACA,sBAAA;CDrEJ;ACwEA;EACE,sBAAA;EACA,gBAAA;EACA,QAAA;EACA,YAAA;EACA,kBAAA;EACA,WAAA;EACA,6BAAA;EAAA,qBAAA;EACA,UAAA;CDtEF;AC8DA;EAUI,qBAAA;EACA,sBAAA;EACA,aAAA;EACA,oBAAA;EACA,6BAAA;EACA,aAAA;EACA,2BAAA;EACA,mBAAA;EACA,gBAAA;EACA,gCAAA;EACA,iBAAA;CDrEJ",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\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.812a62b.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=9.48c80f053ed95d5b6f1f.js.map