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{ <!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; 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> }</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 \ 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}}([]); !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.3bf9303bfa30f6e3c0fb.js.map //# sourceMappingURL=manifest.09ad92561d6b1d5eb31e.js.map
\ No newline at end of file \ No newline at end of file
...@@ -3,4 +3,4 @@ ...@@ -3,4 +3,4 @@
} }
.mint-toast{ .mint-toast{
z-index: 10001 !important; 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> }</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 \ 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"}}); 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.cbb889c60987e690f9f6.js.map //# sourceMappingURL=9.57dc17b97ee72a7c92a1.js.map
\ No newline at end of file \ 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}}([]); !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.6d77e70287b322b07ecc.js.map //# sourceMappingURL=manifest.d0e573697f88ebed0ea6.js.map
\ No newline at end of file \ No newline at end of file
This diff is collapsed.
<template> <template>
<div> <div>
<div class="share-good-head" v-if="userDetail" :style="{backgroundImage:`url('${shareGoodsBg}')`}"> <div class="share-good-page" ref="share_page">
<img class="head" :src="userDetail.user_info.avatar"> <div class="share-good-head" v-if="userDetail" :style="{backgroundImage:`url('${shareGoodsBg}')`}">
<div class="title" :style="{backgroundImage:`url('${title_share_goods}')`}" > <img class="head" :src="userDetail.user_info.avatar">
{{userDetail.user_info.nickname}} <div class="title" :style="{backgroundImage:`url('${title_share_goods}')`}" >
</div> {{userDetail.user_info.nickname}}
<div class="day"> </div>
{{userDetail.total_day}} <div class="day">
<span> {{userDetail.total_day}}
<span>
Days Days
</span> </span>
</div> </div>
<div class="iknow" @click="toBuy(1)"> <div class="iknow" @click="toBuy(1)">
</div>
</div> </div>
</div> <div class="good-content" v-if="goodsDetail">
<div class="good-content" v-if="goodsDetail"> <div class="content" v-html="goodsDetail.desc.detail">
<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> </div>
<div class="btn" @click="toBuy(2)"> <div class="btn-block" ref="btn_block">
正在疯抢 · 超值VIP课程 <div class="lastTime">
优惠倒计时 {{lastTime.day}}{{lastTime.hour}}{{lastTime.min}}{{lastTime.second}}
</div>
<div class="btn" @click="toBuy(2)">
正在疯抢 · 超值VIP课程
</div>
</div> </div>
</div> </div>
</div> </div>
<login-page v-if="goodsDetail" :bind-mobile="bindMobile" :groupDetail="goodsDetail" @goToBuyPage="goToBuyPage"></login-page> <login-page v-if="goodsDetail" :bind-mobile="bindMobile" :groupDetail="goodsDetail" @goToBuyPage="goToBuyPage"></login-page>
</div> </div>
</template> </template>
...@@ -124,9 +127,9 @@ ...@@ -124,9 +127,9 @@
mounted(){ mounted(){
this.initPage(); this.initPage();
setInterval(()=>{this.lastTimeOut()},1000); setInterval(()=>{this.lastTimeOut()},1000);
window.onscroll= ()=>{ this.$refs.share_page.addEventListener('scroll',()=>{
//变量t是滚动条滚动时,距离顶部的距离 //变量t是滚动条滚动时,距离顶部的距离
let t = document.documentElement.scrollTop||document.body.scrollTop; let t = this.$refs.share_page.scrollTop;
if( this.$refs.btn_block){ if( this.$refs.btn_block){
if(t>500){ if(t>500){
this.$refs.btn_block.style.opacity = 1 this.$refs.btn_block.style.opacity = 1
...@@ -134,13 +137,21 @@ ...@@ -134,13 +137,21 @@
this.$refs.btn_block.style.opacity = 0 this.$refs.btn_block.style.opacity = 0
} }
} }
} })
} }
} }
</script> </script>
<style scoped lang="less"> <style scoped lang="less">
@import "../../util/public"; @import "../../util/public";
.share-good-page{
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
overflow: auto;
}
.share-good-head{ .share-good-head{
width: 100%; width: 100%;
height: 584*@toVw; 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