Skip to content

H
h5-base
Commit 0c4cde72 authored by chenyishuai@singsingenglish.com's avatar chenyishuai@singsingenglish.com
Browse files
Options

617

parent 3bb886e0
Expand all Show whitespace changes
Inline Side-by-side
Showing with 165 additions and 105 deletions
dev/index.html
View file @ 0c4cde72
...@@ -6,4 +6,4 @@ ...@@ -6,4 +6,4 @@
overflow: hidden; overflow: hidden;
position: fixed; position: fixed;
background: #f4f4f4; 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> }</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 \ No newline at end of file
dev/static/js/0.e0a157264831bd2b9901.js → dev/static/js/0.8d7f6cfec26796e16632.js
View file @ 0c4cde72
This source diff could not be displayed because it is too large. You can view the blob instead.
dev/static/js/1.0128591af2ce6a1ba363.js 0 → 100644
View file @ 0c4cde72
This source diff could not be displayed because it is too large. You can view the blob instead.
dev/static/js/1.067eb29318c0050830ab.js deleted 100644 → 0
View file @ 3bb886e0
This source diff could not be displayed because it is too large. You can view the blob instead.
dev/static/js/14.71fb02e362fade22a165.js 0 → 100644
View file @ 0c4cde72
This diff is collapsed.
dev/static/js/16.3b2d791b2189be05aee4.js → dev/static/js/17.d2eae3fdfe975500913c.js
View file @ 0c4cde72
This source diff could not be displayed because it is too large. You can view the blob instead.
dev/static/js/24.d71f9865d3c4d59dd149.js → dev/static/js/25.c5752e7d8cca9ae7fae3.js
View file @ 0c4cde72
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}}); 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 \ No newline at end of file
dev/static/js/26.a429ab1b776443ddf32a.js deleted 100644 → 0
View file @ 3bb886e0
This diff is collapsed.
dev/static/js/manifest.56fc5771aa72d1621b80.js 0 → 100644
View file @ 0c4cde72
!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
dev/static/js/manifest.e8742ac03569444e6b90.js deleted 100644 → 0
View file @ 3bb886e0
!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
View replaced file @ 3bb886e0 View file @ 0c4cde72
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
src/base/scroll/scroll.vue
View file @ 0c4cde72
...@@ -6,7 +6,6 @@ ...@@ -6,7 +6,6 @@
<script type="text/ecmascript-6"> <script type="text/ecmascript-6">
import BScroll from 'better-scroll' import BScroll from 'better-scroll'
export default { export default {
props: { props: {
probeType: { probeType: {
...@@ -44,6 +43,14 @@ ...@@ -44,6 +43,14 @@
bounce: { bounce: {
type: Boolean, type: Boolean,
default: true default: true
},
scrollX: {
type: Boolean,
default: false
},
scrollY: {
type: Boolean,
default: true
} }
}, },
mounted() { mounted() {
...@@ -59,7 +66,9 @@ ...@@ -59,7 +66,9 @@
this.scroll = new BScroll(this.$refs.wrapper, { this.scroll = new BScroll(this.$refs.wrapper, {
probeType: this.probeType, probeType: this.probeType,
click: this.click, click: this.click,
bounce:this.bounce bounce:this.bounce,
scrollX:this.scrollX,
scrollY:this.scrollY
}) })
if (this.listenScroll) { if (this.listenScroll) {
......
src/components/buy/activity.vue
View file @ 0c4cde72
...@@ -85,11 +85,6 @@ ...@@ -85,11 +85,6 @@
moreUrl:moreUrl, moreUrl:moreUrl,
refIcon:refIcon, refIcon:refIcon,
noData: noData, noData: noData,
swiperOption: {
pagination: {
el: '.swiper-pagination'
}
},
QRCodeB:false, QRCodeB:false,
dataURL:null, dataURL:null,
user_id:null, user_id:null,
......
src/components/inspector/inspectorActivit.vue
View file @ 0c4cde72
...@@ -2,25 +2,33 @@ ...@@ -2,25 +2,33 @@
<div> <div>
<div class="banner-block"> <div class="banner-block">
<img :src="logoUrl"> <img :src="logoUrl">
<img class="topimg" :src="topUrl" alt="">
</div> </div>
<img v-if="sizeChange" class="bottomimg" :src="bottomUrl" alt="">
<div class="form-block" v-if="getPhone==0"> <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"> <div class="input-block">
<input placeholder="请输入手机号" autofocus="autofocus" type="number" pattern="[0-9]*" v-model="mobile"/> <input placeholder="请输入手机号" autofocus="autofocus" type="number" pattern="[0-9]*" v-model="mobile"/>
</div> </div>
<p class="tip">* 如已购买课程，手机号必须填下单时填写的收件人手机号</p>
<div class="input-block"> <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"/> <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"/> <img class="yzm" src="/api/public/img/verify" ref="imgCode" @click="refImgCode"/>
</div> </div>
<div class="input-block"> <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"/> <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 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 disabled right-btn" v-if="time>0">{{time}}s</button>
</div> </div>
<div class="btn-block"> <div class="btn-block">
<div class="btn" ref="btn" @click="bindMobile"> <div class="origin btn" ref="btn" @click="bindMobile">
确定 确定
</div> </div>
<div class="border btn" ref="btn" @click="bindMobile">
</div>
</div> </div>
</div> </div>
<div class="form-block" v-if="getPhone==1"> <div class="form-block" v-if="getPhone==1">
...@@ -41,6 +49,8 @@ ...@@ -41,6 +49,8 @@
<script> <script>
import {sendMobileCodeApi,getUserDetailApi,bindMobileApi} from "../../service/api"; import {sendMobileCodeApi,getUserDetailApi,bindMobileApi} from "../../service/api";
import logoUrl from '../../assets/yujiBg.png' 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 { Toast } from 'vant';
import common from '../../util/common' import common from '../../util/common'
export default { export default {
...@@ -61,25 +71,35 @@ ...@@ -61,25 +71,35 @@
getUserDetailApi().then(res=>{ getUserDetailApi().then(res=>{
localStorage.setItem('userDesc',JSON.stringify(res)); localStorage.setItem('userDesc',JSON.stringify(res));
this.userDesc = res this.userDesc = res
// if(this.userDesc.mobile){
// this.getPhone = 1
// }else{
// }
this.getPhone = 0 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(){ data(){
return { return {
logoUrl:logoUrl, logoUrl:logoUrl,
topUrl:topUrl,
bottomUrl:bottomUrl,
mobile:'', mobile:'',
order_id:'',
time:0, time:0,
flag:true, flag:true,
imgCode:'', imgCode:'',
msgCode:'', msgCode:'',
timeSet:null, timeSet:null,
getPhone:'-1', getPhone:'-1',
userDesc:{} userDesc:{},
sizeChange:true
} }
}, },
methods:{ methods:{
...@@ -109,7 +129,6 @@ ...@@ -109,7 +129,6 @@
} }
this.time=30; this.time=30;
this.timeO(); this.timeO();
this.$sa.track('clickSendcode',{}); this.$sa.track('clickSendcode',{});
sendMobileCodeApi(json).then(res=>{ sendMobileCodeApi(json).then(res=>{
if(res === '操作成功'){ if(res === '操作成功'){
...@@ -135,13 +154,11 @@ ...@@ -135,13 +154,11 @@
this.$sa.quick('trackHeatMap',this.$refs.btn) this.$sa.quick('trackHeatMap',this.$refs.btn)
if(this.flag){ if(this.flag){
this.flag = false; this.flag = false;
let json = {}
if(this.msgCode===''||!this.msgCode) { if(this.msgCode===''||!this.msgCode) {
Toast('请填写手机验证码'); Toast('请输入订单号');
return false; return false;
} }
let json={
verify_code:this.msgCode
};
let mobileCheck = /^1\d{10,11}$/; let mobileCheck = /^1\d{10,11}$/;
if(this.mobile.match(mobileCheck)){ if(this.mobile.match(mobileCheck)){
json.mobile = this.mobile json.mobile = this.mobile
...@@ -149,6 +166,12 @@ ...@@ -149,6 +166,12 @@
Toast('请正确填写手机号'); Toast('请正确填写手机号');
return false 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){ if(window.location.href.indexOf('teacher_id') > -1){
json.teacher_id = common.getUrlParam().teacher_id || this.$route.query.teacher_id json.teacher_id = common.getUrlParam().teacher_id || this.$route.query.teacher_id
} }
...@@ -177,97 +200,102 @@ ...@@ -177,97 +200,102 @@
.banner-block{ .banner-block{
text-align: center; text-align: center;
position: relative; position: relative;
top: -20 * @toVw; height: 100vh;
img{ img{
width: 100%; 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{ .form-block{
position: relative; position: absolute;
z-index: 10; z-index: 10;
background: white; background: white;
top: -42*@toVw; top: 77*@toVw;
padding: 20 * @toVw; left: 29*@toVw;
padding: 20 * @toVw 34 * @toVw 30 * @toVw;
border-radius:20*@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{ .input-block{
width: 273*@toVw;height: 47*@toVw; width: 249*@toVw;height: 47*@toVw;
line-height:47*@toVw; line-height:47*@toVw;
text-indent: 10*@toVw; text-indent: 5*@toVw;
border: 1*@toVw solid #cccccc; border-bottom: 1*@toVw solid #FFCFCD;
margin-bottom: 26 * @toVw; margin-bottom: 8 * @toVw;
position: relative; position: relative;
.img{ .yzm{
border: 1px solid #FFCA68;
position: absolute; position: absolute;
right: 10*@toVw; right:4*@toVw;
width: 100*@toVw; width: 72*@toVw;
height: 28*@toVw;
top: 10*@toVw; top: 10*@toVw;
font-size: 12*@toVw; font-size: 12*@toVw;
} }
.right-btn{ .right-btn{
position: absolute; position: absolute;
right:10*@toVw; right:4*@toVw;
padding: 0; padding: 0;
width: 100*@toVw; width: 58*@toVw;
top: 10*@toVw; top: 10*@toVw;
height: 25*@toVw; height: 25*@toVw;
line-height: 25*@toVw; line-height: 25*@toVw;
font-size: 12*@toVw; font-size: 12*@toVw;
} }
input{ input{
padding: 10 * @toVw 0; padding: 10 * @toVw 0;
font-size:14*@toVw; font-size:15*@toVw;
background: transparent; background: transparent;
font-family:PingFangSC-Semibold; font-family:PingFangSC-Semibold;
font-weight:600; font-weight:500;
color:rgba(0,0,0,1);
line-height:20*@toVw; line-height:20*@toVw;
outline: none; outline: none;
border: none; border: none;
&::-webkit-input-placeholder{ &::-webkit-input-placeholder{
font-size:14*@toVw; font-size:14*@toVw;
font-family:PingFangSC-Semibold; font-family:PingFangSC-Semibold;
font-weight:600;
color:rgba(204,204,204,1); color:rgba(204,204,204,1);
line-height:20*@toVw; line-height:20*@toVw;
} /* 使用webkit内核的浏览器 */ } /* 使用webkit内核的浏览器 */
&:-moz-placeholder{ &:-moz-placeholder{
font-size:14*@toVw; font-size:14*@toVw;
font-family:PingFangSC-Semibold; font-family:PingFangSC-Semibold;
font-weight:600;
color:rgba(204,204,204,1); color:rgba(204,204,204,1);
line-height:20*@toVw; line-height:20*@toVw;
} /* Firefox版本4-18 */ } /* Firefox版本4-18 */
&::-moz-placeholder{ &::-moz-placeholder{
font-size:14*@toVw; font-size:14*@toVw;
font-family:PingFangSC-Semibold; font-family:PingFangSC-Semibold;
font-weight:600;
color:rgba(204,204,204,1); color:rgba(204,204,204,1);
line-height:20*@toVw; line-height:20*@toVw;
} /* Firefox版本19+ */ } /* Firefox版本19+ */
&:-ms-input-placeholder{ &:-ms-input-placeholder{
font-size:14*@toVw; font-size:14*@toVw;
font-family:PingFangSC-Semibold; font-family:PingFangSC-Semibold;
font-weight:600;
color:rgba(204,204,204,1); color:rgba(204,204,204,1);
line-height:20*@toVw; line-height:20*@toVw;
} }
} }
} }
.btn-block{ .btn-block{
text-align: center;margin-top: 27*@toVw; text-align: center;margin-top: 20*@toVw;
.btn{ .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{ .codeMsg{
border-radius:4*@toVw; border-radius:99*@toVw;
border:1*@toVw solid rgba(96,173,240,1); border:none;
background: white; background: #FF7D77;
color: rgb(96,173,240); color: white;
outline: none; outline: none;
float: right; float: right;
padding: 8*@toVw 16*@toVw; padding: 8*@toVw 16*@toVw;
...@@ -285,4 +313,20 @@ ...@@ -285,4 +313,20 @@
bottom: 0; bottom: 0;
width: 375 * @toVw; 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> </style>
src/components/newLesson/audio.vue
View file @ 0c4cde72
...@@ -294,6 +294,7 @@ ...@@ -294,6 +294,7 @@
} }
this.$refs.audio.pause(); this.$refs.audio.pause();
this.playFlag = false this.playFlag = false
// console.log(this.$refs.imgItem)
var iTransform = getComputedStyle(this.$refs.imgItem).transform; var iTransform = getComputedStyle(this.$refs.imgItem).transform;
var cTransform = getComputedStyle(this.$refs.imageBlock).transform; var cTransform = getComputedStyle(this.$refs.imageBlock).transform;
this.$refs.imageBlock.style.transform = cTransform === 'none' this.$refs.imageBlock.style.transform = cTransform === 'none'
......
src/components/newLesson/video.vue
View file @ 0c4cde72
...@@ -31,20 +31,18 @@ ...@@ -31,20 +31,18 @@
<div class="age-change-block video" v-if="showObj.video.length > 1 && videoShow&&!orientationchange"> <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 @click="videoIndex= index;videoShow=false;sendConsole('多视频选择视频')" v-for="(item,index) in showObj.video">视频({{index+1}})<i :class="{'playImage _282918034425091245':index === videoIndex}" v-if="contentData.age === 1"></i></div>
</div> </div>
<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 "> <div class="age-change-block ageclass" v-if="contentData.content.age ">
<p>年龄段选择</p> <p>年龄段选择</p>
<div :class="{activity:contentData.age == 1}" @click="contentData.age = 1;sendConsole('选择分龄')">0-3岁</div> <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 :class="{activity:contentData.age == 2}" @click="contentData.age = 2;sendConsole('选择分龄')">4-6岁</div>
</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="parent-finish">
<div class="finish-block" v-if="nowShow === 3"> <div class="finish-block" v-if="nowShow === 3">
<img :src="finishStuat" @click="finishStudy"> <img :src="finishStuat" @click="finishStudy">
...@@ -69,8 +67,6 @@ ...@@ -69,8 +67,6 @@
import {subUserLessonApi,getUserWatchApi} from "../../service/api"; import {subUserLessonApi,getUserWatchApi} from "../../service/api";
import tapToAudio from '../../assets/tapToAudio.png' import tapToAudio from '../../assets/tapToAudio.png'
import finishStuat from '../../assets/newLesson/finishStudy.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 noFinishDia from './nofinishdia'
import sharePage from './share' import sharePage from './share'
import starBlock from './star' import starBlock from './star'
...@@ -80,21 +76,9 @@ ...@@ -80,21 +76,9 @@
noFinishDia, noFinishDia,
sharePage, sharePage,
starBlock, starBlock,
// swiper,
// swiperSlide
}, },
data(){ data(){
return{ return{
swiperOption: {
pagination: {
el: ".swiper-pagination",
clickable: true,
},
slidesPerView: 5,
spaceBetween: 30,
// centeredSlides: true,
slideToClickedSlide:true
},
finishStuat:finishStuat, finishStuat:finishStuat,
popupVisible:false, popupVisible:false,
ageShow:false, ageShow:false,
...@@ -111,7 +95,8 @@ ...@@ -111,7 +95,8 @@
luolalaila:luolalaila, luolalaila:luolalaila,
tapToAudio:tapToAudio tapToAudio:tapToAudio
}, },
orientationchange:false orientationchange:false,
testCount:5
} }
}, },
props:[ props:[
...@@ -133,6 +118,24 @@ ...@@ -133,6 +118,24 @@
},false); },false);
}, },
methods:{ 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){ swiperback(index){
this.videoIndex = index this.videoIndex = index
this.sendConsole('多视频选择视频') this.sendConsole('多视频选择视频')
...@@ -235,6 +238,7 @@ ...@@ -235,6 +238,7 @@
change:this.contentData.content.change change:this.contentData.content.change
} }
} }
this.$refs.itembox.style.width = this.testCount*100+'px'
} }
}, },
watch:{ watch:{
...@@ -264,13 +268,20 @@ ...@@ -264,13 +268,20 @@
.orientationchangeBox{ .orientationchangeBox{
p{text-align: center;margin-bottom: 10*@toVw;} p{text-align: center;margin-bottom: 10*@toVw;}
} }
.swiper-container{ .scroll{
img{width: 90*@toVw;border: 3px solid transparent;border-radius: 12*@toVw; } 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;
} }
.swiper-container .activity{
img{
border: 3px solid #69C0FF;
// box-sizing: border-box;
} }
} }
.video-page{ .video-page{
......
src/main.js
View file @ 0c4cde72
...@@ -41,9 +41,9 @@ Vue.component('scroll', scroll); ...@@ -41,9 +41,9 @@ Vue.component('scroll', scroll);
/* eslint-disable no-new */ /* eslint-disable no-new */
// if(process.env.NODE_ENV != 'production'){ if(process.env.NODE_ENV != 'production'){
// var vConsole = new VConsole(); var vConsole = new VConsole();
// } }
router.beforeEach((to, from, next) => { router.beforeEach((to, from, next) => {
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