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