617

parent 3bb886e0
......@@ -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.e8742ac03569444e6b90.js></script><script type=text/javascript src=static/js/vendor.1396ea78033e4259211e.js></script><script type=text/javascript src=static/js/app.1f8c30d70cea6823b3d5.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.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
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 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.
webpackJsonp([24],{"5iK7":function(n,t,a){n.exports=a.p+"static/img/no.415cb0b.png"},CpNa:function(n,t,a){var e=a("jcJe");"string"==typeof e&&(e=[[n.i,e,""]]),e.locals&&(n.exports=e.locals);a("rjj0")("93ba84f6",e,!1,{})},jcJe:function(n,t,a){(n.exports=a("FZ+f")(!0)).push([n.i,"\n.fl-r[data-v-55b47e52] {\n float: right;\n}\n.main-block[data-v-55b47e52] {\n margin: 5px;\n background: white;\n padding: 5px;\n}\n.clear-both[data-v-55b47e52]:after {\n content: '';\n display: block;\n clear: both;\n}\n[data-v-55b47e52]::-webkit-scrollbar-track-piece {\n border-radius: 10px;\n}\n[data-v-55b47e52]::-webkit-scrollbar {\n width: 5px;\n height: 5px;\n}\n[data-v-55b47e52]::-webkit-scrollbar-thumb {\n background-color: #999;\n border-radius: 10px;\n min-height: 10px;\n}\n@-webkit-keyframes myfirst-data-v-55b47e52 {\n0% {\n -webkit-transform: scale(1);\n}\n50% {\n -webkit-transform: scale(1.1);\n}\n100% {\n -webkit-transform: scale(1);\n}\n}\n.van-button--info[data-v-55b47e52] {\n background: #40A9FF;\n border: 1px solid #40A9FF;\n}\n.van-popup[data-v-55b47e52] {\n background: transparent;\n}\n.noWechat-page[data-v-55b47e52] {\n text-align: center;\n font-size: 18px;\n}\n.noWechat-page img[data-v-55b47e52] {\n width: 70%;\n}\n.noWechat-page .text-block[data-v-55b47e52] {\n font-size: 3.73333333vw;\n}\n.noWechat-page .text-block .title[data-v-55b47e52] {\n font-size: 8vw;\n margin-bottom: 2.66666667vw;\n}\n","",{version:3,sources:["C:/Users/Administrator/Desktop/h5/wechat/src/components/noWechat.vue"],names:[],mappings:";AACA;EACE,aAAa;CACd;AACD;EACE,YAAY;EACZ,kBAAkB;EAClB,aAAa;CACd;AACD;EACE,YAAY;EACZ,eAAe;EACf,YAAY;CACb;AACD;EACE,oBAAoB;CACrB;AACD;EACE,WAAW;EACX,YAAY;CACb;AACD;EACE,uBAAuB;EACvB,oBAAoB;EACpB,iBAAiB;CAClB;AACD;AACA;IACI,4BAA4B;CAC/B;AACD;IACI,8BAA8B;CACjC;AACD;IACI,4BAA4B;CAC/B;CACA;AACD;EACE,oBAAoB;EACpB,0BAA0B;CAC3B;AACD;EACE,wBAAwB;CACzB;AACD;EACE,mBAAmB;EACnB,gBAAgB;CACjB;AACD;EACE,WAAW;CACZ;AACD;EACE,wBAAwB;CACzB;AACD;EACE,eAAe;EACf,4BAA4B;CAC7B",file:"noWechat.vue",sourcesContent:["\n.fl-r[data-v-55b47e52] {\n float: right;\n}\n.main-block[data-v-55b47e52] {\n margin: 5px;\n background: white;\n padding: 5px;\n}\n.clear-both[data-v-55b47e52]:after {\n content: '';\n display: block;\n clear: both;\n}\n[data-v-55b47e52]::-webkit-scrollbar-track-piece {\n border-radius: 10px;\n}\n[data-v-55b47e52]::-webkit-scrollbar {\n width: 5px;\n height: 5px;\n}\n[data-v-55b47e52]::-webkit-scrollbar-thumb {\n background-color: #999;\n border-radius: 10px;\n min-height: 10px;\n}\n@-webkit-keyframes myfirst-data-v-55b47e52 {\n0% {\n -webkit-transform: scale(1);\n}\n50% {\n -webkit-transform: scale(1.1);\n}\n100% {\n -webkit-transform: scale(1);\n}\n}\n.van-button--info[data-v-55b47e52] {\n background: #40A9FF;\n border: 1px solid #40A9FF;\n}\n.van-popup[data-v-55b47e52] {\n background: transparent;\n}\n.noWechat-page[data-v-55b47e52] {\n text-align: center;\n font-size: 18px;\n}\n.noWechat-page img[data-v-55b47e52] {\n width: 70%;\n}\n.noWechat-page .text-block[data-v-55b47e52] {\n font-size: 3.73333333vw;\n}\n.noWechat-page .text-block .title[data-v-55b47e52] {\n font-size: 8vw;\n margin-bottom: 2.66666667vw;\n}\n"],sourceRoot:""}])},nmbt:function(n,t,a){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var e=a("5iK7"),A=a.n(e),o={name:"noWechat",data:function(){return{noUrl:A.a}}},r=function(){var n=this.$createElement,t=this._self._c||n;return t("div",{staticClass:"noWechat-page"},[t("img",{attrs:{src:this.noUrl}}),this._v(" "),this._m(0)])};r._withStripped=!0;var i={render:r,staticRenderFns:[function(){var n=this.$createElement,t=this._self._c||n;return t("div",{staticClass:"text-block"},[t("div",{staticClass:"title"},[this._v("\n 请在微信中打开链接\n ")]),this._v("\n 您可以复制链接后,粘贴到微信任意对话框,\n "),t("br"),this._v("\n 或发送给微信中的任意好友,\n "),t("br"),this._v("\n 点击链接即可查看哦~\n ")])}]},s=i;var b=!1;var c=a("VU/8")(o,s,!1,function(n){b||a("CpNa")},"data-v-55b47e52",null);c.options.__file="src/components/noWechat.vue";t.default=c.exports}});
\ No newline at end of file
webpackJsonp([25],{"5iK7":function(n,t,a){n.exports=a.p+"static/img/no.415cb0b.png"},CpNa:function(n,t,a){var e=a("jcJe");"string"==typeof e&&(e=[[n.i,e,""]]),e.locals&&(n.exports=e.locals);a("rjj0")("93ba84f6",e,!1,{})},jcJe:function(n,t,a){(n.exports=a("FZ+f")(!0)).push([n.i,"\n.fl-r[data-v-55b47e52] {\n float: right;\n}\n.main-block[data-v-55b47e52] {\n margin: 5px;\n background: white;\n padding: 5px;\n}\n.clear-both[data-v-55b47e52]:after {\n content: '';\n display: block;\n clear: both;\n}\n[data-v-55b47e52]::-webkit-scrollbar-track-piece {\n border-radius: 10px;\n}\n[data-v-55b47e52]::-webkit-scrollbar {\n width: 5px;\n height: 5px;\n}\n[data-v-55b47e52]::-webkit-scrollbar-thumb {\n background-color: #999;\n border-radius: 10px;\n min-height: 10px;\n}\n@-webkit-keyframes myfirst-data-v-55b47e52 {\n0% {\n -webkit-transform: scale(1);\n}\n50% {\n -webkit-transform: scale(1.1);\n}\n100% {\n -webkit-transform: scale(1);\n}\n}\n.van-button--info[data-v-55b47e52] {\n background: #40A9FF;\n border: 1px solid #40A9FF;\n}\n.van-popup[data-v-55b47e52] {\n background: transparent;\n}\n.noWechat-page[data-v-55b47e52] {\n text-align: center;\n font-size: 18px;\n}\n.noWechat-page img[data-v-55b47e52] {\n width: 70%;\n}\n.noWechat-page .text-block[data-v-55b47e52] {\n font-size: 3.73333333vw;\n}\n.noWechat-page .text-block .title[data-v-55b47e52] {\n font-size: 8vw;\n margin-bottom: 2.66666667vw;\n}\n","",{version:3,sources:["C:/Users/Administrator/Desktop/h5/wechat/src/components/noWechat.vue"],names:[],mappings:";AACA;EACE,aAAa;CACd;AACD;EACE,YAAY;EACZ,kBAAkB;EAClB,aAAa;CACd;AACD;EACE,YAAY;EACZ,eAAe;EACf,YAAY;CACb;AACD;EACE,oBAAoB;CACrB;AACD;EACE,WAAW;EACX,YAAY;CACb;AACD;EACE,uBAAuB;EACvB,oBAAoB;EACpB,iBAAiB;CAClB;AACD;AACA;IACI,4BAA4B;CAC/B;AACD;IACI,8BAA8B;CACjC;AACD;IACI,4BAA4B;CAC/B;CACA;AACD;EACE,oBAAoB;EACpB,0BAA0B;CAC3B;AACD;EACE,wBAAwB;CACzB;AACD;EACE,mBAAmB;EACnB,gBAAgB;CACjB;AACD;EACE,WAAW;CACZ;AACD;EACE,wBAAwB;CACzB;AACD;EACE,eAAe;EACf,4BAA4B;CAC7B",file:"noWechat.vue",sourcesContent:["\n.fl-r[data-v-55b47e52] {\n float: right;\n}\n.main-block[data-v-55b47e52] {\n margin: 5px;\n background: white;\n padding: 5px;\n}\n.clear-both[data-v-55b47e52]:after {\n content: '';\n display: block;\n clear: both;\n}\n[data-v-55b47e52]::-webkit-scrollbar-track-piece {\n border-radius: 10px;\n}\n[data-v-55b47e52]::-webkit-scrollbar {\n width: 5px;\n height: 5px;\n}\n[data-v-55b47e52]::-webkit-scrollbar-thumb {\n background-color: #999;\n border-radius: 10px;\n min-height: 10px;\n}\n@-webkit-keyframes myfirst-data-v-55b47e52 {\n0% {\n -webkit-transform: scale(1);\n}\n50% {\n -webkit-transform: scale(1.1);\n}\n100% {\n -webkit-transform: scale(1);\n}\n}\n.van-button--info[data-v-55b47e52] {\n background: #40A9FF;\n border: 1px solid #40A9FF;\n}\n.van-popup[data-v-55b47e52] {\n background: transparent;\n}\n.noWechat-page[data-v-55b47e52] {\n text-align: center;\n font-size: 18px;\n}\n.noWechat-page img[data-v-55b47e52] {\n width: 70%;\n}\n.noWechat-page .text-block[data-v-55b47e52] {\n font-size: 3.73333333vw;\n}\n.noWechat-page .text-block .title[data-v-55b47e52] {\n font-size: 8vw;\n margin-bottom: 2.66666667vw;\n}\n"],sourceRoot:""}])},nmbt:function(n,t,a){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var e=a("5iK7"),A=a.n(e),o={name:"noWechat",data:function(){return{noUrl:A.a}}},r=function(){var n=this.$createElement,t=this._self._c||n;return t("div",{staticClass:"noWechat-page"},[t("img",{attrs:{src:this.noUrl}}),this._v(" "),this._m(0)])};r._withStripped=!0;var i={render:r,staticRenderFns:[function(){var n=this.$createElement,t=this._self._c||n;return t("div",{staticClass:"text-block"},[t("div",{staticClass:"title"},[this._v("\n 请在微信中打开链接\n ")]),this._v("\n 您可以复制链接后,粘贴到微信任意对话框,\n "),t("br"),this._v("\n 或发送给微信中的任意好友,\n "),t("br"),this._v("\n 点击链接即可查看哦~\n ")])}]},s=i;var b=!1;var c=a("VU/8")(o,s,!1,function(n){b||a("CpNa")},"data-v-55b47e52",null);c.options.__file="src/components/noWechat.vue";t.default=c.exports}});
\ No newline at end of file
This diff is collapsed.
!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
!function(e){var a=window.webpackJsonp;window.webpackJsonp=function(c,r,t){for(var b,d,o,i=0,u=[];i<c.length;i++)d=c[i],f[d]&&u.push(f[d][0]),f[d]=0;for(b in r)Object.prototype.hasOwnProperty.call(r,b)&&(e[b]=r[b]);for(a&&a(c,r,t);u.length;)u.shift()();if(t)for(i=0;i<t.length;i++)o=n(n.s=t[i]);return o};var c={},f={41: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:"e0a157264831bd2b9901",1:"067eb29318c0050830ab",2:"a2b6f17abe7cb598878f",3:"df615b23f17a30912d1b",4:"81f114f6d9f17c65242c",5:"4b301c8e740a130f1af9",6:"ad1648da69d720d39bfb",7:"444d7b0abf9c5e1daf59",8:"28436d121bb2eef7b629",9:"6c3e0678c0b9a1755e94",10:"34cdf9432767e3bc8f10",11:"63527e5eb89ffdf9ff28",12:"477f60ece425a6f8c08c",13:"2569f79a79a47b4a391f",14:"faf8b426fde50aebbf71",15:"7ed79964df837616767d",16:"3b2d791b2189be05aee4",17:"fec7400f11507033191b",18:"f6d28946ec7e53987ea1",19:"3268052ca4bd9410680a",20:"8b98e80acb1e2b230a38",21:"c5b97c20eeab081ca77e",22:"971be874abb8c99a251f",23:"95dd7cde0fd5f3d5dc48",24:"d71f9865d3c4d59dd149",25:"313cea5f48b249877b34",26:"a429ab1b776443ddf32a",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 b=setTimeout(d,12e4);function d(){t.onerror=t.onload=null,clearTimeout(b);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
src/assets/yujiBg.png

34.8 KB | W: | H:

src/assets/yujiBg.png

3.68 KB | W: | H:

src/assets/yujiBg.png
src/assets/yujiBg.png
src/assets/yujiBg.png
src/assets/yujiBg.png
  • 2-up
  • Swipe
  • Onion skin
......@@ -6,7 +6,6 @@
<script type="text/ecmascript-6">
import BScroll from 'better-scroll'
export default {
props: {
probeType: {
......@@ -44,6 +43,14 @@
bounce: {
type: Boolean,
default: true
},
scrollX: {
type: Boolean,
default: false
},
scrollY: {
type: Boolean,
default: true
}
},
mounted() {
......@@ -59,7 +66,9 @@
this.scroll = new BScroll(this.$refs.wrapper, {
probeType: this.probeType,
click: this.click,
bounce:this.bounce
bounce:this.bounce,
scrollX:this.scrollX,
scrollY:this.scrollY
})
if (this.listenScroll) {
......
......@@ -85,11 +85,6 @@
moreUrl:moreUrl,
refIcon:refIcon,
noData: noData,
swiperOption: {
pagination: {
el: '.swiper-pagination'
}
},
QRCodeB:false,
dataURL:null,
user_id:null,
......
......@@ -2,25 +2,33 @@
<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 src="/api/public/img/verify" class="img" 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 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>
<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="btn" ref="btn" @click="bindMobile">
<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">
......@@ -41,6 +49,8 @@
<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 {
......@@ -61,25 +71,35 @@
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:{}
userDesc:{},
sizeChange:true
}
},
methods:{
......@@ -109,7 +129,6 @@
}
this.time=30;
this.timeO();
this.$sa.track('clickSendcode',{});
sendMobileCodeApi(json).then(res=>{
if(res === '操作成功'){
......@@ -135,13 +154,11 @@
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
......@@ -149,6 +166,12 @@
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
}
......@@ -177,97 +200,102 @@
.banner-block{
text-align: center;
position: relative;
top: -20 * @toVw;
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: relative;
position: absolute;
z-index: 10;
background: white;
top: -42*@toVw;
padding: 20 * @toVw;
top: 77*@toVw;
left: 29*@toVw;
padding: 20 * @toVw 34 * @toVw 30 * @toVw;
border-radius:20*@toVw;
.tip{font-size: 12*@toVw;color: #FF7875;position: absolute;top: 74 * @toVw;left: 47 * @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: 273*@toVw;height: 47*@toVw;
width: 249*@toVw;height: 47*@toVw;
line-height:47*@toVw;
text-indent: 10*@toVw;
border: 1*@toVw solid #cccccc;
margin-bottom: 26 * @toVw;
text-indent: 5*@toVw;
border-bottom: 1*@toVw solid #FFCFCD;
margin-bottom: 8 * @toVw;
position: relative;
.img{
.yzm{
border: 1px solid #FFCA68;
position: absolute;
right: 10*@toVw;
width: 100*@toVw;
right:4*@toVw;
width: 72*@toVw;
height: 28*@toVw;
top: 10*@toVw;
font-size: 12*@toVw;
}
.right-btn{
position: absolute;
right:10*@toVw;
right:4*@toVw;
padding: 0;
width: 100*@toVw;
width: 58*@toVw;
top: 10*@toVw;
height: 25*@toVw;
line-height: 25*@toVw;
font-size: 12*@toVw;
}
input{
padding: 10 * @toVw 0;
font-size:14*@toVw;
font-size:15*@toVw;
background: transparent;
font-family:PingFangSC-Semibold;
font-weight:600;
color:rgba(0,0,0,1);
font-weight:500;
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: 27*@toVw;
text-align: center;margin-top: 20*@toVw;
.btn{
width: 273*@toVw;height: 47*@toVw;background:#FF7D77;color: white;line-height:47*@toVw; border-radius: 4*@toVw;
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:4*@toVw;
border:1*@toVw solid rgba(96,173,240,1);
background: white;
color: rgb(96,173,240);
border-radius:99*@toVw;
border:none;
background: #FF7D77;
color: white;
outline: none;
float: right;
padding: 8*@toVw 16*@toVw;
......@@ -285,4 +313,20 @@
bottom: 0;
width: 375 * @toVw;
}
@media screen and (min-aspect-ratio:~"1/2"){
.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>
......@@ -294,6 +294,7 @@
}
this.$refs.audio.pause();
this.playFlag = false
// console.log(this.$refs.imgItem)
var iTransform = getComputedStyle(this.$refs.imgItem).transform;
var cTransform = getComputedStyle(this.$refs.imageBlock).transform;
this.$refs.imageBlock.style.transform = cTransform === 'none'
......
......@@ -31,20 +31,18 @@
<div class="age-change-block video" v-if="showObj.video.length > 1 && videoShow&&!orientationchange">
<div @click="videoIndex= index;videoShow=false;sendConsole('多视频选择视频')" v-for="(item,index) in showObj.video">视频({{index+1}})<i :class="{'playImage _282918034425091245':index === videoIndex}" v-if="contentData.age === 1"></i></div>
</div>
<scroll class="scroll" :data="showObj.video" ref="scrollDom" :scrollX="true" :bounce="true" >
<div class="itemBox" ref="itembox">
<div class="item" v-for="(i,index) in testCount" @click="scrollFn(index)" >
{{index}}
</div>
</div>
</scroll>
<div class="age-change-block ageclass" v-if="contentData.content.age ">
<p>年龄段选择</p>
<div :class="{activity:contentData.age == 1}" @click="contentData.age = 1;sendConsole('选择分龄')">0-3岁</div>
<div :class="{activity:contentData.age == 2}" @click="contentData.age = 2;sendConsole('选择分龄')">4-6岁</div>
</div>
<!-- <div class="orientationchangeBox" v-if="showObj.video.length > 1&&!orientationchange">
<p>选集</p>
<swiper :options="swiperOption" ref="mySwiper" v-if="showObj.video.length > 1&&!orientationchange" >
<swiper-slide v-for="(item,index) in showObj.video" :class="{activity:index==videoIndex}" >
<img :src="item.url+'?vframe/jpg/offset/3'" alt @click="swiperback(index)">
</swiper-slide>
</swiper>
</div> -->
<div class="parent-finish">
<div class="finish-block" v-if="nowShow === 3">
<img :src="finishStuat" @click="finishStudy">
......@@ -69,8 +67,6 @@
import {subUserLessonApi,getUserWatchApi} from "../../service/api";
import tapToAudio from '../../assets/tapToAudio.png'
import finishStuat from '../../assets/newLesson/finishStudy.png'
// import 'swiper/dist/css/swiper.css'
// import { swiper, swiperSlide } from 'vue-awesome-swiper'
import noFinishDia from './nofinishdia'
import sharePage from './share'
import starBlock from './star'
......@@ -80,21 +76,9 @@
noFinishDia,
sharePage,
starBlock,
// swiper,
// swiperSlide
},
data(){
return{
swiperOption: {
pagination: {
el: ".swiper-pagination",
clickable: true,
},
slidesPerView: 5,
spaceBetween: 30,
// centeredSlides: true,
slideToClickedSlide:true
},
finishStuat:finishStuat,
popupVisible:false,
ageShow:false,
......@@ -111,7 +95,8 @@
luolalaila:luolalaila,
tapToAudio:tapToAudio
},
orientationchange:false
orientationchange:false,
testCount:5
}
},
props:[
......@@ -133,6 +118,24 @@
},false);
},
methods:{
scrollFn(index){
let parentwidth = Number(getComputedStyle(document.querySelector('.scroll')).width.replace('px',''))
let itemBoxWidth = Number(getComputedStyle(document.querySelector('.itemBox')).width.replace('px',''))
console.log(itemBoxWidth)
let difWidth = (parentwidth/2)-45
if(index*90>difWidth){
console.log(difWidth)
let indexS = index - 1
if((index*90-difWidth)<(itemBoxWidth-parentwidth)){
this.$refs.scrollDom.scrollTo(-(index*90-difWidth),0,100)
}else{
this.$refs.scrollDom.scrollTo(-(itemBoxWidth-parentwidth),0,100)
}
}else{
this.$refs.scrollDom.scrollTo(0,0,100)
}
},
swiperback(index){
this.videoIndex = index
this.sendConsole('多视频选择视频')
......@@ -235,6 +238,7 @@
change:this.contentData.content.change
}
}
this.$refs.itembox.style.width = this.testCount*100+'px'
}
},
watch:{
......@@ -264,13 +268,20 @@
.orientationchangeBox{
p{text-align: center;margin-bottom: 10*@toVw;}
}
.swiper-container{
img{width: 90*@toVw;border: 3px solid transparent;border-radius: 12*@toVw; }
}
.swiper-container .activity{
img{
border: 3px solid #69C0FF;
// box-sizing: border-box;
.scroll{
width: 310*@toVw;
overflow: hidden;
// position: fixed;
.itemBox{
// width: 600*@toVw;
display: flex;
.item{
// display: inline-block;
flex: 1;
width: 100px;
height: 100px;
border: 1px solid black;
}
}
}
.video-page{
......
......@@ -41,9 +41,9 @@ Vue.component('scroll', scroll);
/* eslint-disable no-new */
// if(process.env.NODE_ENV != 'production'){
// var vConsole = new VConsole();
// }
if(process.env.NODE_ENV != 'production'){
var vConsole = new VConsole();
}
router.beforeEach((to, from, next) => {
next()
......
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