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
-
wangwei authoredcf305630