Commit 06370636 authored by wangwei's avatar wangwei

购买流程优化

分享回调优化
parent d85f73a2
<!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>.mint-toast{
z-index: 10001 !important;
}</style><link href=static/css/app.9f631d4069047acf4ee994f5d9f958c3.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 type=text/javascript src=static/js/manifest.3bf9303bfa30f6e3c0fb.js></script><script type=text/javascript src=static/js/vendor.198bb5ad23e62a71fb46.js></script><script type=text/javascript src=static/js/app.88cfd0a21347db2e6652.js></script></body></html>
\ No newline at end of file
}</style><link href=static/css/app.9f631d4069047acf4ee994f5d9f958c3.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 type=text/javascript src=static/js/manifest.09ad92561d6b1d5eb31e.js></script><script type=text/javascript src=static/js/vendor.198bb5ad23e62a71fb46.js></script><script type=text/javascript src=static/js/app.88cfd0a21347db2e6652.js></script></body></html>
\ No newline at end of file
This diff is collapsed.
This source diff could not be displayed because it is too large. You can view the blob instead.
This diff is collapsed.
This source diff could not be displayed because it is too large. You can view the blob instead.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
!function(e){var a=window.webpackJsonp;window.webpackJsonp=function(c,t,o){for(var d,f,b,i=0,u=[];i<c.length;i++)f=c[i],n[f]&&u.push(n[f][0]),n[f]=0;for(d in t)Object.prototype.hasOwnProperty.call(t,d)&&(e[d]=t[d]);for(a&&a(c,t,o);u.length;)u.shift()();if(o)for(i=0;i<o.length;i++)b=r(r.s=o[i]);return b};var c={},n={28: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],o=document.createElement("script");o.type="text/javascript",o.charset="utf-8",o.async=!0,o.timeout=12e4,r.nc&&o.setAttribute("nonce",r.nc),o.src=r.p+"static/js/"+e+"."+{0:"92c0abb8aba355a68dfd",1:"acafd02a88be078c8572",2:"fa22829657cbd48b57a2",3:"472102569d5fbabfb1de",4:"cdacd68926bcdd2acccb",5:"e0c0187e4032f595a0c3",6:"268d7558eb1eabc7dbb1",7:"496c366784ca5b7fa246",8:"d7a2992973a909e2ce31",9:"8e616591980af12d303e",10:"31b8fd03cbef1145946a",11:"bc6a12683f541a273039",12:"f9c59996ae27c4579e3e",13:"6d70586cdd12c8eeaed6",14:"1148391e7d226d6066c6",15:"0ba19a6db1bf129f5208",16:"51999ddf6c7a6d54de89",17:"df3e2da1a421c147caa2",18:"01e443c19e4b3a3b7a9e",19:"dc2614b3ca5a489beffa",20:"2b775d8e76d67749e35f",21:"a712021061f758c875da",22:"e32c088371c67bf21db4",23:"b01786e918dd8f20cb0f",24:"7a8a6f1e288c5acf1562",25:"829ffa299d18abd2ae05"}[e]+".js";var d=setTimeout(f,12e4);function f(){o.onerror=o.onload=null,clearTimeout(d);var a=n[e];0!==a&&(a&&a[1](new Error("Loading chunk "+e+" failed.")),n[e]=void 0)}return o.onerror=o.onload=f,t.appendChild(o),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}}([]);
//# sourceMappingURL=manifest.3bf9303bfa30f6e3c0fb.js.map
\ No newline at end of file
!function(e){var a=window.webpackJsonp;window.webpackJsonp=function(c,t,o){for(var d,f,b,i=0,u=[];i<c.length;i++)f=c[i],n[f]&&u.push(n[f][0]),n[f]=0;for(d in t)Object.prototype.hasOwnProperty.call(t,d)&&(e[d]=t[d]);for(a&&a(c,t,o);u.length;)u.shift()();if(o)for(i=0;i<o.length;i++)b=r(r.s=o[i]);return b};var c={},n={28: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],o=document.createElement("script");o.type="text/javascript",o.charset="utf-8",o.async=!0,o.timeout=12e4,r.nc&&o.setAttribute("nonce",r.nc),o.src=r.p+"static/js/"+e+"."+{0:"92c0abb8aba355a68dfd",1:"acafd02a88be078c8572",2:"fa22829657cbd48b57a2",3:"472102569d5fbabfb1de",4:"cdacd68926bcdd2acccb",5:"e0c0187e4032f595a0c3",6:"268d7558eb1eabc7dbb1",7:"496c366784ca5b7fa246",8:"d7a2992973a909e2ce31",9:"0624007170260d21651b",10:"31b8fd03cbef1145946a",11:"bc6a12683f541a273039",12:"165dfa1f960762eaa22d",13:"6d70586cdd12c8eeaed6",14:"1148391e7d226d6066c6",15:"0ba19a6db1bf129f5208",16:"51999ddf6c7a6d54de89",17:"df3e2da1a421c147caa2",18:"01e443c19e4b3a3b7a9e",19:"dc2614b3ca5a489beffa",20:"2b775d8e76d67749e35f",21:"a712021061f758c875da",22:"e32c088371c67bf21db4",23:"b01786e918dd8f20cb0f",24:"7a8a6f1e288c5acf1562",25:"829ffa299d18abd2ae05"}[e]+".js";var d=setTimeout(f,12e4);function f(){o.onerror=o.onload=null,clearTimeout(d);var a=n[e];0!==a&&(a&&a[1](new Error("Loading chunk "+e+" failed.")),n[e]=void 0)}return o.onerror=o.onload=f,t.appendChild(o),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}}([]);
//# sourceMappingURL=manifest.09ad92561d6b1d5eb31e.js.map
\ No newline at end of file
......@@ -3,4 +3,4 @@
}
.mint-toast{
z-index: 10001 !important;
}</style><link href=https://static-cdn.changchangenglish.com/new-sing/static/css/app.68fa2f2403c713ef3ff3100b1e086fee.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.6d77e70287b322b07ecc.js></script><script type=text/javascript src=https://static-cdn.changchangenglish.com/new-sing/static/js/vendor.db6e987ad5ec18f83c87.js></script><script type=text/javascript src=https://static-cdn.changchangenglish.com/new-sing/static/js/app.a105e0b8dccc6f2e3ca6.js></script></body></html>
\ No newline at end of file
}</style><link href=https://static-cdn.changchangenglish.com/new-sing/static/css/app.2be8e115487f5153c98646f729c0f700.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.d0e573697f88ebed0ea6.js></script><script type=text/javascript src=https://static-cdn.changchangenglish.com/new-sing/static/js/vendor.db6e987ad5ec18f83c87.js></script><script type=text/javascript src=https://static-cdn.changchangenglish.com/new-sing/static/js/app.a105e0b8dccc6f2e3ca6.js></script></body></html>
\ No newline at end of file
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
webpackJsonp([9],{"54Ry":function(t,e,s){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var o=s("mvHQ"),a=s.n(o),i=s("rYr/"),n=s.n(i),l=s("LyMh"),c=s.n(l),r=s("CCn6"),u={name:"shareGoods",components:{loginPage:s("WIsT").a},data:function(){return{shareGoodsBg:n.a,title_share_goods:c.a,userDetail:null,bindMobile:{show:!1,mobile:"",img_code:"",verify_code:""},shopId:null,goodsDetail:null,lastTime:localStorage.getItem("lastTimeShare")?JSON.parse(localStorage.getItem("lastTimeShare")):{day:0,hour:8,min:0,second:0}}},methods:{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;this.$sa.track("ViewInvitation",{salesID:this.$route.query.userID}),Object(r.s)(this.$route.query.userID).then(function(e){e.user_info.avatar=e.user_info.avatar.replace("http://","https://"),t.userDetail=e}),Object(r.u)().then(function(e){t.shopId=e[0].value,Object(r.h)(t.shopId).then(function(e){e.desc=JSON.parse(e.desc),e.goods_desc=JSON.parse(e.goods_desc),t.goodsDetail=e})})},goToBuyPage:function(){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:"马上报名1"}):this.$sa.track("buttonClick",{tabTitle:"打卡商品页",moduleTitle:"功能按钮",buttonType:"购买",buttonName:"马上报名2"}),JSON.parse(localStorage.getItem("userDesc")).mobile&&""!==JSON.parse(localStorage.getItem("userDesc")).mobile?this.goToBuyPage():(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)}}},d={render:function(){var t=this,e=t.$createElement,s=t._self._c||e;return s("div",[t.userDetail?s("div",{staticClass:"share-good-head",style:{backgroundImage:"url('"+t.shareGoodsBg+"')"}},[s("img",{staticClass:"head",attrs:{src:t.userDetail.user_info.avatar}}),t._v(" "),s("div",{staticClass:"title",style:{backgroundImage:"url('"+t.title_share_goods+"')"}},[t._v("\n "+t._s(t.userDetail.user_info.nickname)+"\n ")]),t._v(" "),s("div",{staticClass:"day"},[t._v("\n "+t._s(t.userDetail.total_day)+"\n "),s("span",[t._v("\n Days\n ")])]),t._v(" "),s("div",{staticClass:"iknow",on:{click:function(e){t.toBuy(1)}}})]):t._e(),t._v(" "),t.goodsDetail?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:[]};var h=s("VU/8")(u,d,!1,function(t){s("J6RK"),s("9RDf")},"data-v-6b5d801f",null);e.default=h.exports},"9RDf":function(t,e){},J6RK: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"},"rYr/":function(t,e,s){t.exports=s.p+"static/img/shareGoodsBg3.ab32fc9.png"}});
//# sourceMappingURL=9.cbb889c60987e690f9f6.js.map
\ No newline at end of file
webpackJsonp([9],{"54Ry":function(t,e,s){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var a=s("mvHQ"),i=s.n(a),o=s("rYr/"),n=s.n(o),l=s("LyMh"),c=s.n(l),r=s("CCn6"),u={name:"shareGoods",components:{loginPage:s("WIsT").a},data:function(){return{shareGoodsBg:n.a,title_share_goods:c.a,userDetail:null,bindMobile:{show:!1,mobile:"",img_code:"",verify_code:""},shopId:null,goodsDetail:null,lastTime:localStorage.getItem("lastTimeShare")?JSON.parse(localStorage.getItem("lastTimeShare")):{day:0,hour:8,min:0,second:0}}},methods:{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 t=this;this.$sa.track("ViewInvitation",{salesID:this.$route.query.userID}),Object(r.s)(this.$route.query.userID).then(function(e){e.user_info.avatar=e.user_info.avatar.replace("http://","https://"),t.userDetail=e}),Object(r.u)().then(function(e){t.shopId=e[0].value,Object(r.h)(t.shopId).then(function(e){e.desc=JSON.parse(e.desc),e.goods_desc=JSON.parse(e.goods_desc),t.goodsDetail=e})})},goToBuyPage:function(){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:"马上报名1"}):this.$sa.track("buttonClick",{tabTitle:"打卡商品页",moduleTitle:"功能按钮",buttonType:"购买",buttonName:"马上报名2"}),JSON.parse(localStorage.getItem("userDesc")).mobile&&""!==JSON.parse(localStorage.getItem("userDesc")).mobile?this.goToBuyPage():(this.bindMobile.show=!0,setTimeout(function(){e.$sa.track("ViewRegisterpage",{})},1e3))}},mounted:function(){var t=this;this.initPage(),setInterval(function(){t.lastTimeOut()},1e3),this.$refs.share_page.addEventListener("scroll",function(){var e=t.$refs.share_page.scrollTop;t.$refs.btn_block&&(t.$refs.btn_block.style.opacity=e>500?1:0)})}},h={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",style:{backgroundImage:"url('"+t.shareGoodsBg+"')"}},[s("img",{staticClass:"head",attrs:{src:t.userDetail.user_info.avatar}}),t._v(" "),s("div",{staticClass:"title",style:{backgroundImage:"url('"+t.title_share_goods+"')"}},[t._v("\n "+t._s(t.userDetail.user_info.nickname)+"\n ")]),t._v(" "),s("div",{staticClass:"day"},[t._v("\n "+t._s(t.userDetail.total_day)+"\n "),s("span",[t._v("\n Days\n ")])]),t._v(" "),s("div",{staticClass:"iknow",on:{click:function(e){t.toBuy(1)}}})]):t._e(),t._v(" "),t.goodsDetail?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:[]};var d=s("VU/8")(u,h,!1,function(t){s("GLq5"),s("za7V")},"data-v-83079d02",null);e.default=d.exports},GLq5: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"},"rYr/":function(t,e,s){t.exports=s.p+"static/img/shareGoodsBg3.ab32fc9.png"},za7V:function(t,e){}});
//# sourceMappingURL=9.57dc17b97ee72a7c92a1.js.map
\ No newline at end of file
This diff is collapsed.
This diff is collapsed.
!function(e){var n=window.webpackJsonp;window.webpackJsonp=function(f,c,a){for(var o,b,d,i=0,u=[];i<f.length;i++)b=f[i],t[b]&&u.push(t[b][0]),t[b]=0;for(o in c)Object.prototype.hasOwnProperty.call(c,o)&&(e[o]=c[o]);for(n&&n(f,c,a);u.length;)u.shift()();if(a)for(i=0;i<a.length;i++)d=r(r.s=a[i]);return d};var f={},t={28:0};function r(n){if(f[n])return f[n].exports;var t=f[n]={i:n,l:!1,exports:{}};return e[n].call(t.exports,t,t.exports,r),t.l=!0,t.exports}r.e=function(e){var n=t[e];if(0===n)return new Promise(function(e){e()});if(n)return n[2];var f=new Promise(function(f,r){n=t[e]=[f,r]});n[2]=f;var c=document.getElementsByTagName("head")[0],a=document.createElement("script");a.type="text/javascript",a.charset="utf-8",a.async=!0,a.timeout=12e4,r.nc&&a.setAttribute("nonce",r.nc),a.src=r.p+"static/js/"+e+"."+{0:"1f02d3d35128bb3457df",1:"33174d19bb7b91fbec9f",2:"b00d3826b27a25730b77",3:"62cab40a31552f3523a2",4:"77aa4c620f571772432a",5:"0fe20001f4dfd6979b47",6:"717653459c7bc3135d0f",7:"87975b0362443f551b30",8:"f98973c3985b09535f4b",9:"cbb889c60987e690f9f6",10:"ce02cda302f358dd3051",11:"e81139868f9f8f8a0824",12:"8f7cfa34e214bc1a1289",13:"e40490f298337061eaf8",14:"f3146b756ef1d9ad6d64",15:"94dc83a555c61ee39c27",16:"ae624f5327002aaffb2d",17:"0f1571bcdfa699669f5f",18:"618aa416fb9be1dc4752",19:"f231c5215d3f27cf6a43",20:"5bd8b3930bb29ff93018",21:"594f13c961c63e11bd51",22:"9c5678caf56dde402e32",23:"8b4367681705baf3bf9a",24:"41b2d8dfa315edfb0be2",25:"f8f77e7bcee3b3e2c1a3"}[e]+".js";var o=setTimeout(b,12e4);function b(){a.onerror=a.onload=null,clearTimeout(o);var n=t[e];0!==n&&(n&&n[1](new Error("Loading chunk "+e+" failed.")),t[e]=void 0)}return a.onerror=a.onload=b,c.appendChild(a),f},r.m=e,r.c=f,r.d=function(e,n,f){r.o(e,n)||Object.defineProperty(e,n,{configurable:!1,enumerable:!0,get:f})},r.n=function(e){var n=e&&e.__esModule?function(){return e.default}:function(){return e};return r.d(n,"a",n),n},r.o=function(e,n){return Object.prototype.hasOwnProperty.call(e,n)},r.p="https://static-cdn.changchangenglish.com/new-sing/",r.oe=function(e){throw console.error(e),e}}([]);
//# sourceMappingURL=manifest.6d77e70287b322b07ecc.js.map
\ No newline at end of file
!function(e){var n=window.webpackJsonp;window.webpackJsonp=function(t,c,a){for(var o,d,b,i=0,u=[];i<t.length;i++)d=t[i],r[d]&&u.push(r[d][0]),r[d]=0;for(o in c)Object.prototype.hasOwnProperty.call(c,o)&&(e[o]=c[o]);for(n&&n(t,c,a);u.length;)u.shift()();if(a)for(i=0;i<a.length;i++)b=f(f.s=a[i]);return b};var t={},r={28:0};function f(n){if(t[n])return t[n].exports;var r=t[n]={i:n,l:!1,exports:{}};return e[n].call(r.exports,r,r.exports,f),r.l=!0,r.exports}f.e=function(e){var n=r[e];if(0===n)return new Promise(function(e){e()});if(n)return n[2];var t=new Promise(function(t,f){n=r[e]=[t,f]});n[2]=t;var c=document.getElementsByTagName("head")[0],a=document.createElement("script");a.type="text/javascript",a.charset="utf-8",a.async=!0,a.timeout=12e4,f.nc&&a.setAttribute("nonce",f.nc),a.src=f.p+"static/js/"+e+"."+{0:"1f02d3d35128bb3457df",1:"33174d19bb7b91fbec9f",2:"b00d3826b27a25730b77",3:"62cab40a31552f3523a2",4:"77aa4c620f571772432a",5:"0fe20001f4dfd6979b47",6:"717653459c7bc3135d0f",7:"87975b0362443f551b30",8:"f98973c3985b09535f4b",9:"57dc17b97ee72a7c92a1",10:"ce02cda302f358dd3051",11:"e81139868f9f8f8a0824",12:"8f7cfa34e214bc1a1289",13:"e40490f298337061eaf8",14:"e9e69162d14d11c9f5e3",15:"94dc83a555c61ee39c27",16:"ae624f5327002aaffb2d",17:"0f1571bcdfa699669f5f",18:"618aa416fb9be1dc4752",19:"f231c5215d3f27cf6a43",20:"5bd8b3930bb29ff93018",21:"594f13c961c63e11bd51",22:"9c5678caf56dde402e32",23:"8b4367681705baf3bf9a",24:"41b2d8dfa315edfb0be2",25:"f8f77e7bcee3b3e2c1a3"}[e]+".js";var o=setTimeout(d,12e4);function d(){a.onerror=a.onload=null,clearTimeout(o);var n=r[e];0!==n&&(n&&n[1](new Error("Loading chunk "+e+" failed.")),r[e]=void 0)}return a.onerror=a.onload=d,c.appendChild(a),t},f.m=e,f.c=t,f.d=function(e,n,t){f.o(e,n)||Object.defineProperty(e,n,{configurable:!1,enumerable:!0,get:t})},f.n=function(e){var n=e&&e.__esModule?function(){return e.default}:function(){return e};return f.d(n,"a",n),n},f.o=function(e,n){return Object.prototype.hasOwnProperty.call(e,n)},f.p="https://static-cdn.changchangenglish.com/new-sing/",f.oe=function(e){throw console.error(e),e}}([]);
//# sourceMappingURL=manifest.d0e573697f88ebed0ea6.js.map
\ No newline at end of file
This diff is collapsed.
<template>
<div>
<div class="share-good-head" v-if="userDetail" :style="{backgroundImage:`url('${shareGoodsBg}')`}">
<img class="head" :src="userDetail.user_info.avatar">
<div class="title" :style="{backgroundImage:`url('${title_share_goods}')`}" >
{{userDetail.user_info.nickname}}
</div>
<div class="day">
{{userDetail.total_day}}
<span>
<div class="share-good-page" ref="share_page">
<div class="share-good-head" v-if="userDetail" :style="{backgroundImage:`url('${shareGoodsBg}')`}">
<img class="head" :src="userDetail.user_info.avatar">
<div class="title" :style="{backgroundImage:`url('${title_share_goods}')`}" >
{{userDetail.user_info.nickname}}
</div>
<div class="day">
{{userDetail.total_day}}
<span>
Days
</span>
</div>
<div class="iknow" @click="toBuy(1)">
</div>
<div class="iknow" @click="toBuy(1)">
</div>
</div>
</div>
<div class="good-content" v-if="goodsDetail">
<div class="content" v-html="goodsDetail.desc.detail">
</div>
<div class="btn-block" ref="btn_block">
<div class="lastTime">
优惠倒计时 {{lastTime.day}}{{lastTime.hour}}{{lastTime.min}}{{lastTime.second}}
<div class="good-content" v-if="goodsDetail">
<div class="content" v-html="goodsDetail.desc.detail">
</div>
<div class="btn" @click="toBuy(2)">
正在疯抢 · 超值VIP课程
<div class="btn-block" ref="btn_block">
<div class="lastTime">
优惠倒计时 {{lastTime.day}}{{lastTime.hour}}{{lastTime.min}}{{lastTime.second}}
</div>
<div class="btn" @click="toBuy(2)">
正在疯抢 · 超值VIP课程
</div>
</div>
</div>
</div>
<login-page v-if="goodsDetail" :bind-mobile="bindMobile" :groupDetail="goodsDetail" @goToBuyPage="goToBuyPage"></login-page>
</div>
</template>
......@@ -124,9 +127,9 @@
mounted(){
this.initPage();
setInterval(()=>{this.lastTimeOut()},1000);
window.onscroll= ()=>{
this.$refs.share_page.addEventListener('scroll',()=>{
//变量t是滚动条滚动时,距离顶部的距离
let t = document.documentElement.scrollTop||document.body.scrollTop;
let t = this.$refs.share_page.scrollTop;
if( this.$refs.btn_block){
if(t>500){
this.$refs.btn_block.style.opacity = 1
......@@ -134,13 +137,21 @@
this.$refs.btn_block.style.opacity = 0
}
}
}
})
}
}
</script>
<style scoped lang="less">
@import "../../util/public";
.share-good-page{
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
overflow: auto;
}
.share-good-head{
width: 100%;
height: 584*@toVw;
......
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