5.17

parent 534854b6
......@@ -6,4 +6,4 @@
overflow: hidden;
position: fixed;
background: #f4f4f4;
}</style><link href=static/css/app.a33637a3392be2fde512aa6031b6e4df.css rel=stylesheet></head><body><div id=app></div><script src=https://res.wx.qq.com/open/js/jweixin-1.3.2.js></script><script src=static/vconsole/vconsole.min.js></script><script type=text/javascript src=static/js/manifest.93f503ed17c3c7ec75dd.js></script><script type=text/javascript src=static/js/vendor.971a89734ef51957abe6.js></script><script type=text/javascript src=static/js/app.436f01e1569fecfb6bca.js></script></body></html>
\ No newline at end of file
}</style><link href=static/css/app.a33637a3392be2fde512aa6031b6e4df.css rel=stylesheet></head><body><div id=app></div><script src=https://res.wx.qq.com/open/js/jweixin-1.3.2.js></script><script src=static/vconsole/vconsole.min.js></script><script type=text/javascript src=static/js/manifest.0da031b306ae302f46fb.js></script><script type=text/javascript src=static/js/vendor.971a89734ef51957abe6.js></script><script type=text/javascript src=static/js/app.436f01e1569fecfb6bca.js></script></body></html>
\ No newline at end of file
This source diff could not be displayed because it is too large. You can view the blob instead.
This source diff could not be displayed because it is too large. You can view the blob instead.
webpackJsonp([8],{"4S5z":function(n,t,e){var a=e("DuJ/");"string"==typeof a&&(a=[[n.i,a,""]]),a.locals&&(n.exports=a.locals);e("rjj0")("2ca757eb",a,!1,{})},"54Ry":function(n,t,e){"use strict";Object.defineProperty(t,"__esModule",{value:!0});e("eqfM");var a=e("/QYm"),o=e("mvHQ"),A=e.n(o),i=e("u/s2"),s=e.n(i),r=e("LyMh"),d=e.n(r),l=e("GbGD"),C=e.n(l),h=e("sp/r"),B=e.n(h),c=e("GZRf"),v=e.n(c),g=e("CCn6"),w={name:"shareGoods",components:{loginPage:e("WIsT").a},data:function(){return{shareGoodsBg:s.a,title_share_goods:d.a,userDetail:null,bindMobile:{show:!1,mobile:"",img_code:"",verify_code:""},btncoin:C.a,btnfree:B.a,icon_point:v.a,shopId:null,goodsDetail:null,lastTime:localStorage.getItem("lastTimeShare")?JSON.parse(localStorage.getItem("lastTimeShare")):{day:0,hour:8,min:0,second:0},nickname:""}},methods:{move:function(){var n=document.getElementsByClassName("nav");n.length>0&&(console.log(n[0].offsetTop),window.scrollTo(0,n[0].offsetTop))},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",A()(this.lastTime))},initPage:function(){var n=this;a.a.loading({mask:!0,message:""}),this.$sa.track("ViewInvitation",{salesID:this.$route.query.userID}),console.log(JSON.parse(localStorage.getItem("userDesc"))),this.nickname=JSON.parse(localStorage.getItem("userDesc")).nickname,Object(g.u)(this.$route.query.userID).then(function(t){t.user_info.avatar=t.user_info.avatar.replace("http://","https://"),n.userDetail=t,n.nickname=t.user_info.nickname}),Object(g.v)().then(function(t){n.shopId=t.id,t.desc=JSON.parse(t.desc),t.goods_desc=JSON.parse(t.goods_desc),n.goodsDetail=t,console.log(t),setTimeout(function(){n.goodsDetail={},n.goodsDetail=t,a.a.clear()},500)})},goToBuyPage:function(n){window.location.href="https://wechat-test.changchangenglish.com/#/buy?shopId="+this.shopId+"&invite_code=CC-UDK-"+this.$route.query.userID},toBuy:function(n){var t=this;1==n?this.$sa.track("buttonClick",{tabTitle:"打卡商品页",moduleTitle:"功能按钮",buttonType:"购买",buttonName:"我也要参加"}):3==n?this.$sa.track("buttonClick",{tabTitle:"打卡商品页",moduleTitle:"功能按钮",buttonType:"购买",buttonName:"正在疯抢.超值VIP课程"}):this.$sa.track("buttonClick",{tabTitle:"打卡商品页",moduleTitle:"功能按钮",buttonType:"购买",buttonName:"限时免费领"}),JSON.parse(localStorage.getItem("userDesc")).mobile&&""!==JSON.parse(localStorage.getItem("userDesc")).mobile?this.goToBuyPage(n):(this.bindMobile.show=!0,setTimeout(function(){t.$sa.track("ViewRegisterpage",{})},1e3))}},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)}}},f=function(){var n=this,t=n.$createElement,e=n._self._c||t;return e("div",[e("div",{ref:"share_page",staticClass:"share-good-page"},[n.userDetail?e("div",{staticClass:"share-good-head"},[e("img",{attrs:{src:n.shareGoodsBg,alt:""}}),n._v(" "),e("img",{staticClass:"head",attrs:{src:n.userDetail.user_info.avatar}}),n._v(" "),e("div",{staticClass:"tip2"},[n.nickname?e("p",[n._v(n._s(n.userDetail.user_info.nickname)+"家宝宝")]):n._e(),e("p",[n._v("在「唱唱启蒙英语」累计学习")])]),n._v(" "),e("div",{staticClass:"day"},[n._v("\n "+n._s(n.userDetail.total_day)+"\n "),e("p",[n._v("\n Days\n ")])]),n._v(" "),n._m(0),n._v(" "),0!=n.goodsDetail.current_price?e("div",{staticClass:"iknow",on:{click:function(t){n.toBuy(1)}}},[e("img",{attrs:{src:n.btncoin,alt:""}})]):n._e(),n._v(" "),0==n.goodsDetail.current_price?e("div",{staticClass:"iknow",on:{click:function(t){n.toBuy(3)}}},[e("img",{attrs:{src:n.btnfree,alt:""}})]):n._e(),n._v(" "),e("div",{staticClass:"textBox"},[e("p",[n._v(n._s(n.goodsDetail.goods_desc.course_title))]),n._v(" "),e("p",[n._v("原价"),e("span",[n._v(n._s(n.goodsDetail.original_price/100)+"元")]),n._v(" 限时"+n._s(n.goodsDetail.current_price/100)+"元")])]),n._v(" "),n.goodsDetail?e("div",{staticClass:"nav",on:{click:n.move}},[e("img",{staticClass:"move",attrs:{src:n.icon_point,alt:""}}),n._v("\n 课程介绍\n "),e("img",{staticClass:"move",attrs:{src:n.icon_point,alt:""}})]):n._e()]):n._e(),n._v(" "),n.goodsDetail&&n.goodsDetail.desc&&n.goodsDetail.desc.detail?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)};f._withStripped=!0;var m={render:f,staticRenderFns:[function(){var n=this.$createElement,t=this._self._c||n;return t("div",{staticClass:"Fml"},[t("div",[this._v("和"),t("span",[this._v("100万+")]),this._v("宝宝一起学习中")])])}]},p=m;var b=!1;var E=e("VU/8")(w,p,!1,function(n){b||(e("wP84"),e("4S5z"))},"data-v-52fa373e",null);E.options.__file="src/components/newLesson/shareGoods.vue";t.default=E.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:["C:/Users/Administrator/Desktop/h5/wechat/src/components/newLesson/shareGoods.vue"],names:[],mappings:";AACA;EACE,2BAA2B;CAC5B",file:"shareGoods.vue",sourcesContent:["\nimg{\n max-width: 100% !important;\n}\n"],sourceRoot:""}])},GZRf:function(n,t){n.exports="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAiCAQAAACHbFOAAAABaUlEQVR4Aa2VKcyEMBBGK3Co+qQab/Dr8VmfYLF4hTd4uRaPd2h8gq5Gvf8kTcm3y/zHU9zH9zoz7gMKGnpu7pdQ0XOnPHYDC18MFO7H0LIDsFF/HVhIzHj3AygYSUS8I5CzUpkf5pnJaRwFGzmRxhmgZiNnJ6QMc3p3AXd2EkeGX1Dy4MyD8sXPDpxZCPlF+hIBnkm93vITkZtYcytnBnvM0GVXNERydu7uOVLQeCx3etAiXkDJpNJU4nTKAiFoE18+CREaKUiL0OAZWJipM0ERhRBBw8JMR3GI2NSFBFYAKUIHtHyGcJIwUFwJeqGwT+0rMeFFkQkRYpGPWsBKlTdQ1YC5EcmJVM9PNZmgifkkoufMSlAfb2hhaZGLoA7wzLqH2MtTzQfh1NCn2+sJplqY4bxACNpp9R8YR5oUNBJExtahKwXtBhECIUgjRFxBh8Qgwi7ILMIuyCzCKMguwiSoc/8FNa0tuTetGdMtdlqYjwAAAABJRU5ErkJggg=="},GbGD:function(n,t,e){n.exports=e.p+"static/img/btncoin.1a04075.png"},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 min-height: 10px;\n}\n@-webkit-keyframes spin-data-v-52fa373e {\nfrom {\n -webkit-transform: translateY(-0.8vw);\n}\nto {\n -webkit-transform: translateY(0.8vw);\n}\n}\n@keyframes spin-data-v-52fa373e {\nfrom {\n -webkit-transform: translateY(-0.8vw);\n transform: translateY(-0.8vw);\n}\nto {\n -webkit-transform: translateY(0.8vw);\n transform: translateY(0.8vw);\n}\n}\n.move[data-v-52fa373e] {\n -webkit-animation: spin-data-v-52fa373e 2s linear 1s 5 alternate;\n animation: spin-data-v-52fa373e 2s linear infinite;\n}\n.share-good-page[data-v-52fa373e] {\n overflow: auto;\n}\n.share-good-page[data-v-52fa373e]::-webkit-scrollbar {\n display: none;\n}\n.share-good-head[data-v-52fa373e] {\n width: 100vw;\n position: relative;\n}\n.share-good-head .textBox[data-v-52fa373e] {\n position: absolute;\n top: 94.66666667vw;\n left: 29.86666667vw;\n text-align: center;\n color: #B75B3A;\n font-size: 4vw;\n}\n.share-good-head .textBox span[data-v-52fa373e] {\n text-decoration: line-through;\n}\n.share-good-head .textBox .top[data-v-52fa373e] {\n font-size: 4.53333333vw;\n}\n.share-good-head .textBox .btn[data-v-52fa373e] {\n font-size: 4vw;\n}\n.share-good-head .iknow[data-v-52fa373e] {\n position: absolute;\n top: 110.66666667vw;\n width: 70.66666667vw;\n left: 15.46666667vw;\n}\n.share-good-head .head[data-v-52fa373e] {\n position: absolute;\n width: 16vw;\n height: 16vw;\n top: 11.2vw;\n left: 42.4vw;\n border-radius: 26.66666667vw;\n}\n.share-good-head .tip2[data-v-52fa373e] {\n position: absolute;\n width: 93.33333333vw;\n color: #55343A;\n font-size: 4vw;\n text-align: center;\n top: 29.33333333vw;\n left: 3.46666667vw;\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: 46.66666667vw;\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: 45.86666667vw;\n width: 100%;\n text-align: center;\n color: white;\n font-size: 14.4vw;\n font-family: PingFangSC-Semibold;\n font-weight: bold;\n}\n.share-good-head .day p[data-v-52fa373e] {\n font-size: 5.33333333vw;\n font-family: PingFangSC-Semibold;\n line-height: 2.66666667vw;\n font-weight: 300;\n color: white;\n}\n.share-good-head .Fml[data-v-52fa373e] {\n position: absolute;\n top: 75.73333333vw;\n left: 28.26666667vw;\n font-size: 4vw;\n color: #55343A;\n text-align: center;\n}\n.share-good-head .Fml p[data-v-52fa373e] {\n line-height: 9.6vw;\n color: #55343A;\n}\n.share-good-head .Fml div[data-v-52fa373e] {\n color: #6A3028;\n font-weight: bold;\n}\n.share-good-head .Fml .line[data-v-52fa373e] {\n width: 95%;\n height: 1.06666667vw;\n background: #F6C9A2;\n opacity: 0.44;\n position: relative;\n top: -1.33333333vw;\n}\n.share-good-head .Fml span[data-v-52fa373e] {\n color: #E17640;\n}\n.share-good-head .nav[data-v-52fa373e] {\n position: absolute;\n top: 136.53333333vw;\n left: 28.8vw;\n z-index: 20;\n width: 41.86666667vw;\n height: 8vw;\n line-height: 8vw;\n border-radius: 4vw;\n text-align: center;\n color: white;\n}\n.share-good-head .nav img[data-v-52fa373e] {\n width: 2.66666667vw;\n}\n.good-content[data-v-52fa373e] {\n background: #F4CAA2;\n padding: 0 4vw 21.33333333vw 4vw;\n position: relative;\n top: -1.33333333vw;\n}\n.good-content .content[data-v-52fa373e] {\n border-radius: 2.13333333vw;\n overflow: hidden;\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 .btnBox[data-v-52fa373e] {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n padding: 0 7.73333333vw;\n}\n.btn-block .btnBox .slg[data-v-52fa373e] {\n background: white;\n color: #666666;\n border: 1px solid #666666;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n margin-right: 2.66666667vw;\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: 4.8vw;\n font-family: PingFang-SC-Medium;\n font-weight: 500;\n}\n","",{version:3,sources:["C:/Users/Administrator/Desktop/h5/wechat/src/components/newLesson/shareGoods.vue"],names:[],mappings:";AACA;EACE,aAAa;CACd;AACD;EACE,YAAY;EACZ,kBAAkB;EAClB,aAAa;CACd;AACD;EACE,YAAY;EACZ,eAAe;EACf,YAAY;CACb;AACD;EACE,oBAAoB;CACrB;AACD;EACE,WAAW;EACX,YAAY;CACb;AACD;EACE,uBAAuB;EACvB,oBAAoB;EACpB,iBAAiB;CAClB;AACD;AACA;IACI,sCAAsC;CACzC;AACD;IACI,qCAAqC;CACxC;CACA;AACD;AACA;IACI,sCAAsC;YAC9B,8BAA8B;CACzC;AACD;IACI,qCAAqC;YAC7B,6BAA6B;CACxC;CACA;AACD;EACE,iEAAiE;EACjE,mDAAmD;CACpD;AACD;EACE,eAAe;CAChB;AACD;EACE,cAAc;CACf;AACD;EACE,aAAa;EACb,mBAAmB;CACpB;AACD;EACE,mBAAmB;EACnB,mBAAmB;EACnB,oBAAoB;EACpB,mBAAmB;EACnB,eAAe;EACf,eAAe;CAChB;AACD;EACE,8BAA8B;CAC/B;AACD;EACE,wBAAwB;CACzB;AACD;EACE,eAAe;CAChB;AACD;EACE,mBAAmB;EACnB,oBAAoB;EACpB,qBAAqB;EACrB,oBAAoB;CACrB;AACD;EACE,mBAAmB;EACnB,YAAY;EACZ,aAAa;EACb,YAAY;EACZ,aAAa;EACb,6BAA6B;CAC9B;AACD;EACE,mBAAmB;EACnB,qBAAqB;EACrB,eAAe;EACf,eAAe;EACf,mBAAmB;EACnB,mBAAmB;EACnB,mBAAmB;CACpB;AACD;EACE,mBAAmB;EACnB,YAAY;EACZ,eAAe;EACf,2BAA2B;EAC3B,mBAAmB;EACnB,WAAW;EACX,mBAAmB;EACnB,aAAa;EACb,wBAAwB;EACxB,oBAAoB;CACrB;AACD;EACE,mBAAmB;EACnB,mBAAmB;EACnB,YAAY;EACZ,mBAAmB;EACnB,aAAa;EACb,kBAAkB;EAClB,iCAAiC;EACjC,kBAAkB;CACnB;AACD;EACE,wBAAwB;EACxB,iCAAiC;EACjC,0BAA0B;EAC1B,iBAAiB;EACjB,aAAa;CACd;AACD;EACE,mBAAmB;EACnB,mBAAmB;EACnB,oBAAoB;EACpB,eAAe;EACf,eAAe;EACf,mBAAmB;CACpB;AACD;EACE,mBAAmB;EACnB,eAAe;CAChB;AACD;EACE,eAAe;EACf,kBAAkB;CACnB;AACD;EACE,WAAW;EACX,qBAAqB;EACrB,oBAAoB;EACpB,cAAc;EACd,mBAAmB;EACnB,mBAAmB;CACpB;AACD;EACE,eAAe;CAChB;AACD;EACE,mBAAmB;EACnB,oBAAoB;EACpB,aAAa;EACb,YAAY;EACZ,qBAAqB;EACrB,YAAY;EACZ,iBAAiB;EACjB,mBAAmB;EACnB,mBAAmB;EACnB,aAAa;CACd;AACD;EACE,oBAAoB;CACrB;AACD;EACE,oBAAoB;EACpB,iCAAiC;EACjC,mBAAmB;EACnB,mBAAmB;CACpB;AACD;EACE,4BAA4B;EAC5B,iBAAiB;CAClB;AACD;EACE,gBAAgB;EAChB,wBAAwB;EACxB,QAAQ;EACR,YAAY;EACZ,kBAAkB;EAClB,WAAW;EACX,6BAA6B;EAC7B,qBAAqB;EACrB,UAAU;CACX;AACD;EACE,UAAU;EACV,YAAY;EACZ,iBAAiB;EACjB,eAAe;EACf,oBAAoB;EACpB,mBAAmB;EACnB,mBAAmB;EACnB,QAAQ;EACR,YAAY;CACb;AACD;EACE,qBAAqB;EACrB,qBAAqB;EACrB,cAAc;EACd,wBAAwB;CACzB;AACD;EACE,kBAAkB;EAClB,eAAe;EACf,0BAA0B;EAC1B,+BAA+B;UACvB,uBAAuB;EAC/B,2BAA2B;CAC5B;AACD;EACE,qBAAqB;EACrB,sBAAsB;EACtB,aAAa;EACb,oBAAoB;EACpB,6BAA6B;EAC7B,aAAa;EACb,2BAA2B;EAC3B,mBAAmB;EACnB,iBAAiB;EACjB,gCAAgC;EAChC,iBAAiB;CAClB",file:"shareGoods.vue",sourcesContent:["\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 min-height: 10px;\n}\n@-webkit-keyframes spin-data-v-52fa373e {\nfrom {\n -webkit-transform: translateY(-0.8vw);\n}\nto {\n -webkit-transform: translateY(0.8vw);\n}\n}\n@keyframes spin-data-v-52fa373e {\nfrom {\n -webkit-transform: translateY(-0.8vw);\n transform: translateY(-0.8vw);\n}\nto {\n -webkit-transform: translateY(0.8vw);\n transform: translateY(0.8vw);\n}\n}\n.move[data-v-52fa373e] {\n -webkit-animation: spin-data-v-52fa373e 2s linear 1s 5 alternate;\n animation: spin-data-v-52fa373e 2s linear infinite;\n}\n.share-good-page[data-v-52fa373e] {\n overflow: auto;\n}\n.share-good-page[data-v-52fa373e]::-webkit-scrollbar {\n display: none;\n}\n.share-good-head[data-v-52fa373e] {\n width: 100vw;\n position: relative;\n}\n.share-good-head .textBox[data-v-52fa373e] {\n position: absolute;\n top: 94.66666667vw;\n left: 29.86666667vw;\n text-align: center;\n color: #B75B3A;\n font-size: 4vw;\n}\n.share-good-head .textBox span[data-v-52fa373e] {\n text-decoration: line-through;\n}\n.share-good-head .textBox .top[data-v-52fa373e] {\n font-size: 4.53333333vw;\n}\n.share-good-head .textBox .btn[data-v-52fa373e] {\n font-size: 4vw;\n}\n.share-good-head .iknow[data-v-52fa373e] {\n position: absolute;\n top: 110.66666667vw;\n width: 70.66666667vw;\n left: 15.46666667vw;\n}\n.share-good-head .head[data-v-52fa373e] {\n position: absolute;\n width: 16vw;\n height: 16vw;\n top: 11.2vw;\n left: 42.4vw;\n border-radius: 26.66666667vw;\n}\n.share-good-head .tip2[data-v-52fa373e] {\n position: absolute;\n width: 93.33333333vw;\n color: #55343A;\n font-size: 4vw;\n text-align: center;\n top: 29.33333333vw;\n left: 3.46666667vw;\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: 46.66666667vw;\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: 45.86666667vw;\n width: 100%;\n text-align: center;\n color: white;\n font-size: 14.4vw;\n font-family: PingFangSC-Semibold;\n font-weight: bold;\n}\n.share-good-head .day p[data-v-52fa373e] {\n font-size: 5.33333333vw;\n font-family: PingFangSC-Semibold;\n line-height: 2.66666667vw;\n font-weight: 300;\n color: white;\n}\n.share-good-head .Fml[data-v-52fa373e] {\n position: absolute;\n top: 75.73333333vw;\n left: 28.26666667vw;\n font-size: 4vw;\n color: #55343A;\n text-align: center;\n}\n.share-good-head .Fml p[data-v-52fa373e] {\n line-height: 9.6vw;\n color: #55343A;\n}\n.share-good-head .Fml div[data-v-52fa373e] {\n color: #6A3028;\n font-weight: bold;\n}\n.share-good-head .Fml .line[data-v-52fa373e] {\n width: 95%;\n height: 1.06666667vw;\n background: #F6C9A2;\n opacity: 0.44;\n position: relative;\n top: -1.33333333vw;\n}\n.share-good-head .Fml span[data-v-52fa373e] {\n color: #E17640;\n}\n.share-good-head .nav[data-v-52fa373e] {\n position: absolute;\n top: 136.53333333vw;\n left: 28.8vw;\n z-index: 20;\n width: 41.86666667vw;\n height: 8vw;\n line-height: 8vw;\n border-radius: 4vw;\n text-align: center;\n color: white;\n}\n.share-good-head .nav img[data-v-52fa373e] {\n width: 2.66666667vw;\n}\n.good-content[data-v-52fa373e] {\n background: #F4CAA2;\n padding: 0 4vw 21.33333333vw 4vw;\n position: relative;\n top: -1.33333333vw;\n}\n.good-content .content[data-v-52fa373e] {\n border-radius: 2.13333333vw;\n overflow: hidden;\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 .btnBox[data-v-52fa373e] {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n padding: 0 7.73333333vw;\n}\n.btn-block .btnBox .slg[data-v-52fa373e] {\n background: white;\n color: #666666;\n border: 1px solid #666666;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n margin-right: 2.66666667vw;\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: 4.8vw;\n font-family: PingFang-SC-Medium;\n font-weight: 500;\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"},"sp/r":function(n,t,e){n.exports=e.p+"static/img/btnfree.96c2f05.png"},"u/s2":function(n,t,e){n.exports=e.p+"static/img/shareGoodsBg6.2dbff28.png"},wP84:function(n,t,e){var a=e("IshY");"string"==typeof a&&(a=[[n.i,a,""]]),a.locals&&(n.exports=a.locals);e("rjj0")("7a96b268",a,!1,{})}});
\ No newline at end of file
webpackJsonp([8],{"4S5z":function(n,t,e){var a=e("DuJ/");"string"==typeof a&&(a=[[n.i,a,""]]),a.locals&&(n.exports=a.locals);e("rjj0")("2ca757eb",a,!1,{})},"54Ry":function(n,t,e){"use strict";Object.defineProperty(t,"__esModule",{value:!0});e("eqfM");var a=e("/QYm"),o=e("mvHQ"),i=e.n(o),A=e("u/s2"),s=e.n(A),r=e("LyMh"),l=e.n(r),d=e("GbGD"),C=e.n(d),h=e("sp/r"),c=e.n(h),B=e("GZRf"),v=e.n(B),g=e("CCn6"),w={name:"shareGoods",components:{loginPage:e("WIsT").a},data:function(){return{shareGoodsBg:s.a,title_share_goods:l.a,userDetail:null,bindMobile:{show:!1,mobile:"",img_code:"",verify_code:""},btncoin:C.a,btnfree:c.a,icon_point:v.a,shopId:null,goodsDetail:null,lastTime:localStorage.getItem("lastTimeShare")?JSON.parse(localStorage.getItem("lastTimeShare")):{day:0,hour:8,min:0,second:0},nickname:""}},methods:{move:function(){var n=document.getElementsByClassName("nav");n.length>0&&(console.log(n[0].offsetTop),window.scrollTo(0,n[0].offsetTop))},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;a.a.loading({mask:!0,message:""}),this.$sa.track("ViewInvitation",{salesID:this.$route.query.userID}),console.log(JSON.parse(localStorage.getItem("userDesc"))),this.nickname=JSON.parse(localStorage.getItem("userDesc")).nickname,Object(g.u)(this.$route.query.userID).then(function(t){t.user_info.avatar=t.user_info.avatar.replace("http://","https://"),n.userDetail=t,n.nickname=t.user_info.nickname}),Object(g.v)().then(function(t){n.shopId=t.id,t.desc=JSON.parse(t.desc),t.goods_desc=JSON.parse(t.goods_desc),n.goodsDetail=t,console.log(t),setTimeout(function(){n.goodsDetail={},n.goodsDetail=t,a.a.clear()},500)})},goToBuyPage:function(n){window.location.href="https://wechat-test.changchangenglish.com/#/buy?shopId="+this.shopId+"&invite_code=CC-UDK-"+this.$route.query.userID},toBuy:function(n){var t=this;1==n?this.$sa.track("buttonClick",{tabTitle:"打卡商品页",moduleTitle:"功能按钮",buttonType:"购买",buttonName:"我也要参加"}):3==n?this.$sa.track("buttonClick",{tabTitle:"打卡商品页",moduleTitle:"功能按钮",buttonType:"购买",buttonName:"正在疯抢.超值VIP课程"}):this.$sa.track("buttonClick",{tabTitle:"打卡商品页",moduleTitle:"功能按钮",buttonType:"购买",buttonName:"限时免费领"}),JSON.parse(localStorage.getItem("userDesc")).mobile&&""!==JSON.parse(localStorage.getItem("userDesc")).mobile?this.goToBuyPage(n):(this.bindMobile.show=!0,setTimeout(function(){t.$sa.track("ViewRegisterpage",{})},1e3))}},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)}}},m=function(){var n=this,t=n.$createElement,e=n._self._c||t;return e("div",[e("div",{ref:"share_page",staticClass:"share-good-page"},[n.userDetail?e("div",{staticClass:"share-good-head"},[e("img",{attrs:{src:n.shareGoodsBg,alt:""}}),n._v(" "),e("img",{staticClass:"head",attrs:{src:n.userDetail.user_info.avatar}}),n._v(" "),e("div",{staticClass:"tip2"},[n.nickname?e("p",[n._v(n._s(n.userDetail.user_info.nickname)+"家宝宝")]):n._e(),e("p",[n._v("在「唱唱启蒙英语」累计学习")])]),n._v(" "),e("div",{staticClass:"day"},[n._v("\n "+n._s(n.userDetail.total_day)+"\n "),e("p",[n._v("\n Days\n ")])]),n._v(" "),n._m(0),n._v(" "),0!=n.goodsDetail.current_price?e("div",{staticClass:"iknow",on:{click:function(t){n.toBuy(1)}}},[e("img",{attrs:{src:n.btncoin,alt:""}})]):n._e(),n._v(" "),0==n.goodsDetail.current_price?e("div",{staticClass:"iknow",on:{click:function(t){n.toBuy(3)}}},[e("img",{attrs:{src:n.btnfree,alt:""}})]):n._e(),n._v(" "),e("div",{staticClass:"textBox"},[e("p",[n._v(n._s(n.goodsDetail.goods_desc.course_title))]),n._v(" "),e("p",[n._v("原价"),e("span",[n._v(n._s(n.goodsDetail.original_price/100)+"元")]),n._v(" 限时"+n._s(n.goodsDetail.current_price/100)+"元")])]),n._v(" "),n.goodsDetail?e("div",{staticClass:"nav",on:{click:n.move}},[e("img",{staticClass:"move",attrs:{src:n.icon_point,alt:""}}),n._v("\n 课程介绍\n "),e("img",{staticClass:"move",attrs:{src:n.icon_point,alt:""}})]):n._e()]):n._e(),n._v(" "),n.goodsDetail&&n.goodsDetail.desc&&n.goodsDetail.desc.detail?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)};m._withStripped=!0;var f={render:m,staticRenderFns:[function(){var n=this.$createElement,t=this._self._c||n;return t("div",{staticClass:"Fml"},[t("div",[this._v("和"),t("span",[this._v("100万+")]),this._v("宝宝一起学习中")])])}]},p=f;var b=!1;var E=e("VU/8")(w,p,!1,function(n){b||(e("wP84"),e("4S5z"))},"data-v-52fa373e",null);E.options.__file="src/components/newLesson/shareGoods.vue";t.default=E.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:["C:/Users/Administrator/Desktop/h5/wechat/src/components/newLesson/shareGoods.vue"],names:[],mappings:";AACA;EACE,2BAA2B;CAC5B",file:"shareGoods.vue",sourcesContent:["\nimg{\n max-width: 100% !important;\n}\n"],sourceRoot:""}])},GZRf:function(n,t){n.exports="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAiCAQAAACHbFOAAAABaUlEQVR4Aa2VKcyEMBBGK3Co+qQab/Dr8VmfYLF4hTd4uRaPd2h8gq5Gvf8kTcm3y/zHU9zH9zoz7gMKGnpu7pdQ0XOnPHYDC18MFO7H0LIDsFF/HVhIzHj3AygYSUS8I5CzUpkf5pnJaRwFGzmRxhmgZiNnJ6QMc3p3AXd2EkeGX1Dy4MyD8sXPDpxZCPlF+hIBnkm93vITkZtYcytnBnvM0GVXNERydu7uOVLQeCx3etAiXkDJpNJU4nTKAiFoE18+CREaKUiL0OAZWJipM0ERhRBBw8JMR3GI2NSFBFYAKUIHtHyGcJIwUFwJeqGwT+0rMeFFkQkRYpGPWsBKlTdQ1YC5EcmJVM9PNZmgifkkoufMSlAfb2hhaZGLoA7wzLqH2MtTzQfh1NCn2+sJplqY4bxACNpp9R8YR5oUNBJExtahKwXtBhECIUgjRFxBh8Qgwi7ILMIuyCzCKMguwiSoc/8FNa0tuTetGdMtdlqYjwAAAABJRU5ErkJggg=="},GbGD:function(n,t,e){n.exports=e.p+"static/img/btncoin.1a04075.png"},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 min-height: 10px;\n}\n@-webkit-keyframes spin-data-v-52fa373e {\nfrom {\n -webkit-transform: translateY(-0.8vw);\n}\nto {\n -webkit-transform: translateY(0.8vw);\n}\n}\n@keyframes spin-data-v-52fa373e {\nfrom {\n -webkit-transform: translateY(-0.8vw);\n transform: translateY(-0.8vw);\n}\nto {\n -webkit-transform: translateY(0.8vw);\n transform: translateY(0.8vw);\n}\n}\n.move[data-v-52fa373e] {\n -webkit-animation: spin-data-v-52fa373e 2s linear 1s 5 alternate;\n animation: spin-data-v-52fa373e 2s linear infinite;\n}\n.share-good-page[data-v-52fa373e] {\n overflow: auto;\n}\n.share-good-page[data-v-52fa373e]::-webkit-scrollbar {\n display: none;\n}\n.share-good-head[data-v-52fa373e] {\n width: 100vw;\n position: relative;\n}\n.share-good-head .textBox[data-v-52fa373e] {\n position: absolute;\n top: 94.66666667vw;\n left: 0 ;\n text-align: center;\n color: #B75B3A;\n font-size: 4vw;\n width: 100%;\n}\n.share-good-head .textBox span[data-v-52fa373e] {\n text-decoration: line-through;\n}\n.share-good-head .textBox .top[data-v-52fa373e] {\n font-size: 4.53333333vw;\n}\n.share-good-head .textBox .btn[data-v-52fa373e] {\n font-size: 4vw;\n}\n.share-good-head .iknow[data-v-52fa373e] {\n position: absolute;\n top: 110.66666667vw;\n width: 70.66666667vw;\n left: 15.46666667vw;\n}\n.share-good-head .head[data-v-52fa373e] {\n position: absolute;\n width: 16vw;\n height: 16vw;\n top: 11.2vw;\n left: 42.4vw;\n border-radius: 26.66666667vw;\n}\n.share-good-head .tip2[data-v-52fa373e] {\n position: absolute;\n width: 93.33333333vw;\n color: #55343A;\n font-size: 4vw;\n text-align: center;\n top: 29.33333333vw;\n left: 3.46666667vw;\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: 46.66666667vw;\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: 45.86666667vw;\n width: 100%;\n text-align: center;\n color: white;\n font-size: 14.4vw;\n font-family: PingFangSC-Semibold;\n font-weight: bold;\n}\n.share-good-head .day p[data-v-52fa373e] {\n font-size: 5.33333333vw;\n font-family: PingFangSC-Semibold;\n line-height: 1.6vw;\n font-weight: 300;\n color: white;\n}\n.share-good-head .Fml[data-v-52fa373e] {\n position: absolute;\n top: 75.73333333vw;\n left: 28.26666667vw;\n font-size: 4vw;\n color: #55343A;\n text-align: center;\n}\n.share-good-head .Fml p[data-v-52fa373e] {\n line-height: 9.6vw;\n color: #55343A;\n}\n.share-good-head .Fml .line[data-v-52fa373e] {\n width: 95%;\n height: 1.06666667vw;\n background: #F6C9A2;\n opacity: 0.44;\n position: relative;\n top: -1.33333333vw;\n}\n.share-good-head .Fml span[data-v-52fa373e] {\n color: #E17640;\n}\n.share-good-head .nav[data-v-52fa373e] {\n position: absolute;\n top: 136.53333333vw;\n left: 28.8vw;\n z-index: 20;\n width: 41.86666667vw;\n height: 8vw;\n line-height: 8vw;\n border-radius: 4vw;\n text-align: center;\n color: white;\n}\n.share-good-head .nav img[data-v-52fa373e] {\n width: 2.66666667vw;\n}\n.good-content[data-v-52fa373e] {\n background: #F4CAA2;\n padding: 0 4vw 21.33333333vw 4vw;\n position: relative;\n top: -1.33333333vw;\n}\n.good-content .content[data-v-52fa373e] {\n border-radius: 2.13333333vw;\n overflow: hidden;\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 .btnBox[data-v-52fa373e] {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n padding: 0 7.73333333vw;\n}\n.btn-block .btnBox .slg[data-v-52fa373e] {\n background: white;\n color: #666666;\n border: 1px solid #666666;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n margin-right: 2.66666667vw;\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: 4.8vw;\n font-family: PingFang-SC-Medium;\n font-weight: 500;\n}\n","",{version:3,sources:["C:/Users/Administrator/Desktop/h5/wechat/src/components/newLesson/shareGoods.vue"],names:[],mappings:";AACA;EACE,aAAa;CACd;AACD;EACE,YAAY;EACZ,kBAAkB;EAClB,aAAa;CACd;AACD;EACE,YAAY;EACZ,eAAe;EACf,YAAY;CACb;AACD;EACE,oBAAoB;CACrB;AACD;EACE,WAAW;EACX,YAAY;CACb;AACD;EACE,uBAAuB;EACvB,oBAAoB;EACpB,iBAAiB;CAClB;AACD;AACA;IACI,sCAAsC;CACzC;AACD;IACI,qCAAqC;CACxC;CACA;AACD;AACA;IACI,sCAAsC;YAC9B,8BAA8B;CACzC;AACD;IACI,qCAAqC;YAC7B,6BAA6B;CACxC;CACA;AACD;EACE,iEAAiE;EACjE,mDAAmD;CACpD;AACD;EACE,eAAe;CAChB;AACD;EACE,cAAc;CACf;AACD;EACE,aAAa;EACb,mBAAmB;CACpB;AACD;EACE,mBAAmB;EACnB,mBAAmB;EACnB,SAAS;EACT,mBAAmB;EACnB,eAAe;EACf,eAAe;EACf,YAAY;CACb;AACD;EACE,8BAA8B;CAC/B;AACD;EACE,wBAAwB;CACzB;AACD;EACE,eAAe;CAChB;AACD;EACE,mBAAmB;EACnB,oBAAoB;EACpB,qBAAqB;EACrB,oBAAoB;CACrB;AACD;EACE,mBAAmB;EACnB,YAAY;EACZ,aAAa;EACb,YAAY;EACZ,aAAa;EACb,6BAA6B;CAC9B;AACD;EACE,mBAAmB;EACnB,qBAAqB;EACrB,eAAe;EACf,eAAe;EACf,mBAAmB;EACnB,mBAAmB;EACnB,mBAAmB;CACpB;AACD;EACE,mBAAmB;EACnB,YAAY;EACZ,eAAe;EACf,2BAA2B;EAC3B,mBAAmB;EACnB,WAAW;EACX,mBAAmB;EACnB,aAAa;EACb,wBAAwB;EACxB,oBAAoB;CACrB;AACD;EACE,mBAAmB;EACnB,mBAAmB;EACnB,YAAY;EACZ,mBAAmB;EACnB,aAAa;EACb,kBAAkB;EAClB,iCAAiC;EACjC,kBAAkB;CACnB;AACD;EACE,wBAAwB;EACxB,iCAAiC;EACjC,mBAAmB;EACnB,iBAAiB;EACjB,aAAa;CACd;AACD;EACE,mBAAmB;EACnB,mBAAmB;EACnB,oBAAoB;EACpB,eAAe;EACf,eAAe;EACf,mBAAmB;CACpB;AACD;EACE,mBAAmB;EACnB,eAAe;CAChB;AACD;EACE,WAAW;EACX,qBAAqB;EACrB,oBAAoB;EACpB,cAAc;EACd,mBAAmB;EACnB,mBAAmB;CACpB;AACD;EACE,eAAe;CAChB;AACD;EACE,mBAAmB;EACnB,oBAAoB;EACpB,aAAa;EACb,YAAY;EACZ,qBAAqB;EACrB,YAAY;EACZ,iBAAiB;EACjB,mBAAmB;EACnB,mBAAmB;EACnB,aAAa;CACd;AACD;EACE,oBAAoB;CACrB;AACD;EACE,oBAAoB;EACpB,iCAAiC;EACjC,mBAAmB;EACnB,mBAAmB;CACpB;AACD;EACE,4BAA4B;EAC5B,iBAAiB;CAClB;AACD;EACE,gBAAgB;EAChB,wBAAwB;EACxB,QAAQ;EACR,YAAY;EACZ,kBAAkB;EAClB,WAAW;EACX,6BAA6B;EAC7B,qBAAqB;EACrB,UAAU;CACX;AACD;EACE,UAAU;EACV,YAAY;EACZ,iBAAiB;EACjB,eAAe;EACf,oBAAoB;EACpB,mBAAmB;EACnB,mBAAmB;EACnB,QAAQ;EACR,YAAY;CACb;AACD;EACE,qBAAqB;EACrB,qBAAqB;EACrB,cAAc;EACd,wBAAwB;CACzB;AACD;EACE,kBAAkB;EAClB,eAAe;EACf,0BAA0B;EAC1B,+BAA+B;UACvB,uBAAuB;EAC/B,2BAA2B;CAC5B;AACD;EACE,qBAAqB;EACrB,sBAAsB;EACtB,aAAa;EACb,oBAAoB;EACpB,6BAA6B;EAC7B,aAAa;EACb,2BAA2B;EAC3B,mBAAmB;EACnB,iBAAiB;EACjB,gCAAgC;EAChC,iBAAiB;CAClB",file:"shareGoods.vue",sourcesContent:["\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 min-height: 10px;\n}\n@-webkit-keyframes spin-data-v-52fa373e {\nfrom {\n -webkit-transform: translateY(-0.8vw);\n}\nto {\n -webkit-transform: translateY(0.8vw);\n}\n}\n@keyframes spin-data-v-52fa373e {\nfrom {\n -webkit-transform: translateY(-0.8vw);\n transform: translateY(-0.8vw);\n}\nto {\n -webkit-transform: translateY(0.8vw);\n transform: translateY(0.8vw);\n}\n}\n.move[data-v-52fa373e] {\n -webkit-animation: spin-data-v-52fa373e 2s linear 1s 5 alternate;\n animation: spin-data-v-52fa373e 2s linear infinite;\n}\n.share-good-page[data-v-52fa373e] {\n overflow: auto;\n}\n.share-good-page[data-v-52fa373e]::-webkit-scrollbar {\n display: none;\n}\n.share-good-head[data-v-52fa373e] {\n width: 100vw;\n position: relative;\n}\n.share-good-head .textBox[data-v-52fa373e] {\n position: absolute;\n top: 94.66666667vw;\n left: 0 ;\n text-align: center;\n color: #B75B3A;\n font-size: 4vw;\n width: 100%;\n}\n.share-good-head .textBox span[data-v-52fa373e] {\n text-decoration: line-through;\n}\n.share-good-head .textBox .top[data-v-52fa373e] {\n font-size: 4.53333333vw;\n}\n.share-good-head .textBox .btn[data-v-52fa373e] {\n font-size: 4vw;\n}\n.share-good-head .iknow[data-v-52fa373e] {\n position: absolute;\n top: 110.66666667vw;\n width: 70.66666667vw;\n left: 15.46666667vw;\n}\n.share-good-head .head[data-v-52fa373e] {\n position: absolute;\n width: 16vw;\n height: 16vw;\n top: 11.2vw;\n left: 42.4vw;\n border-radius: 26.66666667vw;\n}\n.share-good-head .tip2[data-v-52fa373e] {\n position: absolute;\n width: 93.33333333vw;\n color: #55343A;\n font-size: 4vw;\n text-align: center;\n top: 29.33333333vw;\n left: 3.46666667vw;\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: 46.66666667vw;\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: 45.86666667vw;\n width: 100%;\n text-align: center;\n color: white;\n font-size: 14.4vw;\n font-family: PingFangSC-Semibold;\n font-weight: bold;\n}\n.share-good-head .day p[data-v-52fa373e] {\n font-size: 5.33333333vw;\n font-family: PingFangSC-Semibold;\n line-height: 1.6vw;\n font-weight: 300;\n color: white;\n}\n.share-good-head .Fml[data-v-52fa373e] {\n position: absolute;\n top: 75.73333333vw;\n left: 28.26666667vw;\n font-size: 4vw;\n color: #55343A;\n text-align: center;\n}\n.share-good-head .Fml p[data-v-52fa373e] {\n line-height: 9.6vw;\n color: #55343A;\n}\n.share-good-head .Fml .line[data-v-52fa373e] {\n width: 95%;\n height: 1.06666667vw;\n background: #F6C9A2;\n opacity: 0.44;\n position: relative;\n top: -1.33333333vw;\n}\n.share-good-head .Fml span[data-v-52fa373e] {\n color: #E17640;\n}\n.share-good-head .nav[data-v-52fa373e] {\n position: absolute;\n top: 136.53333333vw;\n left: 28.8vw;\n z-index: 20;\n width: 41.86666667vw;\n height: 8vw;\n line-height: 8vw;\n border-radius: 4vw;\n text-align: center;\n color: white;\n}\n.share-good-head .nav img[data-v-52fa373e] {\n width: 2.66666667vw;\n}\n.good-content[data-v-52fa373e] {\n background: #F4CAA2;\n padding: 0 4vw 21.33333333vw 4vw;\n position: relative;\n top: -1.33333333vw;\n}\n.good-content .content[data-v-52fa373e] {\n border-radius: 2.13333333vw;\n overflow: hidden;\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 .btnBox[data-v-52fa373e] {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n padding: 0 7.73333333vw;\n}\n.btn-block .btnBox .slg[data-v-52fa373e] {\n background: white;\n color: #666666;\n border: 1px solid #666666;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n margin-right: 2.66666667vw;\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: 4.8vw;\n font-family: PingFang-SC-Medium;\n font-weight: 500;\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"},"sp/r":function(n,t,e){n.exports=e.p+"static/img/btnfree.96c2f05.png"},"u/s2":function(n,t,e){n.exports=e.p+"static/img/shareGoodsBg6.2dbff28.png"},wP84:function(n,t,e){var a=e("IshY");"string"==typeof a&&(a=[[n.i,a,""]]),a.locals&&(n.exports=a.locals);e("rjj0")("7a96b268",a,!1,{})}});
\ No newline at end of file
!function(e){var c=window.webpackJsonp;window.webpackJsonp=function(a,t,f){for(var o,d,b,i=0,u=[];i<a.length;i++)d=a[i],n[d]&&u.push(n[d][0]),n[d]=0;for(o in t)Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);for(c&&c(a,t,f);u.length;)u.shift()();if(f)for(i=0;i<f.length;i++)b=r(r.s=f[i]);return b};var a={},n={34:0};function r(c){if(a[c])return a[c].exports;var n=a[c]={i:c,l:!1,exports:{}};return e[c].call(n.exports,n,n.exports,r),n.l=!0,n.exports}r.e=function(e){var c=n[e];if(0===c)return new Promise(function(e){e()});if(c)return c[2];var a=new Promise(function(a,r){c=n[e]=[a,r]});c[2]=a;var t=document.getElementsByTagName("head")[0],f=document.createElement("script");f.type="text/javascript",f.charset="utf-8",f.async=!0,f.timeout=12e4,r.nc&&f.setAttribute("nonce",r.nc),f.src=r.p+"static/js/"+e+"."+{0:"45a25b564a1d9d0780f1",1:"953c653031f896732662",2:"88eb6979ee991170dd43",3:"49b5451bf0ef02f66b49",4:"973d1cc7b086ea345be4",5:"09e142b4a9093fd2d98c",6:"ecff242195849c51892f",7:"75e6c06eb09e98ab3b3f",8:"f732aa4b8bf627d05786",9:"c0fbc0b19b1857f63c48",10:"827fb93ad16992519742",11:"b2db1db9ac9ab09a90ef",12:"20990e7a965aa0c5c0b4",13:"d9b69084d108cefea655",14:"d478ab3287fedb08f004",15:"6a476701edef14401c95",16:"12cc93e73c71922dca3a",17:"205c3c21ebcb4df60d2b",18:"1953d2930aae0ad3e34e",19:"9ce5c5235725211384e3",20:"768213446401f107d3dd",21:"81b8f5f4ff3a42b5e563",22:"18aa9096fdaa1b39e26d",23:"abd000c2d42590325658",24:"7d513d80b42dc2d2f825",25:"4fdd6bc434a0df6dc787",26:"f688ad0a42f7f2456842",27:"70e17fb44e1bb5b2e2bd",28:"30feeb113b054e94eca0",29:"05cc55c2ed39ea616f21",30:"27016f398ace46e3fe07",31:"54c444f6bf2000ad2de9"}[e]+".js";var o=setTimeout(d,12e4);function d(){f.onerror=f.onload=null,clearTimeout(o);var c=n[e];0!==c&&(c&&c[1](new Error("Loading chunk "+e+" failed.")),n[e]=void 0)}return f.onerror=f.onload=d,t.appendChild(f),a},r.m=e,r.c=a,r.d=function(e,c,a){r.o(e,c)||Object.defineProperty(e,c,{configurable:!1,enumerable:!0,get:a})},r.n=function(e){var c=e&&e.__esModule?function(){return e.default}:function(){return e};return r.d(c,"a",c),c},r.o=function(e,c){return Object.prototype.hasOwnProperty.call(e,c)},r.p="",r.oe=function(e){throw console.error(e),e}}([]);
\ No newline at end of file
!function(e){var a=window.webpackJsonp;window.webpackJsonp=function(c,t,f){for(var o,d,b,i=0,u=[];i<c.length;i++)d=c[i],n[d]&&u.push(n[d][0]),n[d]=0;for(o in t)Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);for(a&&a(c,t,f);u.length;)u.shift()();if(f)for(i=0;i<f.length;i++)b=r(r.s=f[i]);return b};var c={},n={34:0};function r(a){if(c[a])return c[a].exports;var n=c[a]={i:a,l:!1,exports:{}};return e[a].call(n.exports,n,n.exports,r),n.l=!0,n.exports}r.e=function(e){var a=n[e];if(0===a)return new Promise(function(e){e()});if(a)return a[2];var c=new Promise(function(c,r){a=n[e]=[c,r]});a[2]=c;var t=document.getElementsByTagName("head")[0],f=document.createElement("script");f.type="text/javascript",f.charset="utf-8",f.async=!0,f.timeout=12e4,r.nc&&f.setAttribute("nonce",r.nc),f.src=r.p+"static/js/"+e+"."+{0:"45a25b564a1d9d0780f1",1:"ae9880fb29396670a98a",2:"88eb6979ee991170dd43",3:"49b5451bf0ef02f66b49",4:"973d1cc7b086ea345be4",5:"09e142b4a9093fd2d98c",6:"ecff242195849c51892f",7:"75e6c06eb09e98ab3b3f",8:"9701434a93d6ecabefcc",9:"c0fbc0b19b1857f63c48",10:"827fb93ad16992519742",11:"b2db1db9ac9ab09a90ef",12:"20990e7a965aa0c5c0b4",13:"d9b69084d108cefea655",14:"d478ab3287fedb08f004",15:"6a476701edef14401c95",16:"12cc93e73c71922dca3a",17:"205c3c21ebcb4df60d2b",18:"1953d2930aae0ad3e34e",19:"9ce5c5235725211384e3",20:"768213446401f107d3dd",21:"81b8f5f4ff3a42b5e563",22:"18aa9096fdaa1b39e26d",23:"abd000c2d42590325658",24:"7d513d80b42dc2d2f825",25:"4fdd6bc434a0df6dc787",26:"f688ad0a42f7f2456842",27:"70e17fb44e1bb5b2e2bd",28:"30feeb113b054e94eca0",29:"05cc55c2ed39ea616f21",30:"27016f398ace46e3fe07",31:"54c444f6bf2000ad2de9"}[e]+".js";var o=setTimeout(d,12e4);function d(){f.onerror=f.onload=null,clearTimeout(o);var a=n[e];0!==a&&(a&&a[1](new Error("Loading chunk "+e+" failed.")),n[e]=void 0)}return f.onerror=f.onload=d,t.appendChild(f),c},r.m=e,r.c=c,r.d=function(e,a,c){r.o(e,a)||Object.defineProperty(e,a,{configurable:!1,enumerable:!0,get:c})},r.n=function(e){var a=e&&e.__esModule?function(){return e.default}:function(){return e};return r.d(a,"a",a),a},r.o=function(e,a){return Object.prototype.hasOwnProperty.call(e,a)},r.p="",r.oe=function(e){throw console.error(e),e}}([]);
\ No newline at end of file
<!DOCTYPE html><html><head><meta charset=utf-8><meta name=viewport content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no"><meta name=screen-orientation content=portrait><meta name=x5-orientation content=portrait><title>唱唱启蒙英语</title><link rel=stylesheet href=https://at.alicdn.com/t/font_822651_g9r2j7kybxu.css><style>*{
-webkit-overflow-scrolling:touch;
}</style><link href=https://static-cdn.changchangenglish.com/new-sing/static/css/app.6fc6ea4a91e4cbe1631364fbfcfc08a7.css rel=stylesheet></head><body><div id=app></div><script src=https://res.wx.qq.com/open/js/jweixin-1.3.2.js></script><script></script><script type=text/javascript src=https://static-cdn.changchangenglish.com/new-sing/static/js/manifest.8d4bd9011d11df440f0c.js></script><script type=text/javascript src=https://static-cdn.changchangenglish.com/new-sing/static/js/vendor.46262833f7fc058ac130.js></script><script type=text/javascript src=https://static-cdn.changchangenglish.com/new-sing/static/js/app.8567d35dfc5a60267bf3.js></script></body></html>
\ No newline at end of file
}</style><link href=https://static-cdn.changchangenglish.com/new-sing/static/css/app.7db4ad491918345067c8ebc4eccac980.css rel=stylesheet></head><body><div id=app></div><script src=https://res.wx.qq.com/open/js/jweixin-1.3.2.js></script><script></script><script type=text/javascript src=https://static-cdn.changchangenglish.com/new-sing/static/js/manifest.4ac22742e2a271b526e7.js></script><script type=text/javascript src=https://static-cdn.changchangenglish.com/new-sing/static/js/vendor.46262833f7fc058ac130.js></script><script type=text/javascript src=https://static-cdn.changchangenglish.com/new-sing/static/js/app.8567d35dfc5a60267bf3.js></script></body></html>
\ No newline at end of file
This source diff could not be displayed because it is too large. You can view the blob instead.
This source diff could not be displayed because it is too large. You can view the blob instead.
webpackJsonp([7],{"54Ry":function(t,e,s){"use strict";Object.defineProperty(e,"__esModule",{value:!0});s("eqfM");var i=s("/QYm"),o=s("mvHQ"),a=s.n(o),n=s("u/s2"),c=s.n(n),l=s("LyMh"),r=s.n(l),u=s("GbGD"),d=s.n(u),g=s("sp/r"),m=s.n(g),h=s("GZRf"),p=s.n(h),v=s("CCn6"),A={name:"shareGoods",components:{loginPage:s("WIsT").a},data:function(){return{shareGoodsBg:c.a,title_share_goods:r.a,userDetail:null,bindMobile:{show:!1,mobile:"",img_code:"",verify_code:""},btncoin:d.a,btnfree:m.a,icon_point:p.a,shopId:null,goodsDetail:null,lastTime:localStorage.getItem("lastTimeShare")?JSON.parse(localStorage.getItem("lastTimeShare")):{day:0,hour:8,min:0,second:0},nickname:""}},methods:{move:function(){var t=document.getElementsByClassName("nav");t.length>0&&(console.log(t[0].offsetTop),window.scrollTo(0,t[0].offsetTop))},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",a()(this.lastTime))},initPage:function(){var t=this;i.a.loading({mask:!0,message:""}),this.$sa.track("ViewInvitation",{salesID:this.$route.query.userID}),console.log(JSON.parse(localStorage.getItem("userDesc"))),this.nickname=JSON.parse(localStorage.getItem("userDesc")).nickname,Object(v.u)(this.$route.query.userID).then(function(e){e.user_info.avatar=e.user_info.avatar.replace("http://","https://"),t.userDetail=e,t.nickname=e.user_info.nickname}),Object(v.v)().then(function(e){t.shopId=e.id,e.desc=JSON.parse(e.desc),e.goods_desc=JSON.parse(e.goods_desc),t.goodsDetail=e,console.log(e),setTimeout(function(){t.goodsDetail={},t.goodsDetail=e,i.a.clear()},500)})},goToBuyPage:function(t){window.location.href="https://wechat.changchangenglish.com/#/buy?shopId="+this.shopId+"&invite_code=CC-UDK-"+this.$route.query.userID},toBuy:function(t){var e=this;1==t?this.$sa.track("buttonClick",{tabTitle:"打卡商品页",moduleTitle:"功能按钮",buttonType:"购买",buttonName:"我也要参加"}):3==t?this.$sa.track("buttonClick",{tabTitle:"打卡商品页",moduleTitle:"功能按钮",buttonType:"购买",buttonName:"正在疯抢.超值VIP课程"}):this.$sa.track("buttonClick",{tabTitle:"打卡商品页",moduleTitle:"功能按钮",buttonType:"购买",buttonName:"限时免费领"}),JSON.parse(localStorage.getItem("userDesc")).mobile&&""!==JSON.parse(localStorage.getItem("userDesc")).mobile?this.goToBuyPage(t):(this.bindMobile.show=!0,setTimeout(function(){e.$sa.track("ViewRegisterpage",{})},1e3))}},mounted:function(){var t=this;this.initPage(),setInterval(function(){t.lastTimeOut()},1e3),window.onscroll=function(){var e=document.documentElement.scrollTop||document.body.scrollTop;t.$refs.btn_block&&(t.$refs.btn_block.style.opacity=e>500?1:0)}}},_={render:function(){var t=this,e=t.$createElement,s=t._self._c||e;return s("div",[s("div",{ref:"share_page",staticClass:"share-good-page"},[t.userDetail?s("div",{staticClass:"share-good-head"},[s("img",{attrs:{src:t.shareGoodsBg,alt:""}}),t._v(" "),s("img",{staticClass:"head",attrs:{src:t.userDetail.user_info.avatar}}),t._v(" "),s("div",{staticClass:"tip2"},[t.nickname?s("p",[t._v(t._s(t.userDetail.user_info.nickname)+"家宝宝")]):t._e(),s("p",[t._v("在「唱唱启蒙英语」累计学习")])]),t._v(" "),s("div",{staticClass:"day"},[t._v("\n "+t._s(t.userDetail.total_day)+"\n "),s("p",[t._v("\n Days\n ")])]),t._v(" "),t._m(0),t._v(" "),0!=t.goodsDetail.current_price?s("div",{staticClass:"iknow",on:{click:function(e){t.toBuy(1)}}},[s("img",{attrs:{src:t.btncoin,alt:""}})]):t._e(),t._v(" "),0==t.goodsDetail.current_price?s("div",{staticClass:"iknow",on:{click:function(e){t.toBuy(3)}}},[s("img",{attrs:{src:t.btnfree,alt:""}})]):t._e(),t._v(" "),s("div",{staticClass:"textBox"},[s("p",[t._v(t._s(t.goodsDetail.goods_desc.course_title))]),t._v(" "),s("p",[t._v("原价"),s("span",[t._v(t._s(t.goodsDetail.original_price/100)+"元")]),t._v(" 限时"+t._s(t.goodsDetail.current_price/100)+"元")])]),t._v(" "),t.goodsDetail?s("div",{staticClass:"nav",on:{click:t.move}},[s("img",{staticClass:"move",attrs:{src:t.icon_point,alt:""}}),t._v("\n 课程介绍\n "),s("img",{staticClass:"move",attrs:{src:t.icon_point,alt:""}})]):t._e()]):t._e(),t._v(" "),t.goodsDetail&&t.goodsDetail.desc&&t.goodsDetail.desc.detail?s("div",{staticClass:"good-content"},[s("div",{staticClass:"content",domProps:{innerHTML:t._s(t.goodsDetail.desc.detail)}}),t._v(" "),s("div",{ref:"btn_block",staticClass:"btn-block"},[s("div",{staticClass:"lastTime"},[t._v("\n 距优惠结束仅剩 "+t._s(t.lastTime.day)+" 天 "+t._s(t.lastTime.hour)+" 时 "+t._s(t.lastTime.min)+" 分 "+t._s(t.lastTime.second)+" 秒\n ")]),t._v(" "),s("div",{staticClass:"btn",on:{click:function(e){t.toBuy(2)}}},[t._v("\n 正在疯抢 · 超值VIP课程\n ")])])]):t._e()]),t._v(" "),t.goodsDetail?s("login-page",{attrs:{"bind-mobile":t.bindMobile,groupDetail:t.goodsDetail},on:{goToBuyPage:t.goToBuyPage}}):t._e()],1)},staticRenderFns:[function(){var t=this.$createElement,e=this._self._c||t;return e("div",{staticClass:"Fml"},[e("div",[this._v("和"),e("span",[this._v("100万+")]),this._v("宝宝一起学习中")])])}]};var f=s("VU/8")(A,_,!1,function(t){s("KuYm"),s("fMKc")},"data-v-90f890fc",null);e.default=f.exports},GZRf:function(t,e){t.exports="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAiCAQAAACHbFOAAAABaUlEQVR4Aa2VKcyEMBBGK3Co+qQab/Dr8VmfYLF4hTd4uRaPd2h8gq5Gvf8kTcm3y/zHU9zH9zoz7gMKGnpu7pdQ0XOnPHYDC18MFO7H0LIDsFF/HVhIzHj3AygYSUS8I5CzUpkf5pnJaRwFGzmRxhmgZiNnJ6QMc3p3AXd2EkeGX1Dy4MyD8sXPDpxZCPlF+hIBnkm93vITkZtYcytnBnvM0GVXNERydu7uOVLQeCx3etAiXkDJpNJU4nTKAiFoE18+CREaKUiL0OAZWJipM0ERhRBBw8JMR3GI2NSFBFYAKUIHtHyGcJIwUFwJeqGwT+0rMeFFkQkRYpGPWsBKlTdQ1YC5EcmJVM9PNZmgifkkoufMSlAfb2hhaZGLoA7wzLqH2MtTzQfh1NCn2+sJplqY4bxACNpp9R8YR5oUNBJExtahKwXtBhECIUgjRFxBh8Qgwi7ILMIuyCzCKMguwiSoc/8FNa0tuTetGdMtdlqYjwAAAABJRU5ErkJggg=="},GbGD:function(t,e,s){t.exports=s.p+"static/img/btncoin.1a04075.png"},KuYm:function(t,e){},LyMh:function(t,e){t.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"},fMKc:function(t,e){},"sp/r":function(t,e,s){t.exports=s.p+"static/img/btnfree.96c2f05.png"},"u/s2":function(t,e,s){t.exports=s.p+"static/img/shareGoodsBg6.2dbff28.png"}});
\ No newline at end of file
webpackJsonp([7],{"/gop":function(t,e){},"54Ry":function(t,e,s){"use strict";Object.defineProperty(e,"__esModule",{value:!0});s("eqfM");var i=s("/QYm"),o=s("mvHQ"),a=s.n(o),n=s("u/s2"),l=s.n(n),c=s("LyMh"),r=s.n(c),u=s("GbGD"),g=s.n(u),d=s("sp/r"),m=s.n(d),h=s("GZRf"),p=s.n(h),v=s("CCn6"),A={name:"shareGoods",components:{loginPage:s("WIsT").a},data:function(){return{shareGoodsBg:l.a,title_share_goods:r.a,userDetail:null,bindMobile:{show:!1,mobile:"",img_code:"",verify_code:""},btncoin:g.a,btnfree:m.a,icon_point:p.a,shopId:null,goodsDetail:null,lastTime:localStorage.getItem("lastTimeShare")?JSON.parse(localStorage.getItem("lastTimeShare")):{day:0,hour:8,min:0,second:0},nickname:""}},methods:{move:function(){var t=document.getElementsByClassName("nav");t.length>0&&(console.log(t[0].offsetTop),window.scrollTo(0,t[0].offsetTop))},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",a()(this.lastTime))},initPage:function(){var t=this;i.a.loading({mask:!0,message:""}),this.$sa.track("ViewInvitation",{salesID:this.$route.query.userID}),console.log(JSON.parse(localStorage.getItem("userDesc"))),this.nickname=JSON.parse(localStorage.getItem("userDesc")).nickname,Object(v.u)(this.$route.query.userID).then(function(e){e.user_info.avatar=e.user_info.avatar.replace("http://","https://"),t.userDetail=e,t.nickname=e.user_info.nickname}),Object(v.v)().then(function(e){t.shopId=e.id,e.desc=JSON.parse(e.desc),e.goods_desc=JSON.parse(e.goods_desc),t.goodsDetail=e,console.log(e),setTimeout(function(){t.goodsDetail={},t.goodsDetail=e,i.a.clear()},500)})},goToBuyPage:function(t){window.location.href="https://wechat.changchangenglish.com/#/buy?shopId="+this.shopId+"&invite_code=CC-UDK-"+this.$route.query.userID},toBuy:function(t){var e=this;1==t?this.$sa.track("buttonClick",{tabTitle:"打卡商品页",moduleTitle:"功能按钮",buttonType:"购买",buttonName:"我也要参加"}):3==t?this.$sa.track("buttonClick",{tabTitle:"打卡商品页",moduleTitle:"功能按钮",buttonType:"购买",buttonName:"正在疯抢.超值VIP课程"}):this.$sa.track("buttonClick",{tabTitle:"打卡商品页",moduleTitle:"功能按钮",buttonType:"购买",buttonName:"限时免费领"}),JSON.parse(localStorage.getItem("userDesc")).mobile&&""!==JSON.parse(localStorage.getItem("userDesc")).mobile?this.goToBuyPage(t):(this.bindMobile.show=!0,setTimeout(function(){e.$sa.track("ViewRegisterpage",{})},1e3))}},mounted:function(){var t=this;this.initPage(),setInterval(function(){t.lastTimeOut()},1e3),window.onscroll=function(){var e=document.documentElement.scrollTop||document.body.scrollTop;t.$refs.btn_block&&(t.$refs.btn_block.style.opacity=e>500?1:0)}}},_={render:function(){var t=this,e=t.$createElement,s=t._self._c||e;return s("div",[s("div",{ref:"share_page",staticClass:"share-good-page"},[t.userDetail?s("div",{staticClass:"share-good-head"},[s("img",{attrs:{src:t.shareGoodsBg,alt:""}}),t._v(" "),s("img",{staticClass:"head",attrs:{src:t.userDetail.user_info.avatar}}),t._v(" "),s("div",{staticClass:"tip2"},[t.nickname?s("p",[t._v(t._s(t.userDetail.user_info.nickname)+"家宝宝")]):t._e(),s("p",[t._v("在「唱唱启蒙英语」累计学习")])]),t._v(" "),s("div",{staticClass:"day"},[t._v("\n "+t._s(t.userDetail.total_day)+"\n "),s("p",[t._v("\n Days\n ")])]),t._v(" "),t._m(0),t._v(" "),0!=t.goodsDetail.current_price?s("div",{staticClass:"iknow",on:{click:function(e){t.toBuy(1)}}},[s("img",{attrs:{src:t.btncoin,alt:""}})]):t._e(),t._v(" "),0==t.goodsDetail.current_price?s("div",{staticClass:"iknow",on:{click:function(e){t.toBuy(3)}}},[s("img",{attrs:{src:t.btnfree,alt:""}})]):t._e(),t._v(" "),s("div",{staticClass:"textBox"},[s("p",[t._v(t._s(t.goodsDetail.goods_desc.course_title))]),t._v(" "),s("p",[t._v("原价"),s("span",[t._v(t._s(t.goodsDetail.original_price/100)+"元")]),t._v(" 限时"+t._s(t.goodsDetail.current_price/100)+"元")])]),t._v(" "),t.goodsDetail?s("div",{staticClass:"nav",on:{click:t.move}},[s("img",{staticClass:"move",attrs:{src:t.icon_point,alt:""}}),t._v("\n 课程介绍\n "),s("img",{staticClass:"move",attrs:{src:t.icon_point,alt:""}})]):t._e()]):t._e(),t._v(" "),t.goodsDetail&&t.goodsDetail.desc&&t.goodsDetail.desc.detail?s("div",{staticClass:"good-content"},[s("div",{staticClass:"content",domProps:{innerHTML:t._s(t.goodsDetail.desc.detail)}}),t._v(" "),s("div",{ref:"btn_block",staticClass:"btn-block"},[s("div",{staticClass:"lastTime"},[t._v("\n 距优惠结束仅剩 "+t._s(t.lastTime.day)+" 天 "+t._s(t.lastTime.hour)+" 时 "+t._s(t.lastTime.min)+" 分 "+t._s(t.lastTime.second)+" 秒\n ")]),t._v(" "),s("div",{staticClass:"btn",on:{click:function(e){t.toBuy(2)}}},[t._v("\n 正在疯抢 · 超值VIP课程\n ")])])]):t._e()]),t._v(" "),t.goodsDetail?s("login-page",{attrs:{"bind-mobile":t.bindMobile,groupDetail:t.goodsDetail},on:{goToBuyPage:t.goToBuyPage}}):t._e()],1)},staticRenderFns:[function(){var t=this.$createElement,e=this._self._c||t;return e("div",{staticClass:"Fml"},[e("div",[this._v("和"),e("span",[this._v("100万+")]),this._v("宝宝一起学习中")])])}]};var f=s("VU/8")(A,_,!1,function(t){s("/gop"),s("rYza")},"data-v-6f2f2a8b",null);e.default=f.exports},GZRf:function(t,e){t.exports="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAiCAQAAACHbFOAAAABaUlEQVR4Aa2VKcyEMBBGK3Co+qQab/Dr8VmfYLF4hTd4uRaPd2h8gq5Gvf8kTcm3y/zHU9zH9zoz7gMKGnpu7pdQ0XOnPHYDC18MFO7H0LIDsFF/HVhIzHj3AygYSUS8I5CzUpkf5pnJaRwFGzmRxhmgZiNnJ6QMc3p3AXd2EkeGX1Dy4MyD8sXPDpxZCPlF+hIBnkm93vITkZtYcytnBnvM0GVXNERydu7uOVLQeCx3etAiXkDJpNJU4nTKAiFoE18+CREaKUiL0OAZWJipM0ERhRBBw8JMR3GI2NSFBFYAKUIHtHyGcJIwUFwJeqGwT+0rMeFFkQkRYpGPWsBKlTdQ1YC5EcmJVM9PNZmgifkkoufMSlAfb2hhaZGLoA7wzLqH2MtTzQfh1NCn2+sJplqY4bxACNpp9R8YR5oUNBJExtahKwXtBhECIUgjRFxBh8Qgwi7ILMIuyCzCKMguwiSoc/8FNa0tuTetGdMtdlqYjwAAAABJRU5ErkJggg=="},GbGD:function(t,e,s){t.exports=s.p+"static/img/btncoin.1a04075.png"},LyMh:function(t,e){t.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"},rYza:function(t,e){},"sp/r":function(t,e,s){t.exports=s.p+"static/img/btnfree.96c2f05.png"},"u/s2":function(t,e,s){t.exports=s.p+"static/img/shareGoodsBg6.2dbff28.png"}});
\ No newline at end of file
!function(e){var a=window.webpackJsonp;window.webpackJsonp=function(c,r,f){for(var o,d,b,i=0,u=[];i<c.length;i++)d=c[i],n[d]&&u.push(n[d][0]),n[d]=0;for(o in r)Object.prototype.hasOwnProperty.call(r,o)&&(e[o]=r[o]);for(a&&a(c,r,f);u.length;)u.shift()();if(f)for(i=0;i<f.length;i++)b=t(t.s=f[i]);return b};var c={},n={34:0};function t(a){if(c[a])return c[a].exports;var n=c[a]={i:a,l:!1,exports:{}};return e[a].call(n.exports,n,n.exports,t),n.l=!0,n.exports}t.e=function(e){var a=n[e];if(0===a)return new Promise(function(e){e()});if(a)return a[2];var c=new Promise(function(c,t){a=n[e]=[c,t]});a[2]=c;var r=document.getElementsByTagName("head")[0],f=document.createElement("script");f.type="text/javascript",f.charset="utf-8",f.async=!0,f.timeout=12e4,t.nc&&f.setAttribute("nonce",t.nc),f.src=t.p+"static/js/"+e+"."+{0:"4b57058c9ae5face0f4c",1:"85498193455ddd7e52c5",2:"d912e90da56ffe83e816",3:"2a2c2fd7e681a2d82028",4:"732353acd050116b32af",5:"859de000bac7afea17d2",6:"ad5fe664fa06481539b4",7:"d3461d3a9028b2f663c0",8:"479f0949904abb083c39",9:"38b4378bbdf12a4dc1aa",10:"34b45e77e1267d162200",11:"4638c140153ee40c01f4",12:"a28baf3356d2c63e0a0e",13:"ac1a8883104e709ce1ec",14:"ff470a65022a8878d0f3",15:"88145a162701286d7f86",16:"eacc590d6a7abb7c650b",17:"f8f84cfa4b191f48271d",18:"27810984a2ab79690cc9",19:"3e06c7e9646ebe26de4a",20:"af95c97c8a8c2c1421b3",21:"3f31027b2bc9b31c23ef",22:"a3728b7411c5e89aef21",23:"9f60147a0140625d3e93",24:"9763e58704b65bed7fdf",25:"a48fc86a7a75f100c0ba",26:"7666b30658fa47c11856",27:"3f17efe9421b9d53694c",28:"71f6faa1429340461c22",29:"79f1208caeaa8941638b",30:"213b7a90f2cb298db17e",31:"2cb5ec7fa59b86cfb575"}[e]+".js";var o=setTimeout(d,12e4);function d(){f.onerror=f.onload=null,clearTimeout(o);var a=n[e];0!==a&&(a&&a[1](new Error("Loading chunk "+e+" failed.")),n[e]=void 0)}return f.onerror=f.onload=d,r.appendChild(f),c},t.m=e,t.c=c,t.d=function(e,a,c){t.o(e,a)||Object.defineProperty(e,a,{configurable:!1,enumerable:!0,get:c})},t.n=function(e){var a=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(a,"a",a),a},t.o=function(e,a){return Object.prototype.hasOwnProperty.call(e,a)},t.p="https://static-cdn.changchangenglish.com/new-sing/",t.oe=function(e){throw console.error(e),e}}([]);
\ No newline at end of file
!function(e){var a=window.webpackJsonp;window.webpackJsonp=function(c,r,f){for(var o,b,d,i=0,u=[];i<c.length;i++)b=c[i],n[b]&&u.push(n[b][0]),n[b]=0;for(o in r)Object.prototype.hasOwnProperty.call(r,o)&&(e[o]=r[o]);for(a&&a(c,r,f);u.length;)u.shift()();if(f)for(i=0;i<f.length;i++)d=t(t.s=f[i]);return d};var c={},n={34:0};function t(a){if(c[a])return c[a].exports;var n=c[a]={i:a,l:!1,exports:{}};return e[a].call(n.exports,n,n.exports,t),n.l=!0,n.exports}t.e=function(e){var a=n[e];if(0===a)return new Promise(function(e){e()});if(a)return a[2];var c=new Promise(function(c,t){a=n[e]=[c,t]});a[2]=c;var r=document.getElementsByTagName("head")[0],f=document.createElement("script");f.type="text/javascript",f.charset="utf-8",f.async=!0,f.timeout=12e4,t.nc&&f.setAttribute("nonce",t.nc),f.src=t.p+"static/js/"+e+"."+{0:"4b57058c9ae5face0f4c",1:"0fc0f5e7177f3c8e3c33",2:"d912e90da56ffe83e816",3:"2a2c2fd7e681a2d82028",4:"732353acd050116b32af",5:"859de000bac7afea17d2",6:"ad5fe664fa06481539b4",7:"486600c90428f7022c33",8:"479f0949904abb083c39",9:"38b4378bbdf12a4dc1aa",10:"34b45e77e1267d162200",11:"4638c140153ee40c01f4",12:"a28baf3356d2c63e0a0e",13:"ac1a8883104e709ce1ec",14:"ff470a65022a8878d0f3",15:"88145a162701286d7f86",16:"eacc590d6a7abb7c650b",17:"f8f84cfa4b191f48271d",18:"27810984a2ab79690cc9",19:"3e06c7e9646ebe26de4a",20:"af95c97c8a8c2c1421b3",21:"3f31027b2bc9b31c23ef",22:"a3728b7411c5e89aef21",23:"9f60147a0140625d3e93",24:"9763e58704b65bed7fdf",25:"a48fc86a7a75f100c0ba",26:"7666b30658fa47c11856",27:"3f17efe9421b9d53694c",28:"71f6faa1429340461c22",29:"79f1208caeaa8941638b",30:"213b7a90f2cb298db17e",31:"2cb5ec7fa59b86cfb575"}[e]+".js";var o=setTimeout(b,12e4);function b(){f.onerror=f.onload=null,clearTimeout(o);var a=n[e];0!==a&&(a&&a[1](new Error("Loading chunk "+e+" failed.")),n[e]=void 0)}return f.onerror=f.onload=b,r.appendChild(f),c},t.m=e,t.c=c,t.d=function(e,a,c){t.o(e,a)||Object.defineProperty(e,a,{configurable:!1,enumerable:!0,get:c})},t.n=function(e){var a=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(a,"a",a),a},t.o=function(e,a){return Object.prototype.hasOwnProperty.call(e,a)},t.p="https://static-cdn.changchangenglish.com/new-sing/",t.oe=function(e){throw console.error(e),e}}([]);
\ No newline at end of file
......@@ -265,7 +265,7 @@
// margin-top: -64*@toVw;
// background-size: 100% 100%;
position: relative;
.textBox{position: absolute;top: 355*@toVw;left:112*@toVw ;text-align: center;color: #B75B3A; font-size: 15*@toVw;
.textBox{position: absolute;top: 355*@toVw;left:0 ;text-align: center;color: #B75B3A; font-size: 15*@toVw;width: 100%;
span{text-decoration:line-through;}
.top{ font-size: 17*@toVw;}
.btn{ font-size: 15*@toVw;}
......@@ -319,7 +319,7 @@
font-size:20*@toVw;
font-family:PingFangSC-Semibold;
// font-weight:bold;
line-height: 10*@toVw;
line-height: 6*@toVw;
font-weight:300;
color:white;
}
......@@ -327,7 +327,7 @@
.Fml{position: absolute;top:284*@toVw;left:106*@toVw;font-size: 15*@toVw;color: #55343A;
text-align: center;
p{line-height: 36*@toVw;color: #55343A;}
div{color: #6A3028;font-weight: bold; }
div{}
.line{width: 95%;height: 4*@toVw;background: #F6C9A2;opacity: 0.44;position: relative;top: -5*@toVw;}
span{color: #E17640;}
}
......
......@@ -2,17 +2,17 @@
<div class="video-page">
<div class="content">
<div class="btn-block">
<div v-if="showObj.change" class="change-block-HP" @click="changeAudio(true)">
<div class="">
<img :src="imgURL.tapToAudio"/>
</div>
</div>
<div v-if="showObj.video.length > 1&&orientationchange" class="age-block video" @click="videoShow = !videoShow">
<div>视频({{videoIndex+1}})<i class="playImage _154722344142123489"></i></div>
</div>
<div class="age-change-block video" v-if="showObj.video.length > 1 && videoShow&&orientationchange">
<div @click="videoIndex= index;videoShow=false;sendConsole('多视频选择视频')" v-for="(item,index) in showObj.video">视频({{index+1}})<i :class="{'playImage _282918034425091245':index === videoIndex}" v-if="contentData.age === 1"></i></div>
</div>
<div v-if="showObj.change" class="change-block-HP" @click="changeAudio(true)">
<div class="">
<img :src="imgURL.tapToAudio"/>
</div>
</div>
<div v-if="showObj.change" class="change-block">
<div class="active">视频教学</div>
<div @click="changeAudio(true)">音频教学</div>
......@@ -25,19 +25,25 @@
<div class="video-block hp-video" v-if="showObj.video[videoIndex]" v-show="!share_show && !popupVisible && !star">
<video :src="showObj.video[videoIndex].url" @ended="videoEnd" @play="videoPlay()" controls :poster="showObj.video[videoIndex].url+'?vframe/jpg/offset/3'"></video>
</div>
<div class="age-change-block" v-if="contentData.content.age ">
<div v-if="showObj.video.length > 1&&!orientationchange" class="age-block video" @click="videoShow = !videoShow">
<div>视频({{videoIndex+1}})<i class="playImage _154722344142123489"></i></div>
</div>
<div class="age-change-block video" v-if="showObj.video.length > 1 && videoShow&&!orientationchange">
<div @click="videoIndex= index;videoShow=false;sendConsole('多视频选择视频')" v-for="(item,index) in showObj.video">视频({{index+1}})<i :class="{'playImage _282918034425091245':index === videoIndex}" v-if="contentData.age === 1"></i></div>
</div>
<div class="age-change-block ageclass" v-if="contentData.content.age ">
<p>年龄段选择</p>
<div :class="{activity:contentData.age == 1}" @click="contentData.age = 1;sendConsole('选择分龄')">0-3岁</div>
<div :class="{activity:contentData.age == 2}" @click="contentData.age = 2;sendConsole('选择分龄')">4-6岁</div>
</div>
<div class="orientationchangeBox" v-if="!orientationchange">
<!-- <div class="orientationchangeBox" v-if="showObj.video.length > 1&&!orientationchange">
<p>选集</p>
<swiper :options="swiperOption" ref="mySwiper" v-if="showObj.video.length > 1&&!orientationchange" >
<swiper-slide v-for="(item,index) in showObj.video" :class="{activity:index==videoIndex}" >
<img :src="item.url+'?vframe/jpg/offset/3'" alt @click="swiperback(index)">
</swiper-slide>
</swiper>
</div>
</div> -->
<div class="parent-finish">
<div class="finish-block" v-if="nowShow === 3">
......@@ -84,9 +90,9 @@
el: ".swiper-pagination",
clickable: true,
},
slidesPerView: 4,
slidesPerView: 5,
spaceBetween: 30,
centeredSlides: true,
// centeredSlides: true,
slideToClickedSlide:true
},
finishStuat:finishStuat,
......@@ -317,20 +323,38 @@
color:rgba(102,102,102,1);
&.video{
right: 0;
margin-right: 0;
text-align: center;
}
}
.age-change-block{
&.video{
right: 0;
right: 10*@toVw;
left: auto;z-index: 1231;
background: white;
width: 80*@toVw;
width: 96*@toVw;
border: 1*@toVw solid #666;
border-radius: 10*@toVw;
&>div{
margin: 0;
width: 96*@toVw;
padding: 6*@toVw 11*@toVw;
text-align: left;
display: inline-block;
border-radius:8*@toVw;
text-align: center;
border:none;
box-sizing: border-box;
&:first-child{
border-bottom: 1*@toVw solid #eee;
}
}
}
display: inline-block;
// position: absolute;
// top: 37*@toVw;
position: absolute;
top: 367*@toVw;
left: 0;
left: 20*@toVw;
width: 196*@toVw;
// border-radius: 8*@toVw;
// border: 1*@toVw solid #666666;
......@@ -340,13 +364,14 @@
color:rgba(102,102,102,1);
&>div{
margin: 10*@toVw 0;
width: 54*@toVw;
width: 86*@toVw;
padding: 6*@toVw 11*@toVw;
text-align: left;
display: inline-block;
border-radius:8*@toVw;
text-align: center;
border:1px solid rgba(200,205,220,1);
box-sizing: border-box;
&:first-child{
border-bottom: 1*@toVw solid #eee;
}
......@@ -388,7 +413,7 @@
bottom: 10 * @toVw;
width: 100%;
left: 0;
top: 400*@toVw;
top: 500*@toVw;
.finish-block{
position: absolute;
width: 100%;
......@@ -430,10 +455,25 @@
}
.age-change-block{
&.video{
top: 33*@toVw;
right: 0;
left: auto;z-index: 1231;
background: white;
width: 80*@toVw;
position: absolute;
&>div{
margin: 0;
width: 100%;
padding: 6*@toVw 11*@toVw;
text-align: left;
display: inline-block;
border-radius:8*@toVw;
text-align: center;
border:none;
&:first-child{
border-bottom: 1*@toVw solid #eee;
}
}
}
display: inline-block;
// position: absolute;
......@@ -462,6 +502,16 @@
}
.activity{border:3px solid rgba(64,169,255,1);}
}
.age-block{
&.video{
display: block;
}
}
.ageclass{position: fixed;top: 30*@toVw;left:100*@toVw;z-index: 100;
&>div{
display: block;
}
}
.video-block{
display: none;
&.hp-video{
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment