617

parent 92eb448b
......@@ -6,4 +6,4 @@
overflow: hidden;
position: fixed;
background: #f4f4f4;
}</style><link href=static/css/app.3c0ad5f24e07150c06bc3b21fbd29d4b.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></script><script type=text/javascript src=static/js/manifest.56fc5771aa72d1621b80.js></script><script type=text/javascript src=static/js/vendor.1396ea78033e4259211e.js></script><script type=text/javascript src=static/js/app.78f63de93e369dcd0eb4.js></script></body></html>
\ No newline at end of file
}</style><link href=static/css/app.3c0ad5f24e07150c06bc3b21fbd29d4b.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></script><script type=text/javascript src=static/js/manifest.2983414907d3e08e63c3.js></script><script type=text/javascript src=static/js/vendor.67557998227df7e95200.js></script><script type=text/javascript src=static/js/app.d3e4b5a27de0a4a0b618.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.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
webpackJsonp([30],{OBPd:function(e,t,n){(e.exports=n("FZ+f")(!0)).push([e.i,"\n.author[data-v-1bb02e1b] {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -ms-flex-flow: column nowrap;\n flex-flow: column nowrap;\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n height: 100vh;\n font-size: 1.8rem;\n}\n.author > .img[data-v-1bb02e1b] {\n width: 50vw;\n height: 50vw;\n background-size: 100% 100%;\n}\n.author .reload[data-v-1bb02e1b] {\n font-size: 1.2rem;\n color: #199be0;\n}\n","",{version:3,sources:["C:/Users/Administrator/Desktop/h5/wechat/src/components/author.vue"],names:[],mappings:";AACA;EACE,qBAAqB;EACrB,qBAAqB;EACrB,cAAc;EACd,6BAA6B;EAC7B,8BAA8B;MAC1B,6BAA6B;UACzB,yBAAyB;EACjC,yBAAyB;MACrB,sBAAsB;UAClB,wBAAwB;EAChC,0BAA0B;MACtB,uBAAuB;UACnB,oBAAoB;EAC5B,cAAc;EACd,kBAAkB;CACnB;AACD;EACE,YAAY;EACZ,aAAa;EACb,2BAA2B;CAC5B;AACD;EACE,kBAAkB;EAClB,eAAe;CAChB",file:"author.vue",sourcesContent:["\n.author[data-v-1bb02e1b] {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -ms-flex-flow: column nowrap;\n flex-flow: column nowrap;\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n height: 100vh;\n font-size: 1.8rem;\n}\n.author > .img[data-v-1bb02e1b] {\n width: 50vw;\n height: 50vw;\n background-size: 100% 100%;\n}\n.author .reload[data-v-1bb02e1b] {\n font-size: 1.2rem;\n color: #199be0;\n}\n"],sourceRoot:""}])},TSGa:function(e,t,n){var o=n("OBPd");"string"==typeof o&&(o=[[e.i,o,""]]),o.locals&&(e.exports=o.locals);n("rjj0")("fbc9f3da",o,!1,{})},VAx7:function(e,t,n){e.exports=n.p+"static/img/authorLoading.39aaada.png"},"sA+T":function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var o=n("VAx7"),a=n.n(o),r={name:"author",data:function(){return{loadingUrl:a.a}},created:function(){this.$route.query&&this.$route.query.retUrl?localStorage.setItem("retUrl",this.$route.query.retUrl):localStorage.setItem("retUrl",""),this.$route.query&&this.$route.query.is_new_user_url?window.location.href="https://wechat-test.changchangenglish.com/api/client/login?redirect_url=https://wechat-test.changchangenglish.com":(localStorage.setItem("retUrl",""),window.location.href="https://wechat-test.changchangenglish.com/api/client/login?redirect_url=https://wechat-test.changchangenglish.com&is_new_user_url=1")},methods:{onPageReload:function(){this.$sa.track("buttonClick",{tabTitle:"授权",moduleTitle:"授权",buttonType:"重新授权",buttonName:"重新授权"}),window.location.reload()}}},i=function(){var e=this.$createElement,t=this._self._c||e;return t("div",{staticClass:"author"},[t("div",{staticClass:"img",style:{backgroundImage:"url("+this.loadingUrl+")"}}),this._v(" "),t("p",[this._v("正在加载中......")]),this._v(" "),t("p",{staticClass:"reload",attrs:{click:this.onPageReload}},[this._v("点击重新加载")])])};i._withStripped=!0;var s={render:i,staticRenderFns:[]},l=s;var c=!1;var A=n("VU/8")(r,l,!1,function(e){c||n("TSGa")},"data-v-1bb02e1b",null);A.options.__file="src/components/author.vue";t.default=A.exports}});
\ No newline at end of file
webpackJsonp([31],{OBPd:function(e,t,n){(e.exports=n("FZ+f")(!0)).push([e.i,"\n.author[data-v-1bb02e1b] {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -ms-flex-flow: column nowrap;\n flex-flow: column nowrap;\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n height: 100vh;\n font-size: 1.8rem;\n}\n.author > .img[data-v-1bb02e1b] {\n width: 50vw;\n height: 50vw;\n background-size: 100% 100%;\n}\n.author .reload[data-v-1bb02e1b] {\n font-size: 1.2rem;\n color: #199be0;\n}\n","",{version:3,sources:["C:/Users/Administrator/Desktop/h5/wechat/src/components/author.vue"],names:[],mappings:";AACA;EACE,qBAAqB;EACrB,qBAAqB;EACrB,cAAc;EACd,6BAA6B;EAC7B,8BAA8B;MAC1B,6BAA6B;UACzB,yBAAyB;EACjC,yBAAyB;MACrB,sBAAsB;UAClB,wBAAwB;EAChC,0BAA0B;MACtB,uBAAuB;UACnB,oBAAoB;EAC5B,cAAc;EACd,kBAAkB;CACnB;AACD;EACE,YAAY;EACZ,aAAa;EACb,2BAA2B;CAC5B;AACD;EACE,kBAAkB;EAClB,eAAe;CAChB",file:"author.vue",sourcesContent:["\n.author[data-v-1bb02e1b] {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -ms-flex-flow: column nowrap;\n flex-flow: column nowrap;\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n height: 100vh;\n font-size: 1.8rem;\n}\n.author > .img[data-v-1bb02e1b] {\n width: 50vw;\n height: 50vw;\n background-size: 100% 100%;\n}\n.author .reload[data-v-1bb02e1b] {\n font-size: 1.2rem;\n color: #199be0;\n}\n"],sourceRoot:""}])},TSGa:function(e,t,n){var o=n("OBPd");"string"==typeof o&&(o=[[e.i,o,""]]),o.locals&&(e.exports=o.locals);n("rjj0")("fbc9f3da",o,!1,{})},VAx7:function(e,t,n){e.exports=n.p+"static/img/authorLoading.39aaada.png"},"sA+T":function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var o=n("VAx7"),a=n.n(o),r={name:"author",data:function(){return{loadingUrl:a.a}},created:function(){this.$route.query&&this.$route.query.retUrl?localStorage.setItem("retUrl",this.$route.query.retUrl):localStorage.setItem("retUrl",""),this.$route.query&&this.$route.query.is_new_user_url?window.location.href="https://wechat-test.changchangenglish.com/api/client/login?redirect_url=https://wechat-test.changchangenglish.com":(localStorage.setItem("retUrl",""),window.location.href="https://wechat-test.changchangenglish.com/api/client/login?redirect_url=https://wechat-test.changchangenglish.com&is_new_user_url=1")},methods:{onPageReload:function(){this.$sa.track("buttonClick",{tabTitle:"授权",moduleTitle:"授权",buttonType:"重新授权",buttonName:"重新授权"}),window.location.reload()}}},i=function(){var e=this.$createElement,t=this._self._c||e;return t("div",{staticClass:"author"},[t("div",{staticClass:"img",style:{backgroundImage:"url("+this.loadingUrl+")"}}),this._v(" "),t("p",[this._v("正在加载中......")]),this._v(" "),t("p",{staticClass:"reload",attrs:{click:this.onPageReload}},[this._v("点击重新加载")])])};i._withStripped=!0;var s={render:i,staticRenderFns:[]},l=s;var c=!1;var A=n("VU/8")(r,l,!1,function(e){c||n("TSGa")},"data-v-1bb02e1b",null);A.options.__file="src/components/author.vue";t.default=A.exports}});
\ No newline at end of file
webpackJsonp([31],{"6IIy":function(n,e,t){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=t("CCn6"),s=t("/Bxx"),a=t.n(s),r={name:"shareConfig",data:function(){return{desc:"赠你1元领取价值398元课程特权,和我一起快乐启蒙英语吧",shareUrl:a.a,title:"我家宝宝正在【唱唱启蒙英语】挑战童谣,已坚持1天",link:window.location.href.split("#")[0],shareVisible:!1}},methods:{enableShare:function(n){Object(i.N)({api_list:"onMenuShareAppMessage,onMenuShareTimeline",url:window.location.href.split("#")[0]}).then(function(e){wx.config({debug:!1,appId:e.appId,timestamp:parseInt(e.timestamp),nonceStr:e.nonceStr,signature:e.signature,jsApiList:e.jsApiList}),wx.ready(function(){wx.onMenuShareTimeline({title:n.product_title,desc:n.desc,link:n.shareUrl,imgUrl:n.shareIcon||"https://cdn.singsingenglish.com/singsing/recommend/logo-refer.png",success:function(){},cancel:function(){}}),wx.onMenuShareAppMessage({title:n.product_title,desc:n.desc,link:n.shareUrl,imgUrl:n.shareIcon||"https://cdn.singsingenglish.com/singsing/recommend/logo-refer.png",success:function(){},cancel:function(){}})})})},sharePage:function(){this.enableShare({product_title:this.title,desc:this.desc,shareIcon:"https://cdn.singsingenglish.com/logo/logo.jpg",shareUrl:this.link}),this.shareVisible=!0}}},l=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",[t("mt-popup",{staticClass:"refer-share",staticStyle:{background:"transparent"},attrs:{position:"top"},model:{value:n.shareVisible,callback:function(e){n.shareVisible=e},expression:"shareVisible"}},[t("img",{staticStyle:{width:"80vw"},attrs:{src:n.shareUrl}})]),n._v(" "),t("div",{staticStyle:{padding:"10px"}},[t("mt-field",{attrs:{label:"分享标题",type:"textarea",placeholder:"请输入分享标题",rows:"4"},model:{value:n.title,callback:function(e){n.title=e},expression:"title"}}),n._v(" "),t("mt-field",{attrs:{label:"分享链接",type:"textarea",placeholder:"请输入分享链接",rows:"4"},model:{value:n.link,callback:function(e){n.link=e},expression:"link"}}),n._v(" "),t("mt-field",{attrs:{label:"分享描述",type:"textarea",placeholder:"请输入分享描述",rows:"4"},model:{value:n.desc,callback:function(e){n.desc=e},expression:"desc"}}),n._v(" "),t("div",{staticStyle:{width:"calc(100vw - 20px)",margin:"0"}},[t("mt-button",{attrs:{type:"primary",size:"large"},on:{click:function(e){n.sharePage()}}},[n._v("分享")])],1)],1)],1)};l._withStripped=!0;var o={render:l,staticRenderFns:[]},c=o;var p=!1;var d=t("VU/8")(r,c,!1,function(n){p||t("oiC4")},"data-v-fe968cbe",null);d.options.__file="src/components/shareConfig.vue";e.default=d.exports},oiC4:function(n,e,t){var i=t("xc6X");"string"==typeof i&&(i=[[n.i,i,""]]),i.locals&&(n.exports=i.locals);t("rjj0")("1a2c0be4",i,!1,{})},xc6X:function(n,e,t){(n.exports=t("FZ+f")(!0)).push([n.i,"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n","",{version:3,sources:[],names:[],mappings:"",file:"shareConfig.vue",sourceRoot:""}])}});
\ No newline at end of file
webpackJsonp([32],{"6IIy":function(n,e,t){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=t("CCn6"),s=t("/Bxx"),a=t.n(s),r={name:"shareConfig",data:function(){return{desc:"赠你1元领取价值398元课程特权,和我一起快乐启蒙英语吧",shareUrl:a.a,title:"我家宝宝正在【唱唱启蒙英语】挑战童谣,已坚持1天",link:window.location.href.split("#")[0],shareVisible:!1}},methods:{enableShare:function(n){Object(i.N)({api_list:"onMenuShareAppMessage,onMenuShareTimeline",url:window.location.href.split("#")[0]}).then(function(e){wx.config({debug:!1,appId:e.appId,timestamp:parseInt(e.timestamp),nonceStr:e.nonceStr,signature:e.signature,jsApiList:e.jsApiList}),wx.ready(function(){wx.onMenuShareTimeline({title:n.product_title,desc:n.desc,link:n.shareUrl,imgUrl:n.shareIcon||"https://cdn.singsingenglish.com/singsing/recommend/logo-refer.png",success:function(){},cancel:function(){}}),wx.onMenuShareAppMessage({title:n.product_title,desc:n.desc,link:n.shareUrl,imgUrl:n.shareIcon||"https://cdn.singsingenglish.com/singsing/recommend/logo-refer.png",success:function(){},cancel:function(){}})})})},sharePage:function(){this.enableShare({product_title:this.title,desc:this.desc,shareIcon:"https://cdn.singsingenglish.com/logo/logo.jpg",shareUrl:this.link}),this.shareVisible=!0}}},l=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",[t("mt-popup",{staticClass:"refer-share",staticStyle:{background:"transparent"},attrs:{position:"top"},model:{value:n.shareVisible,callback:function(e){n.shareVisible=e},expression:"shareVisible"}},[t("img",{staticStyle:{width:"80vw"},attrs:{src:n.shareUrl}})]),n._v(" "),t("div",{staticStyle:{padding:"10px"}},[t("mt-field",{attrs:{label:"分享标题",type:"textarea",placeholder:"请输入分享标题",rows:"4"},model:{value:n.title,callback:function(e){n.title=e},expression:"title"}}),n._v(" "),t("mt-field",{attrs:{label:"分享链接",type:"textarea",placeholder:"请输入分享链接",rows:"4"},model:{value:n.link,callback:function(e){n.link=e},expression:"link"}}),n._v(" "),t("mt-field",{attrs:{label:"分享描述",type:"textarea",placeholder:"请输入分享描述",rows:"4"},model:{value:n.desc,callback:function(e){n.desc=e},expression:"desc"}}),n._v(" "),t("div",{staticStyle:{width:"calc(100vw - 20px)",margin:"0"}},[t("mt-button",{attrs:{type:"primary",size:"large"},on:{click:function(e){n.sharePage()}}},[n._v("分享")])],1)],1)],1)};l._withStripped=!0;var o={render:l,staticRenderFns:[]},c=o;var p=!1;var d=t("VU/8")(r,c,!1,function(n){p||t("oiC4")},"data-v-fe968cbe",null);d.options.__file="src/components/shareConfig.vue";e.default=d.exports},oiC4:function(n,e,t){var i=t("xc6X");"string"==typeof i&&(i=[[n.i,i,""]]),i.locals&&(n.exports=i.locals);t("rjj0")("1a2c0be4",i,!1,{})},xc6X:function(n,e,t){(n.exports=t("FZ+f")(!0)).push([n.i,"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n","",{version:3,sources:[],names:[],mappings:"",file:"shareConfig.vue",sourceRoot:""}])}});
\ No newline at end of file
webpackJsonp([32],{RYpB:function(r,n,e){(r.exports=e("FZ+f")(!0)).push([r.i,"\n.error-page[data-v-ea0f4bb0] {\n text-align: center;\n padding-top: 50px ;\n}\n.error-page img[data-v-ea0f4bb0] {\n width: 50%;\n margin-bottom: 20px;\n}\n.error-page .error-text[data-v-ea0f4bb0] {\n font-size: 24px;\n color: #888;\n}\n.error-page .button[data-v-ea0f4bb0] {\n font-size: 14px;\n display: inline-block;\n border: 1px solid #53b4ca;\n color: #53b4ca;\n padding: 5px;\n border-radius: 4px;\n margin-top: 20px;\n}\n","",{version:3,sources:["C:/Users/Administrator/Desktop/h5/wechat/src/components/error.vue"],names:[],mappings:";AACA;EACE,mBAAmB;EACnB,mBAAmB;CACpB;AACD;EACE,WAAW;EACX,oBAAoB;CACrB;AACD;EACE,gBAAgB;EAChB,YAAY;CACb;AACD;EACE,gBAAgB;EAChB,sBAAsB;EACtB,0BAA0B;EAC1B,eAAe;EACf,aAAa;EACb,mBAAmB;EACnB,iBAAiB;CAClB",file:"error.vue",sourcesContent:["\n.error-page[data-v-ea0f4bb0] {\n text-align: center;\n padding-top: 50px ;\n}\n.error-page img[data-v-ea0f4bb0] {\n width: 50%;\n margin-bottom: 20px;\n}\n.error-page .error-text[data-v-ea0f4bb0] {\n font-size: 24px;\n color: #888;\n}\n.error-page .button[data-v-ea0f4bb0] {\n font-size: 14px;\n display: inline-block;\n border: 1px solid #53b4ca;\n color: #53b4ca;\n padding: 5px;\n border-radius: 4px;\n margin-top: 20px;\n}\n"],sourceRoot:""}])},Zazt:function(r,n,e){"use strict";Object.defineProperty(n,"__esModule",{value:!0});var t=e("3xxH"),a=e.n(t),o={name:"error",data:function(){return{errorImageUrl:a.a}}},i=function(){var r=this,n=r.$createElement,e=r._self._c||n;return e("div",{staticClass:"error-page"},[e("img",{attrs:{src:r.errorImageUrl}}),r._v(" "),e("div",{staticClass:"error-text"},[r._v("\n 404! 很抱歉,页面未找到\n "),e("br"),r._v(" "),e("div",{staticClass:"button",on:{click:function(n){r.$router.push({name:"index"})}}},[r._v("返回首页")])])])};i._withStripped=!0;var s={render:i,staticRenderFns:[]},p=s;var A=!1;var c=e("VU/8")(o,p,!1,function(r){A||e("zqTw")},"data-v-ea0f4bb0",null);c.options.__file="src/components/error.vue";n.default=c.exports},zqTw:function(r,n,e){var t=e("RYpB");"string"==typeof t&&(t=[[r.i,t,""]]),t.locals&&(r.exports=t.locals);e("rjj0")("7406b040",t,!1,{})}});
\ No newline at end of file
webpackJsonp([33],{RYpB:function(r,n,e){(r.exports=e("FZ+f")(!0)).push([r.i,"\n.error-page[data-v-ea0f4bb0] {\n text-align: center;\n padding-top: 50px ;\n}\n.error-page img[data-v-ea0f4bb0] {\n width: 50%;\n margin-bottom: 20px;\n}\n.error-page .error-text[data-v-ea0f4bb0] {\n font-size: 24px;\n color: #888;\n}\n.error-page .button[data-v-ea0f4bb0] {\n font-size: 14px;\n display: inline-block;\n border: 1px solid #53b4ca;\n color: #53b4ca;\n padding: 5px;\n border-radius: 4px;\n margin-top: 20px;\n}\n","",{version:3,sources:["C:/Users/Administrator/Desktop/h5/wechat/src/components/error.vue"],names:[],mappings:";AACA;EACE,mBAAmB;EACnB,mBAAmB;CACpB;AACD;EACE,WAAW;EACX,oBAAoB;CACrB;AACD;EACE,gBAAgB;EAChB,YAAY;CACb;AACD;EACE,gBAAgB;EAChB,sBAAsB;EACtB,0BAA0B;EAC1B,eAAe;EACf,aAAa;EACb,mBAAmB;EACnB,iBAAiB;CAClB",file:"error.vue",sourcesContent:["\n.error-page[data-v-ea0f4bb0] {\n text-align: center;\n padding-top: 50px ;\n}\n.error-page img[data-v-ea0f4bb0] {\n width: 50%;\n margin-bottom: 20px;\n}\n.error-page .error-text[data-v-ea0f4bb0] {\n font-size: 24px;\n color: #888;\n}\n.error-page .button[data-v-ea0f4bb0] {\n font-size: 14px;\n display: inline-block;\n border: 1px solid #53b4ca;\n color: #53b4ca;\n padding: 5px;\n border-radius: 4px;\n margin-top: 20px;\n}\n"],sourceRoot:""}])},Zazt:function(r,n,e){"use strict";Object.defineProperty(n,"__esModule",{value:!0});var t=e("3xxH"),a=e.n(t),o={name:"error",data:function(){return{errorImageUrl:a.a}}},i=function(){var r=this,n=r.$createElement,e=r._self._c||n;return e("div",{staticClass:"error-page"},[e("img",{attrs:{src:r.errorImageUrl}}),r._v(" "),e("div",{staticClass:"error-text"},[r._v("\n 404! 很抱歉,页面未找到\n "),e("br"),r._v(" "),e("div",{staticClass:"button",on:{click:function(n){r.$router.push({name:"index"})}}},[r._v("返回首页")])])])};i._withStripped=!0;var s={render:i,staticRenderFns:[]},p=s;var A=!1;var c=e("VU/8")(o,p,!1,function(r){A||e("zqTw")},"data-v-ea0f4bb0",null);c.options.__file="src/components/error.vue";n.default=c.exports},zqTw:function(r,n,e){var t=e("RYpB");"string"==typeof t&&(t=[[r.i,t,""]]),t.locals&&(r.exports=t.locals);e("rjj0")("7406b040",t,!1,{})}});
\ No newline at end of file
This diff is collapsed.
This diff is collapsed.
!function(e){var a=window.webpackJsonp;window.webpackJsonp=function(c,r,t){for(var o,d,b,i=0,u=[];i<c.length;i++)d=c[i],f[d]&&u.push(f[d][0]),f[d]=0;for(o in r)Object.prototype.hasOwnProperty.call(r,o)&&(e[o]=r[o]);for(a&&a(c,r,t);u.length;)u.shift()();if(t)for(i=0;i<t.length;i++)b=n(n.s=t[i]);return b};var c={},f={42:0};function n(a){if(c[a])return c[a].exports;var f=c[a]={i:a,l:!1,exports:{}};return e[a].call(f.exports,f,f.exports,n),f.l=!0,f.exports}n.e=function(e){var a=f[e];if(0===a)return new Promise(function(e){e()});if(a)return a[2];var c=new Promise(function(c,n){a=f[e]=[c,n]});a[2]=c;var r=document.getElementsByTagName("head")[0],t=document.createElement("script");t.type="text/javascript",t.charset="utf-8",t.async=!0,t.timeout=12e4,n.nc&&t.setAttribute("nonce",n.nc),t.src=n.p+"static/js/"+e+"."+{0:"7a0a0d088fa3293773e4",1:"f17ae3475da69e33ed3c",2:"3480e89e177929e0e092",3:"48f0de846e6ce52fda5a",4:"e0e2f883f76d78f28122",5:"e0a6a403e3ada07926b2",6:"c6ea61099a4a2c21e41e",7:"071f9895c1ca3f5b22a5",8:"17b5dee9411a58b64eb8",9:"6b21b01facf38dc18532",10:"aa09fd3470e0fed86271",11:"b414f8bc70807458330b",12:"fc3a3caaa06755878f03",13:"aec72b0e84b7db4b75a5",14:"aa5351a5a8636ae1a152",15:"8c526c387c28b957dc7f",16:"fdf8eca9e1a2110a4ef1",17:"c8bfd07f0deb24c8006c",18:"1c4bde4aae9444be9316",19:"5637cca2c4438812cf5b",20:"b4839fec18e0d551b1fb",21:"e70aae60c5b399d61104",22:"16a3985393de88e09f52",23:"79d64d46f87a7594223c",24:"7157073eeccbe0f0be6e",25:"c5752e7d8cca9ae7fae3",26:"4984774ab189eee97f72",27:"b47b3c16657e21fee47d",28:"3ea3a2c328b729e948f7",29:"4bf51e792924c3a5130c",30:"a05692f1b7030b7c6dd9",31:"a9765e0b6fdcd95aa498",32:"3cbcf038785e803249d0",33:"6455804c94a9c2e46fd3",34:"31345ac77a963ca8a8ae",35:"0268526fb4af5fd83634",36:"0dfcfa91821b40ca7f36",37:"d9fb4c81ec56e9663dd8",38:"9c4d5093f285b54f6078",39:"2fb56e4a184c3d60b1a9"}[e]+".js";var o=setTimeout(d,12e4);function d(){t.onerror=t.onload=null,clearTimeout(o);var a=f[e];0!==a&&(a&&a[1](new Error("Loading chunk "+e+" failed.")),f[e]=void 0)}return t.onerror=t.onload=d,r.appendChild(t),c},n.m=e,n.c=c,n.d=function(e,a,c){n.o(e,a)||Object.defineProperty(e,a,{configurable:!1,enumerable:!0,get:c})},n.n=function(e){var a=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(a,"a",a),a},n.o=function(e,a){return Object.prototype.hasOwnProperty.call(e,a)},n.p="",n.oe=function(e){throw console.error(e),e}}([]);
\ No newline at end of file
!function(e){var f=window.webpackJsonp;window.webpackJsonp=function(a,r,t){for(var o,d,b,i=0,u=[];i<a.length;i++)d=a[i],c[d]&&u.push(c[d][0]),c[d]=0;for(o in r)Object.prototype.hasOwnProperty.call(r,o)&&(e[o]=r[o]);for(f&&f(a,r,t);u.length;)u.shift()();if(t)for(i=0;i<t.length;i++)b=n(n.s=t[i]);return b};var a={},c={41:0};function n(f){if(a[f])return a[f].exports;var c=a[f]={i:f,l:!1,exports:{}};return e[f].call(c.exports,c,c.exports,n),c.l=!0,c.exports}n.e=function(e){var f=c[e];if(0===f)return new Promise(function(e){e()});if(f)return f[2];var a=new Promise(function(a,n){f=c[e]=[a,n]});f[2]=a;var r=document.getElementsByTagName("head")[0],t=document.createElement("script");t.type="text/javascript",t.charset="utf-8",t.async=!0,t.timeout=12e4,n.nc&&t.setAttribute("nonce",n.nc),t.src=n.p+"static/js/"+e+"."+{0:"8d7f6cfec26796e16632",1:"0128591af2ce6a1ba363",2:"a2b6f17abe7cb598878f",3:"df615b23f17a30912d1b",4:"ab9705963931cceff37d",5:"4b301c8e740a130f1af9",6:"ad1648da69d720d39bfb",7:"444d7b0abf9c5e1daf59",8:"28436d121bb2eef7b629",9:"6c3e0678c0b9a1755e94",10:"34cdf9432767e3bc8f10",11:"63527e5eb89ffdf9ff28",12:"477f60ece425a6f8c08c",13:"2569f79a79a47b4a391f",14:"71fb02e362fade22a165",15:"4588b28b2ae64208c395",16:"fdf8eca9e1a2110a4ef1",17:"d2eae3fdfe975500913c",18:"f73b427e020fef051b3c",19:"6d895593c1d98232c19d",20:"f4d25f1003920b27ed35",21:"792d5be12f2c024e0fe1",22:"41f3bbfb7c3c1dc433c0",23:"fb607975ff146827ba3f",24:"97b716b86ed2a52341af",25:"c5752e7d8cca9ae7fae3",26:"df7d25e2d1c4df887454",27:"fee3b3ba9895683c31d5",28:"3bd29884a0becc053c56",29:"88a28b13ef752068d901",30:"9bcd686cd8b422f87c3b",31:"eb6d3a67f0ea7ef6ecd3",32:"36917bae854a9d5d9250",33:"90551372eed114ae129f",34:"47030c121a8712150211",35:"068ee442ab172ea186e8",36:"c9ac77f5e6bf5d548349",37:"2163df37097ba17a8388",38:"484fb0d46b52bbc4cf54"}[e]+".js";var o=setTimeout(d,12e4);function d(){t.onerror=t.onload=null,clearTimeout(o);var f=c[e];0!==f&&(f&&f[1](new Error("Loading chunk "+e+" failed.")),c[e]=void 0)}return t.onerror=t.onload=d,r.appendChild(t),a},n.m=e,n.c=a,n.d=function(e,f,a){n.o(e,f)||Object.defineProperty(e,f,{configurable:!1,enumerable:!0,get:a})},n.n=function(e){var f=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(f,"a",f),f},n.o=function(e,f){return Object.prototype.hasOwnProperty.call(e,f)},n.p="",n.oe=function(e){throw console.error(e),e}}([]);
\ No newline at end of file
webpackJsonp([39],{"+2ln":function(t,e,n){"use strict";var r=n("AA6R"),i=n.n(r),o=n("o69Z"),s=n("rhik"),a=Object(o.h)("info"),c=a[0],l=a[1];function u(t,e,n,r){if(Object(o.c)(e.info))return t("div",i()([{class:l()},Object(s.b)(r,!0)]),[e.info])}u.props={info:[String,Number]};var d=c(u);var h=Object(o.h)("icon")[0];function f(t,e,n,r){var o,a=(o=e.name,/^(https?:)?\/\/|data:image/.test(o));return t(e.tag,i()([{class:[e.classPrefix,a?"van-icon--image":e.classPrefix+"-"+e.name],style:{color:e.color,fontSize:e.size}},Object(s.b)(r,!0)]),[n.default&&n.default(),a&&t("img",{attrs:{src:e.name}}),t(d,{attrs:{info:e.info}})])}f.props={name:String,size:String,color:String,info:[String,Number],tag:{type:String,default:"i"},classPrefix:{type:String,default:"van-icon"}};e.a=h(f)},"+E39":function(t,e,n){t.exports=!n("S82l")(function(){return 7!=Object.defineProperty({},"a",{get:function(){return 7}}).a})},"+ZMJ":function(t,e,n){var r=n("lOnJ");t.exports=function(t,e,n){if(r(t),void 0===e)return t;switch(n){case 1:return function(n){return t.call(e,n)};case 2:return function(n,r){return t.call(e,n,r)};case 3:return function(n,r,i){return t.call(e,n,r,i)}}return function(){return t.apply(e,arguments)}}},"+tPU":function(t,e,n){n("xGkn");for(var r=n("7KvD"),i=n("hJx8"),o=n("/bQp"),s=n("dSzd")("toStringTag"),a="CSSRuleList,CSSStyleDeclaration,CSSValueList,ClientRectList,DOMRectList,DOMStringList,DOMTokenList,DataTransferItemList,FileList,HTMLAllCollection,HTMLCollection,HTMLFormElement,HTMLSelectElement,MediaList,MimeTypeArray,NamedNodeMap,NodeList,PaintRequestList,Plugin,PluginArray,SVGLengthList,SVGNumberList,SVGPathSegList,SVGPointList,SVGStringList,SVGTransformList,SourceBufferList,StyleSheetList,TextTrackCueList,TextTrackList,TouchList".split(","),c=0;c<a.length;c++){var l=a[c],u=r[l],d=u&&u.prototype;d&&!d[s]&&i(d,s,l),o[l]=o.Array}},"//Fk":function(t,e,n){t.exports={default:n("U5ju"),__esModule:!0}},"/QYm":function(t,e,n){"use strict";var r=n("RfZZ"),i=n("7+uW"),o=n("o69Z"),s=n("CsZI"),a=n("+2ln"),c=n("pIDD"),l=Object(o.h)("toast"),u=l[0],d=l[1],h=["success","fail","loading"],f=u({mixins:[s.a],props:{className:null,forbidClick:Boolean,message:[String,Number],type:{type:String,default:"text"},loadingType:{type:String,default:"circular"},position:{type:String,default:"middle"},lockScroll:{type:Boolean,default:!1}},data:function(){return{clickable:!1}},mounted:function(){this.toggleClickale()},destroyed:function(){this.toggleClickale()},watch:{value:function(){this.toggleClickale()},forbidClick:function(){this.toggleClickale()}},methods:{toggleClickale:function(){var t=this.value&&this.forbidClick;if(this.clickable!==t){this.clickable=t;var e=t?"add":"remove";document.body.classList[e]("van-toast--unclickable")}}},render:function(t){var e=this,n=this.type,r=this.message,i=-1!==h.indexOf(n)?"default":n;return t("transition",{attrs:{name:"van-fade"}},[t("div",{directives:[{name:"show",value:this.value}],class:[d([i,this.position]),this.className]},[function(){switch(i){case"text":return t("div",[r]);case"html":return t("div",{domProps:{innerHTML:r}});default:return["loading"===n?t(c.a,{attrs:{color:"white",type:e.loadingType}}):t(a.a,{class:d("icon"),attrs:{name:n}}),Object(o.c)(r)&&t("div",{class:d("text")},[r])]}}()])])}}),p={type:"text",mask:!1,value:!0,message:"",className:"",onClose:null,duration:3e3,position:"middle",forbidClick:!1,loadingType:"circular",getContainer:"body",overlayStyle:null},v=function(t){return Object(o.d)(t)?t:{message:t}},m=[],g=!0,y=Object(r.a)({},p);function _(t){void 0===t&&(t={});var e=function(){if(o.e)return{};if(!m.length||!g){var t=new(i.default.extend(f))({el:document.createElement("div")});m.push(t)}return m[m.length-1]}();return t=Object(r.a)({},y,v(t),{clear:function(){if(e.value=!1,t.onClose&&t.onClose(),!g&&!o.e){clearTimeout(e.timer),m=m.filter(function(t){return t!==e});var n=e.$el.parentNode;n&&n.removeChild(e.$el),e.$destroy()}}}),Object(r.a)(e,function(t){return t.overlay=t.mask,t}(t)),clearTimeout(e.timer),t.duration>0&&(e.timer=setTimeout(function(){e.clear()},t.duration)),e}["loading","success","fail"].forEach(function(t){var e;_[t]=(e=t,function(t){return _(Object(r.a)({type:e},v(t)))})}),_.clear=function(t){m.length&&(t?(m.forEach(function(t){t.clear()}),m=[]):g?m[0].clear():m.shift().clear())},_.setDefaultOptions=function(t){Object(r.a)(y,t)},_.resetDefaultOptions=function(){y=Object(r.a)({},p)},_.allowMultiple=function(t){void 0===t&&(t=!0),g=!t},_.install=function(){i.default.use(f)},i.default.prototype.$toast=_;e.a=_},"/bQp":function(t,e){t.exports={}},"/ocq":function(t,e,n){"use strict";
webpackJsonp([40],{"+2ln":function(t,e,n){"use strict";var r=n("AA6R"),i=n.n(r),o=n("o69Z"),s=n("rhik"),a=Object(o.h)("info"),c=a[0],l=a[1];function u(t,e,n,r){if(Object(o.c)(e.info))return t("div",i()([{class:l()},Object(s.b)(r,!0)]),[e.info])}u.props={info:[String,Number]};var d=c(u);var h=Object(o.h)("icon")[0];function f(t,e,n,r){var o,a=(o=e.name,/^(https?:)?\/\/|data:image/.test(o));return t(e.tag,i()([{class:[e.classPrefix,a?"van-icon--image":e.classPrefix+"-"+e.name],style:{color:e.color,fontSize:e.size}},Object(s.b)(r,!0)]),[n.default&&n.default(),a&&t("img",{attrs:{src:e.name}}),t(d,{attrs:{info:e.info}})])}f.props={name:String,size:String,color:String,info:[String,Number],tag:{type:String,default:"i"},classPrefix:{type:String,default:"van-icon"}};e.a=h(f)},"+E39":function(t,e,n){t.exports=!n("S82l")(function(){return 7!=Object.defineProperty({},"a",{get:function(){return 7}}).a})},"+ZMJ":function(t,e,n){var r=n("lOnJ");t.exports=function(t,e,n){if(r(t),void 0===e)return t;switch(n){case 1:return function(n){return t.call(e,n)};case 2:return function(n,r){return t.call(e,n,r)};case 3:return function(n,r,i){return t.call(e,n,r,i)}}return function(){return t.apply(e,arguments)}}},"+tPU":function(t,e,n){n("xGkn");for(var r=n("7KvD"),i=n("hJx8"),o=n("/bQp"),s=n("dSzd")("toStringTag"),a="CSSRuleList,CSSStyleDeclaration,CSSValueList,ClientRectList,DOMRectList,DOMStringList,DOMTokenList,DataTransferItemList,FileList,HTMLAllCollection,HTMLCollection,HTMLFormElement,HTMLSelectElement,MediaList,MimeTypeArray,NamedNodeMap,NodeList,PaintRequestList,Plugin,PluginArray,SVGLengthList,SVGNumberList,SVGPathSegList,SVGPointList,SVGStringList,SVGTransformList,SourceBufferList,StyleSheetList,TextTrackCueList,TextTrackList,TouchList".split(","),c=0;c<a.length;c++){var l=a[c],u=r[l],d=u&&u.prototype;d&&!d[s]&&i(d,s,l),o[l]=o.Array}},"//Fk":function(t,e,n){t.exports={default:n("U5ju"),__esModule:!0}},"/QYm":function(t,e,n){"use strict";var r=n("RfZZ"),i=n("7+uW"),o=n("o69Z"),s=n("CsZI"),a=n("+2ln"),c=n("pIDD"),l=Object(o.h)("toast"),u=l[0],d=l[1],h=["success","fail","loading"],f=u({mixins:[s.a],props:{className:null,forbidClick:Boolean,message:[String,Number],type:{type:String,default:"text"},loadingType:{type:String,default:"circular"},position:{type:String,default:"middle"},lockScroll:{type:Boolean,default:!1}},data:function(){return{clickable:!1}},mounted:function(){this.toggleClickale()},destroyed:function(){this.toggleClickale()},watch:{value:function(){this.toggleClickale()},forbidClick:function(){this.toggleClickale()}},methods:{toggleClickale:function(){var t=this.value&&this.forbidClick;if(this.clickable!==t){this.clickable=t;var e=t?"add":"remove";document.body.classList[e]("van-toast--unclickable")}}},render:function(t){var e=this,n=this.type,r=this.message,i=-1!==h.indexOf(n)?"default":n;return t("transition",{attrs:{name:"van-fade"}},[t("div",{directives:[{name:"show",value:this.value}],class:[d([i,this.position]),this.className]},[function(){switch(i){case"text":return t("div",[r]);case"html":return t("div",{domProps:{innerHTML:r}});default:return["loading"===n?t(c.a,{attrs:{color:"white",type:e.loadingType}}):t(a.a,{class:d("icon"),attrs:{name:n}}),Object(o.c)(r)&&t("div",{class:d("text")},[r])]}}()])])}}),p={type:"text",mask:!1,value:!0,message:"",className:"",onClose:null,duration:3e3,position:"middle",forbidClick:!1,loadingType:"circular",getContainer:"body",overlayStyle:null},v=function(t){return Object(o.d)(t)?t:{message:t}},m=[],g=!0,y=Object(r.a)({},p);function _(t){void 0===t&&(t={});var e=function(){if(o.e)return{};if(!m.length||!g){var t=new(i.default.extend(f))({el:document.createElement("div")});m.push(t)}return m[m.length-1]}();return t=Object(r.a)({},y,v(t),{clear:function(){if(e.value=!1,t.onClose&&t.onClose(),!g&&!o.e){clearTimeout(e.timer),m=m.filter(function(t){return t!==e});var n=e.$el.parentNode;n&&n.removeChild(e.$el),e.$destroy()}}}),Object(r.a)(e,function(t){return t.overlay=t.mask,t}(t)),clearTimeout(e.timer),t.duration>0&&(e.timer=setTimeout(function(){e.clear()},t.duration)),e}["loading","success","fail"].forEach(function(t){var e;_[t]=(e=t,function(t){return _(Object(r.a)({type:e},v(t)))})}),_.clear=function(t){m.length&&(t?(m.forEach(function(t){t.clear()}),m=[]):g?m[0].clear():m.shift().clear())},_.setDefaultOptions=function(t){Object(r.a)(y,t)},_.resetDefaultOptions=function(){y=Object(r.a)({},p)},_.allowMultiple=function(t){void 0===t&&(t=!0),g=!t},_.install=function(){i.default.use(f)},i.default.prototype.$toast=_;e.a=_},"/bQp":function(t,e){t.exports={}},"/ocq":function(t,e,n){"use strict";
/**
* vue-router v3.0.1
* (c) 2017 Evan You
......
src/assets/yujiBg.png

3.68 KB | W: | H:

src/assets/yujiBg.png

34.8 KB | W: | H:

src/assets/yujiBg.png
src/assets/yujiBg.png
src/assets/yujiBg.png
src/assets/yujiBg.png
  • 2-up
  • Swipe
  • Onion skin
......@@ -2,33 +2,25 @@
<div>
<div class="banner-block">
<img :src="logoUrl">
<img class="topimg" :src="topUrl" alt="">
</div>
<img v-if="sizeChange" class="bottomimg" :src="bottomUrl" alt="">
<div class="form-block" v-if="getPhone==0">
<div class="title">课程激活</div>
<div class="input-block">
<input placeholder="请输入订单号" autofocus="autofocus" type="number" pattern="[0-9]*" v-model="order_id"/>
</div>
<p class="tip">* 订单号请至您购买课程的平台进行查询</p>
<div class="input-block">
<input placeholder="请输入手机号" autofocus="autofocus" type="number" pattern="[0-9]*" v-model="mobile"/>
</div>
<p class="tip">* 如已购买课程,手机号必须填下单时填写的收件人手机号</p>
<div class="input-block">
<input placeholder="请输入图片验证码" oninput="if(value.length>4)value=value.slice(0,4)" type="number" maxlength="4" pattern="[0-9]*" v-model="imgCode"/>
<img class="yzm" src="/api/public/img/verify" ref="imgCode" @click="refImgCode"/>
<input placeholder="请输入图片验证码" oninput="if(value.length>4)value=value.slice(0,4)" type="number" maxlength="4" pattern="[0-9]*" v-model="imgCode"/>
<img src="/api/public/img/verify" class="img" ref="imgCode" @click="refImgCode"/>
</div>
<div class="input-block">
<input placeholder="请输入短信验证码" oninput="if(value.length>4)value=value.slice(0,4)" type="number" maxlength="4" pattern="[0-9]*" v-model="msgCode"/>
<button class="codeMsg right-btn" @click="sendMobileCode" v-if="time===0">验证码</button>
<button class="codeMsg disabled right-btn" v-if="time>0">{{time}}s</button>
<button class="codeMsg right-btn" @click="sendMobileCode" v-if="time===0">发送验证码</button>
<button class="codeMsg disabled right-btn" v-if="time>0">{{time}}s后重新发送</button>
</div>
<div class="btn-block">
<div class="origin btn" ref="btn" @click="bindMobile">
<div class="btn" ref="btn" @click="bindMobile">
确定
</div>
<div class="border btn" ref="btn" @click="bindMobile">
</div>
</div>
</div>
<div class="form-block" v-if="getPhone==1">
......@@ -49,8 +41,6 @@
<script>
import {sendMobileCodeApi,getUserDetailApi,bindMobileApi} from "../../service/api";
import logoUrl from '../../assets/yujiBg.png'
import topUrl from '../../assets/img_cc@2x.png'
import bottomUrl from '../../assets/img_lola@3x.png'
import { Toast } from 'vant';
import common from '../../util/common'
export default {
......@@ -71,35 +61,25 @@
getUserDetailApi().then(res=>{
localStorage.setItem('userDesc',JSON.stringify(res));
this.userDesc = res
// if(this.userDesc.mobile){
// this.getPhone = 1
// }else{
// }
this.getPhone = 0
})
let originClientHeight = document.documentElement.clientHeight
window.onresize=()=>{
// console.log(document.body.clientHeight,'body')
if(originClientHeight>document.documentElement.clientHeight){
this.sizeChange = false
console.log(80)
}else{
this.sizeChange = true
}
// console.log(document.documentElement.clientHeight,'documentElement')
}
},
data(){
return {
logoUrl:logoUrl,
topUrl:topUrl,
bottomUrl:bottomUrl,
mobile:'',
order_id:'',
time:0,
flag:true,
imgCode:'',
msgCode:'',
timeSet:null,
getPhone:'-1',
userDesc:{},
sizeChange:true
userDesc:{}
}
},
methods:{
......@@ -129,6 +109,7 @@
}
this.time=30;
this.timeO();
this.$sa.track('clickSendcode',{});
sendMobileCodeApi(json).then(res=>{
if(res === '操作成功'){
......@@ -154,11 +135,13 @@
this.$sa.quick('trackHeatMap',this.$refs.btn)
if(this.flag){
this.flag = false;
let json = {}
if(this.msgCode===''||!this.msgCode) {
Toast('请输入订单号');
Toast('请填写手机验证码');
return false;
}
let json={
verify_code:this.msgCode
};
let mobileCheck = /^1\d{10,11}$/;
if(this.mobile.match(mobileCheck)){
json.mobile = this.mobile
......@@ -166,12 +149,6 @@
Toast('请正确填写手机号');
return false
}
if(this.msgCode===''||!this.msgCode) {
Toast('请填写手机验证码');
return false;
}
json.verify_code = this.msgCode
json.order_id = this.order_id
if(window.location.href.indexOf('teacher_id') > -1){
json.teacher_id = common.getUrlParam().teacher_id || this.$route.query.teacher_id
}
......@@ -200,103 +177,97 @@
.banner-block{
text-align: center;
position: relative;
height: 100vh;
top: -20 * @toVw;
img{
width: 100%;
}
.topimg{position: absolute;top: 10*@toVw;right: 0;width: 105*@toVw;z-index: 11;}
}
.bottomimg{position: fixed;bottom: 0;width: 133*@toVw;left: 0;z-index: 11;}
.child-view{background: #FFCAC7;}
.form-block{
position: absolute;
position: relative;
z-index: 10;
background: white;
top: 77*@toVw;
left: 29*@toVw;
padding: 20 * @toVw 34 * @toVw 30 * @toVw;
top: -42*@toVw;
padding: 20 * @toVw;
border-radius:20*@toVw;
.tip{font-size: 10*@toVw;color: #FF7875;position: relative;top: -5* @toVw;font-weight: bold;}
.title{text-align: center;font-size: 20*@toVw;margin: 16* @toVw 0 20* @toVw;}
.tip{font-size: 12*@toVw;color: #FF7875;position: absolute;top: 74 * @toVw;left: 47 * @toVw;}
.input-block{
width: 249*@toVw;height: 47*@toVw;
width: 273*@toVw;height: 47*@toVw;
line-height:47*@toVw;
text-indent: 5*@toVw;
border-bottom: 1*@toVw solid #FFCFCD;
margin-bottom: 8 * @toVw;
text-indent: 10*@toVw;
border: 1*@toVw solid #cccccc;
margin-bottom: 26 * @toVw;
position: relative;
.yzm{
border: 1px solid #FFCA68;
.img{
position: absolute;
right:4*@toVw;
width: 72*@toVw;
height: 28*@toVw;
right: 10*@toVw;
width: 100*@toVw;
top: 10*@toVw;
font-size: 12*@toVw;
}
.right-btn{
position: absolute;
right:4*@toVw;
right:10*@toVw;
padding: 0;
width: 58*@toVw;
width: 100*@toVw;
top: 10*@toVw;
height: 25*@toVw;
line-height: 25*@toVw;
font-size: 12*@toVw;
}
input{
padding: 10 * @toVw 0;
font-size:15*@toVw;
font-size:14*@toVw;
background: transparent;
font-family:PingFangSC-Semibold;
// font-weight:500;
color: #333333;
font-weight:600;
color:rgba(0,0,0,1);
line-height:20*@toVw;
outline: none;
border: none;
&::-webkit-input-placeholder{
font-size:14*@toVw;
font-family:PingFangSC-Semibold;
font-weight:600;
color:rgba(204,204,204,1);
line-height:20*@toVw;
} /* 使用webkit内核的浏览器 */
&:-moz-placeholder{
font-size:14*@toVw;
font-family:PingFangSC-Semibold;
font-weight:600;
color:rgba(204,204,204,1);
line-height:20*@toVw;
} /* Firefox版本4-18 */
&::-moz-placeholder{
font-size:14*@toVw;
font-family:PingFangSC-Semibold;
font-weight:600;
color:rgba(204,204,204,1);
line-height:20*@toVw;
} /* Firefox版本19+ */
&:-ms-input-placeholder{
font-size:14*@toVw;
font-family:PingFangSC-Semibold;
font-weight:600;
color:rgba(204,204,204,1);
line-height:20*@toVw;
}
}
}
.btn-block{
text-align: center;margin-top: 20*@toVw;
text-align: center;margin-top: 27*@toVw;
.btn{
width: 195*@toVw;height: 41*@toVw;background:#FF7D77;color: white;line-height:41*@toVw; border-radius: 99*@toVw;
position: relative;
font-weight: bold;
width: 273*@toVw;height: 47*@toVw;background:#FF7D77;color: white;line-height:47*@toVw; border-radius: 4*@toVw;
}
.origin{border:2px solid white;}
.border{position: relative;top: -39*@toVw;z-index:-1;}
}
}
.codeMsg{
border-radius:99*@toVw;
border:none;
background: #FF7D77;
color: white;
border-radius:4*@toVw;
border:1*@toVw solid rgba(96,173,240,1);
background: white;
color: rgb(96,173,240);
outline: none;
float: right;
padding: 8*@toVw 16*@toVw;
......@@ -314,20 +285,4 @@
bottom: 0;
width: 375 * @toVw;
}
@media screen and (min-aspect-ratio:"9/16"){
.banner-block{
.topimg{position: absolute;top: 6vh;}
}
.form-block{
top: 16vh;
}
}
// @media screen and (aspect-ratio:"9/16"){
// .banner-block{
// .topimg{position: absolute;top: 10*@toVw;}
// }
// .form-block{
// top: 16vh;
// }
// }
</style>
<template>
<div>
<div class="banner-block">
<img :src="logoUrl">
<img class="topimg" :src="topUrl" alt="">
</div>
<img v-if="sizeChange" class="bottomimg" :src="bottomUrl" alt="">
<div class="form-block" v-if="getPhone==0">
<div class="title">课程激活</div>
<div class="input-block">
<input placeholder="请输入订单号" autofocus="autofocus" type="number" pattern="[0-9]*" v-model="order_id"/>
</div>
<p class="tip">* 订单号请至您购买课程的平台进行查询</p>
<div class="input-block">
<input placeholder="请输入手机号" autofocus="autofocus" type="number" pattern="[0-9]*" v-model="mobile"/>
</div>
<div class="input-block">
<input placeholder="请输入图片验证码" oninput="if(value.length>4)value=value.slice(0,4)" type="number" maxlength="4" pattern="[0-9]*" v-model="imgCode"/>
<img class="yzm" src="/api/public/img/verify" ref="imgCode" @click="refImgCode"/>
</div>
<div class="input-block">
<input placeholder="请输入短信验证码" oninput="if(value.length>4)value=value.slice(0,4)" type="number" maxlength="4" pattern="[0-9]*" v-model="msgCode"/>
<button class="codeMsg right-btn" @click="sendMobileCode" v-if="time===0">验证码</button>
<button class="codeMsg disabled right-btn" v-if="time>0">{{time}}s</button>
</div>
<div class="btn-block">
<div class="origin btn" ref="btn" @click="bindMobile">
确定
</div>
<div class="border btn" ref="btn" @click="bindMobile">
</div>
</div>
</div>
<div class="form-block" v-if="getPhone==1">
<div class="input-block">
<input v-model="userDesc.mobile"/>
<button class="codeMsg right-btn" @click="changeMoblie" >更换手机号</button>
</div>
<p class="tip">* 如果您的订单手机号为上述手机号直接点下方确定按钮即可</p>
<div class="btn-block">
<div class="btn" ref="btn" style="margin-top:100px;" @click="goList">
确定
</div>
</div>
</div>
</div>
</template>
<script>
import {sendMobileCodeApi,getUserDetailApi,orderTransApi} from "../../service/api";
import logoUrl from '../../assets/yujiBg2.png'
import topUrl from '../../assets/img_cc@2x.png'
import bottomUrl from '../../assets/img_lola@3x.png'
import { Toast } from 'vant';
import common from '../../util/common'
export default {
name: "inspectorActivit",
mounted(){
getUserDetailApi().then(res=>{
localStorage.setItem('userDesc',JSON.stringify(res));
this.userDesc = res
this.getPhone = 0
})
let originClientHeight = document.documentElement.clientHeight
window.onresize=()=>{
// console.log(document.body.clientHeight,'body')
if(originClientHeight>document.documentElement.clientHeight){
this.sizeChange = false
console.log(80)
}else{
this.sizeChange = true
}
// console.log(document.documentElement.clientHeight,'documentElement')
}
},
data(){
return {
logoUrl:logoUrl,
topUrl:topUrl,
bottomUrl:bottomUrl,
mobile:'',
order_id:'',
time:0,
flag:true,
imgCode:'',
msgCode:'',
timeSet:null,
getPhone:'-1',
userDesc:{},
sizeChange:true
}
},
methods:{
goList(){
this.$router.replace({name:'inspectorList'});
},
changeMoblie(){
this.getPhone = 0;
},
refImgCode(){
this.$refs.imgCode.src='/api/public/img/verify?flag='+Math.random()
},
sendMobileCode(){
if(this.imgCode===''||!this.imgCode){
Toast('请填写图形验证码');
return false;
}
let json={
img_code:this.imgCode
};
let mobileCheck = /^1\d{10,11}$/;
if(this.mobile.match(mobileCheck)){
json.mobile = this.mobile
}else{
Toast('请正确填写手机号');
return false
}
this.time=30;
this.timeO();
this.$sa.track('clickSendcode',{});
sendMobileCodeApi(json).then(res=>{
if(res === '操作成功'){
Toast('验证码已发送');
}else{
this.time = 0;
this.refImgCode();
Toast(res);
}
}).catch(res=>{
this.refImgCode();
})
},
timeO(){
if(this.time>0){
this.time--;
setTimeout(()=>{
this.timeO()
},1000)
}
},
bindMobile(){
this.$sa.quick('trackHeatMap',this.$refs.btn)
if(this.flag){
this.flag = false;
let json = {}
if(this.msgCode===''||!this.msgCode) {
Toast('请输入订单号');
return false;
}
let mobileCheck = /^1\d{10,11}$/;
if(this.mobile.match(mobileCheck)){
json.mobile = this.mobile
}else{
Toast('请正确填写手机号');
return false
}
if(this.msgCode===''||!this.msgCode) {
Toast('请填写手机验证码');
return false;
}
json.verify_code = this.msgCode
json.order_id = this.order_id
if(window.location.href.indexOf('teacher_id') > -1){
json.teacher_id = common.getUrlParam().teacher_id || this.$route.query.teacher_id
}
// if(window.location.href.indexOf('source') > -1){
// json.source = common.getUrlParam().source || this.$route.query.source
// }
orderTransApi(json,this.order_id).then(data=>{
this.Toast(data)
}).catch(res=>{
this.Toast(res)
})
}
}
}
}
</script>
<style scoped lang="less">
@import "../../util/public";
.banner-block{
text-align: center;
position: relative;
height: 100vh;
img{
width: 100%;
}
.topimg{position: absolute;top: 10*@toVw;right: 0;width: 105*@toVw;z-index: 11;}
}
.bottomimg{position: fixed;bottom: 0;width: 133*@toVw;left: 0;z-index: 11;}
.child-view{background: #FFCAC7;}
.form-block{
position: absolute;
z-index: 10;
background: white;
top: 77*@toVw;
left: 29*@toVw;
padding: 20 * @toVw 34 * @toVw 30 * @toVw;
border-radius:20*@toVw;
.tip{font-size: 10*@toVw;color: #FF7875;position: relative;top: -5* @toVw;font-weight: bold;}
.title{text-align: center;font-size: 20*@toVw;margin: 16* @toVw 0 20* @toVw;}
.input-block{
width: 249*@toVw;height: 47*@toVw;
line-height:47*@toVw;
text-indent: 5*@toVw;
border-bottom: 1*@toVw solid #FFCFCD;
margin-bottom: 8 * @toVw;
position: relative;
.yzm{
border: 1px solid #FFCA68;
position: absolute;
right:4*@toVw;
width: 72*@toVw;
height: 28*@toVw;
top: 10*@toVw;
font-size: 12*@toVw;
}
.right-btn{
position: absolute;
right:4*@toVw;
padding: 0;
width: 58*@toVw;
top: 10*@toVw;
height: 25*@toVw;
line-height: 25*@toVw;
font-size: 12*@toVw;
}
input{
padding: 10 * @toVw 0;
font-size:15*@toVw;
background: transparent;
font-family:PingFangSC-Semibold;
// font-weight:500;
color: #333333;
line-height:20*@toVw;
outline: none;
border: none;
&::-webkit-input-placeholder{
font-size:14*@toVw;
font-family:PingFangSC-Semibold;
color:rgba(204,204,204,1);
line-height:20*@toVw;
} /* 使用webkit内核的浏览器 */
&:-moz-placeholder{
font-size:14*@toVw;
font-family:PingFangSC-Semibold;
color:rgba(204,204,204,1);
line-height:20*@toVw;
} /* Firefox版本4-18 */
&::-moz-placeholder{
font-size:14*@toVw;
font-family:PingFangSC-Semibold;
color:rgba(204,204,204,1);
line-height:20*@toVw;
} /* Firefox版本19+ */
&:-ms-input-placeholder{
font-size:14*@toVw;
font-family:PingFangSC-Semibold;
color:rgba(204,204,204,1);
line-height:20*@toVw;
}
}
}
.btn-block{
text-align: center;margin-top: 20*@toVw;
.btn{
width: 195*@toVw;height: 41*@toVw;background:#FF7D77;color: white;line-height:41*@toVw; border-radius: 99*@toVw;
position: relative;
font-weight: bold;
}
.origin{border:2px solid white;}
.border{position: relative;top: -39*@toVw;z-index:-1;}
}
}
.codeMsg{
border-radius:99*@toVw;
border:none;
background: #FF7D77;
color: white;
outline: none;
float: right;
padding: 8*@toVw 16*@toVw;
&.disabled{
opacity: 0.5;
}
}
#myCanvas{
position: absolute;
z-index: -1;
opacity: 0.2;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 375 * @toVw;
}
@media screen and (min-aspect-ratio:"9/16"){
.banner-block{
.topimg{position: absolute;top: 6vh;}
}
.form-block{
top: 16vh;
}
}
// @media screen and (aspect-ratio:"9/16"){
// .banner-block{
// .topimg{position: absolute;top: 10*@toVw;}
// }
// .form-block{
// top: 16vh;
// }
// }
</style>
......@@ -39,6 +39,15 @@ const router =new Router({
title:'唱唱启蒙'
}
},
{
path: '/orderTrans',
name: 'orderTrans',
component: e=>require(['@/components/orderTrans/index'],e),//
meta:{
deep:0,
noNew:true,
}
},
{
path: '/subAccept',
name: 'subAccept',
......
......@@ -146,6 +146,11 @@ const bindMobileUrl = `${_baseUrl}api/client/user/mobile/bind`;
export const bindMobileApi = function (json) {
return Vue.prototype.$put(bindMobileUrl,json)
};
// 用户通过订单号换课
// const bindMobileUrl = `${_baseUrl}api/client/user/mobile/bind/`;
export const orderTransApi = function (json,order_id) {
return Vue.prototype.$put(bindMobileUrl+order_id,json)
};
// 获取引导参数
const getGuideUrl =`${_baseUrl}api/client/user/bootPage`;
export const getGuideApi = function (json) {
......
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