5.10

parent d4a73a3f
...@@ -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.a33637a3392be2fde512aa6031b6e4df.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.2560050c7eebe8dd5897.js></script><script type=text/javascript src=static/js/vendor.971a89734ef51957abe6.js></script><script type=text/javascript src=static/js/app.bc77edd41358c702873f.js></script></body></html> }</style><link href=static/css/app.a33637a3392be2fde512aa6031b6e4df.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.917ea8d31963d140aa25.js></script><script type=text/javascript src=static/js/vendor.971a89734ef51957abe6.js></script><script type=text/javascript src=static/js/app.bc77edd41358c702873f.js></script></body></html>
\ No newline at end of file \ 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 diff is collapsed.
This source diff could not be displayed because it is too large. You can view the blob instead.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
!function(e){var a=window.webpackJsonp;window.webpackJsonp=function(c,t,d){for(var o,f,b,i=0,u=[];i<c.length;i++)f=c[i],n[f]&&u.push(n[f][0]),n[f]=0;for(o in t)Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);for(a&&a(c,t,d);u.length;)u.shift()();if(d)for(i=0;i<d.length;i++)b=r(r.s=d[i]);return b};var c={},n={34:0};function r(a){if(c[a])return c[a].exports;var n=c[a]={i:a,l:!1,exports:{}};return e[a].call(n.exports,n,n.exports,r),n.l=!0,n.exports}r.e=function(e){var a=n[e];if(0===a)return new Promise(function(e){e()});if(a)return a[2];var c=new Promise(function(c,r){a=n[e]=[c,r]});a[2]=c;var t=document.getElementsByTagName("head")[0],d=document.createElement("script");d.type="text/javascript",d.charset="utf-8",d.async=!0,d.timeout=12e4,r.nc&&d.setAttribute("nonce",r.nc),d.src=r.p+"static/js/"+e+"."+{0:"aca104e21d74f40086d1",1:"7ab75714c31827e0249b",2:"337acc427fdbf9c65040",3:"395ad735c1dddbaf83ed",4:"684780c477a1a0a998d7",5:"5eabe154dfef266b3a87",6:"94716e8a79bb25659db8",7:"229ee4e4001a85416ba1",8:"dabe607ade14d3a6a2f6",9:"8fd30b5b294fc19f4266",10:"a2e42c3a49c2aa14526b",11:"539cef049364093bd6e1",12:"8e264d614be2ace1d68b",13:"3b76f5664037559abc01",14:"35ba17dc8ff245af5bea",15:"674b4c27730d9f2cf273",16:"f7b863f1592818dcb219",17:"a1edd7b1e9fb8cd6ede4",18:"a17ffd34e3418030f0ad",19:"6788ece3a8027eb36940",20:"7e3e404954d3a7bfdb08",21:"39d99ac940199668a959",22:"3ad9c9136ccfcd599d82",23:"abd000c2d42590325658",24:"7d513d80b42dc2d2f825",25:"f612962de659e104ba02",26:"f688ad0a42f7f2456842",27:"ca2bbdddc1013b1db64f",28:"649d19a394c945241555",29:"d1a603ec7004ae7a1c13",30:"53eaac9001d51b255a57",31:"cddf51a01bd712b1cc09"}[e]+".js";var o=setTimeout(f,12e4);function f(){d.onerror=d.onload=null,clearTimeout(o);var a=n[e];0!==a&&(a&&a[1](new Error("Loading chunk "+e+" failed.")),n[e]=void 0)}return d.onerror=d.onload=f,t.appendChild(d),c},r.m=e,r.c=c,r.d=function(e,a,c){r.o(e,a)||Object.defineProperty(e,a,{configurable:!1,enumerable:!0,get:c})},r.n=function(e){var a=e&&e.__esModule?function(){return e.default}:function(){return e};return r.d(a,"a",a),a},r.o=function(e,a){return Object.prototype.hasOwnProperty.call(e,a)},r.p="",r.oe=function(e){throw console.error(e),e}}([]); !function(e){var a=window.webpackJsonp;window.webpackJsonp=function(c,t,d){for(var o,f,b,i=0,u=[];i<c.length;i++)f=c[i],n[f]&&u.push(n[f][0]),n[f]=0;for(o in t)Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);for(a&&a(c,t,d);u.length;)u.shift()();if(d)for(i=0;i<d.length;i++)b=r(r.s=d[i]);return b};var c={},n={34:0};function r(a){if(c[a])return c[a].exports;var n=c[a]={i:a,l:!1,exports:{}};return e[a].call(n.exports,n,n.exports,r),n.l=!0,n.exports}r.e=function(e){var a=n[e];if(0===a)return new Promise(function(e){e()});if(a)return a[2];var c=new Promise(function(c,r){a=n[e]=[c,r]});a[2]=c;var t=document.getElementsByTagName("head")[0],d=document.createElement("script");d.type="text/javascript",d.charset="utf-8",d.async=!0,d.timeout=12e4,r.nc&&d.setAttribute("nonce",r.nc),d.src=r.p+"static/js/"+e+"."+{0:"d261cbe54004bf7bd480",1:"46732ccf0492b4a318b9",2:"337acc427fdbf9c65040",3:"395ad735c1dddbaf83ed",4:"684780c477a1a0a998d7",5:"5eabe154dfef266b3a87",6:"d36abfa6a6f9e2b196c2",7:"9a5aa78aff6a06104027",8:"a7bf708127094294a4c1",9:"8fd30b5b294fc19f4266",10:"a2e42c3a49c2aa14526b",11:"539cef049364093bd6e1",12:"8e264d614be2ace1d68b",13:"3b76f5664037559abc01",14:"210d868c4c063d2f39ee",15:"90a96aab21403d7c5ccc",16:"f7b863f1592818dcb219",17:"a1edd7b1e9fb8cd6ede4",18:"a17ffd34e3418030f0ad",19:"6788ece3a8027eb36940",20:"7e3e404954d3a7bfdb08",21:"39d99ac940199668a959",22:"3ad9c9136ccfcd599d82",23:"abd000c2d42590325658",24:"7d513d80b42dc2d2f825",25:"f612962de659e104ba02",26:"f688ad0a42f7f2456842",27:"ca2bbdddc1013b1db64f",28:"649d19a394c945241555",29:"d1a603ec7004ae7a1c13",30:"53eaac9001d51b255a57",31:"cddf51a01bd712b1cc09"}[e]+".js";var o=setTimeout(f,12e4);function f(){d.onerror=d.onload=null,clearTimeout(o);var a=n[e];0!==a&&(a&&a[1](new Error("Loading chunk "+e+" failed.")),n[e]=void 0)}return d.onerror=d.onload=f,t.appendChild(d),c},r.m=e,r.c=c,r.d=function(e,a,c){r.o(e,a)||Object.defineProperty(e,a,{configurable:!1,enumerable:!0,get:c})},r.n=function(e){var a=e&&e.__esModule?function(){return e.default}:function(){return e};return r.d(a,"a",a),a},r.o=function(e,a){return Object.prototype.hasOwnProperty.call(e,a)},r.p="",r.oe=function(e){throw console.error(e),e}}([]);
\ No newline at end of file \ No newline at end of file
<!DOCTYPE html><html><head><meta charset=utf-8><meta name=viewport content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no"><meta name=screen-orientation content=portrait><meta name=x5-orientation content=portrait><title>唱唱启蒙英语</title><link rel=stylesheet href=https://at.alicdn.com/t/font_822651_g9r2j7kybxu.css><style>*{ <!DOCTYPE html><html><head><meta charset=utf-8><meta name=viewport content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no"><meta name=screen-orientation content=portrait><meta name=x5-orientation content=portrait><title>唱唱启蒙英语</title><link rel=stylesheet href=https://at.alicdn.com/t/font_822651_g9r2j7kybxu.css><style>*{
-webkit-overflow-scrolling:touch; -webkit-overflow-scrolling:touch;
}</style><link href=https://static-cdn.changchangenglish.com/new-sing/static/css/app.6962c9fd5f2dd71806828d1c2ae19bdb.css rel=stylesheet></head><body><div id=app></div><script src=https://res.wx.qq.com/open/js/jweixin-1.3.2.js></script><script></script><script type=text/javascript src=https://static-cdn.changchangenglish.com/new-sing/static/js/manifest.71c18504a7cf2526386a.js></script><script type=text/javascript src=https://static-cdn.changchangenglish.com/new-sing/static/js/vendor.46262833f7fc058ac130.js></script><script type=text/javascript src=https://static-cdn.changchangenglish.com/new-sing/static/js/app.9b053b029595f88604b5.js></script></body></html> }</style><link href=https://static-cdn.changchangenglish.com/new-sing/static/css/app.bef3336055e49fabb4bf1906c9d4e732.css rel=stylesheet></head><body><div id=app></div><script src=https://res.wx.qq.com/open/js/jweixin-1.3.2.js></script><script></script><script type=text/javascript src=https://static-cdn.changchangenglish.com/new-sing/static/js/manifest.6ed796b00c145de0f440.js></script><script type=text/javascript src=https://static-cdn.changchangenglish.com/new-sing/static/js/vendor.46262833f7fc058ac130.js></script><script type=text/javascript src=https://static-cdn.changchangenglish.com/new-sing/static/js/app.9b30541f868e88ffe6bc.js></script></body></html>
\ No newline at end of file \ 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.
This diff is collapsed.
!function(e){var c=window.webpackJsonp;window.webpackJsonp=function(n,f,r){for(var o,d,b,i=0,u=[];i<n.length;i++)d=n[i],a[d]&&u.push(a[d][0]),a[d]=0;for(o in f)Object.prototype.hasOwnProperty.call(f,o)&&(e[o]=f[o]);for(c&&c(n,f,r);u.length;)u.shift()();if(r)for(i=0;i<r.length;i++)b=t(t.s=r[i]);return b};var n={},a={34:0};function t(c){if(n[c])return n[c].exports;var a=n[c]={i:c,l:!1,exports:{}};return e[c].call(a.exports,a,a.exports,t),a.l=!0,a.exports}t.e=function(e){var c=a[e];if(0===c)return new Promise(function(e){e()});if(c)return c[2];var n=new Promise(function(n,t){c=a[e]=[n,t]});c[2]=n;var f=document.getElementsByTagName("head")[0],r=document.createElement("script");r.type="text/javascript",r.charset="utf-8",r.async=!0,r.timeout=12e4,t.nc&&r.setAttribute("nonce",t.nc),r.src=t.p+"static/js/"+e+"."+{0:"3bc746b88fb3b9718b46",1:"82fb4957651d64616fe6",2:"d912e90da56ffe83e816",3:"2a2c2fd7e681a2d82028",4:"732353acd050116b32af",5:"9de715b675e55ec36a45",6:"fc81e2969f4f9a1c4c4e",7:"31f6c19c175513491eff",8:"ab8dc564b3651189405f",9:"6c0f6a0dabf60a307c3d",10:"ac78c9d65ffd5c0f1a4c",11:"4638c140153ee40c01f4",12:"a01d02655b0b1dca002f",13:"ac1a8883104e709ce1ec",14:"1ed2989079a6deea8b14",15:"1eb6cc7d23dfe5f3e91f",16:"eacc590d6a7abb7c650b",17:"d95269c4fed65fa73a1d",18:"bddb3d09bf79d426b041",19:"3e06c7e9646ebe26de4a",20:"af95c97c8a8c2c1421b3",21:"3f31027b2bc9b31c23ef",22:"a3728b7411c5e89aef21",23:"9f60147a0140625d3e93",24:"f8c8d8245371c429836a",25:"7ec0eebf2bc062261cf7",26:"7666b30658fa47c11856",27:"3f17efe9421b9d53694c",28:"71f6faa1429340461c22",29:"bfe10f6244a3cba92976",30:"d5efff3d8c9ca8c658dd",31:"49822bd434035bdd8d51"}[e]+".js";var o=setTimeout(d,12e4);function d(){r.onerror=r.onload=null,clearTimeout(o);var c=a[e];0!==c&&(c&&c[1](new Error("Loading chunk "+e+" failed.")),a[e]=void 0)}return r.onerror=r.onload=d,f.appendChild(r),n},t.m=e,t.c=n,t.d=function(e,c,n){t.o(e,c)||Object.defineProperty(e,c,{configurable:!1,enumerable:!0,get:n})},t.n=function(e){var c=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(c,"a",c),c},t.o=function(e,c){return Object.prototype.hasOwnProperty.call(e,c)},t.p="https://static-cdn.changchangenglish.com/new-sing/",t.oe=function(e){throw console.error(e),e}}([]); !function(e){var c=window.webpackJsonp;window.webpackJsonp=function(a,r,f){for(var o,d,i,b=0,u=[];b<a.length;b++)d=a[b],n[d]&&u.push(n[d][0]),n[d]=0;for(o in r)Object.prototype.hasOwnProperty.call(r,o)&&(e[o]=r[o]);for(c&&c(a,r,f);u.length;)u.shift()();if(f)for(b=0;b<f.length;b++)i=t(t.s=f[b]);return i};var a={},n={34:0};function t(c){if(a[c])return a[c].exports;var n=a[c]={i:c,l:!1,exports:{}};return e[c].call(n.exports,n,n.exports,t),n.l=!0,n.exports}t.e=function(e){var c=n[e];if(0===c)return new Promise(function(e){e()});if(c)return c[2];var a=new Promise(function(a,t){c=n[e]=[a,t]});c[2]=a;var r=document.getElementsByTagName("head")[0],f=document.createElement("script");f.type="text/javascript",f.charset="utf-8",f.async=!0,f.timeout=12e4,t.nc&&f.setAttribute("nonce",t.nc),f.src=t.p+"static/js/"+e+"."+{0:"3e40f178aa6e5a17437d",1:"55621bd1c7409875d557",2:"d912e90da56ffe83e816",3:"2a2c2fd7e681a2d82028",4:"732353acd050116b32af",5:"e9dac2e438ae237a6b16",6:"596c23f5186580473e84",7:"31f6c19c175513491eff",8:"d6df1e556688fc194b8e",9:"6c0f6a0dabf60a307c3d",10:"ac78c9d65ffd5c0f1a4c",11:"4638c140153ee40c01f4",12:"a01d02655b0b1dca002f",13:"ac1a8883104e709ce1ec",14:"263101540b8c7c6ce0be",15:"1eb6cc7d23dfe5f3e91f",16:"eacc590d6a7abb7c650b",17:"f8f84cfa4b191f48271d",18:"27810984a2ab79690cc9",19:"3e06c7e9646ebe26de4a",20:"af95c97c8a8c2c1421b3",21:"3f31027b2bc9b31c23ef",22:"a3728b7411c5e89aef21",23:"9f60147a0140625d3e93",24:"f8c8d8245371c429836a",25:"7ec0eebf2bc062261cf7",26:"7666b30658fa47c11856",27:"3f17efe9421b9d53694c",28:"71f6faa1429340461c22",29:"bfe10f6244a3cba92976",30:"d5efff3d8c9ca8c658dd",31:"49822bd434035bdd8d51"}[e]+".js";var o=setTimeout(d,12e4);function d(){f.onerror=f.onload=null,clearTimeout(o);var c=n[e];0!==c&&(c&&c[1](new Error("Loading chunk "+e+" failed.")),n[e]=void 0)}return f.onerror=f.onload=d,r.appendChild(f),a},t.m=e,t.c=a,t.d=function(e,c,a){t.o(e,c)||Object.defineProperty(e,c,{configurable:!1,enumerable:!0,get:a})},t.n=function(e){var c=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(c,"a",c),c},t.o=function(e,c){return Object.prototype.hasOwnProperty.call(e,c)},t.p="https://static-cdn.changchangenglish.com/new-sing/",t.oe=function(e){throw console.error(e),e}}([]);
\ No newline at end of file \ No newline at end of file
src/assets/newLesson/shareConBG.png

14 KB | W: | H:

src/assets/newLesson/shareConBG.png

85.2 KB | W: | H:

src/assets/newLesson/shareConBG.png
src/assets/newLesson/shareConBG.png
src/assets/newLesson/shareConBG.png
src/assets/newLesson/shareConBG.png
  • 2-up
  • Swipe
  • Onion skin
src/assets/newLesson/share_button.png

1.83 KB | W: | H:

src/assets/newLesson/share_button.png

104 KB | W: | H:

src/assets/newLesson/share_button.png
src/assets/newLesson/share_button.png
src/assets/newLesson/share_button.png
src/assets/newLesson/share_button.png
  • 2-up
  • Swipe
  • Onion skin
...@@ -341,8 +341,7 @@ ...@@ -341,8 +341,7 @@
if(this.$route.query.invite_code){ if(this.$route.query.invite_code){
this.invite_code = this.$route.query.invite_code; this.invite_code = this.$route.query.invite_code;
} }
this.user_id=JSON.parse(localStorage.getItem('userDesc')).user_id;
this.user_id=JSON.parse(localStorage.getItem('userDesc')).user_id;
if(window.location.href.indexOf('shopId')>-1){ if(window.location.href.indexOf('shopId')>-1){
this.shopId = this.$route.query.shopId; this.shopId = this.$route.query.shopId;
getGoodsDetailApi(this.shopId).then(res=>{ getGoodsDetailApi(this.shopId).then(res=>{
......
...@@ -13,7 +13,7 @@ ...@@ -13,7 +13,7 @@
{{showObj.audio[showObj.audioIndex].sub_title}} {{showObj.audio[showObj.audioIndex].sub_title}}
</div> </div>
</div> </div>
<div :class="{'image-block':true,swin:true,pause:!playFlag}" @click="imgPop=true"> <div :class="{'image-block':true,swin:true,noanimation:!playFlag}" @click="imgPop=true">
<img :src="showObj.audio[showObj.audioIndex].url"> <img :src="showObj.audio[showObj.audioIndex].url">
</div> </div>
<div> <div>
...@@ -391,8 +391,11 @@ ...@@ -391,8 +391,11 @@
transform: rotate(360deg); transform: rotate(360deg);
} }
} }
.swin{-webkit-animation: spin 6s linear 1s 5 alternate;animation: spin 6s linear infinite;} .swin{-webkit-animation: spin 8s linear 1s 5 alternate;animation: spin 8s linear infinite;}
.pause{animation-play-state: paused;} .pause{animation-play-state: paused;-webkit-animation-play-state:paused;}
.noanimation {
-webkit-animation:none !important;animation:none !important;
}
.collect-block{ .collect-block{
padding: 10*@toVw; padding: 10*@toVw;
border-radius: 4*@toVw; border-radius: 4*@toVw;
...@@ -426,7 +429,7 @@ ...@@ -426,7 +429,7 @@
margin-top: 20*@toVw; margin-top: 20*@toVw;
box-shadow: 0 0 30*@toVw 5*@toVw #ddd; box-shadow: 0 0 30*@toVw 5*@toVw #ddd;
overflow: hidden; overflow: hidden;
border-radius: 94*@toVw; border-radius: 999*@toVw;
box-shadow:0px 0px 4px 0px rgba(96,173,240,1); box-shadow:0px 0px 4px 0px rgba(96,173,240,1);
border:4px solid rgba(255,255,255,1); border:4px solid rgba(255,255,255,1);
img{ img{
...@@ -655,7 +658,7 @@ ...@@ -655,7 +658,7 @@
overflow: hidden; overflow: hidden;
display: block; display: block;
margin: auto; margin: auto;
border-radius: 75*@toVw; border-radius: 999*@toVw;
box-shadow:0px 0px 4px 0px rgba(96,173,240,1); box-shadow:0px 0px 4px 0px rgba(96,173,240,1);
border:4px solid rgba(255,255,255,1); border:4px solid rgba(255,255,255,1);
img{ img{
...@@ -864,7 +867,7 @@ ...@@ -864,7 +867,7 @@
overflow: hidden; overflow: hidden;
display: block; display: block;
margin: auto; margin: auto;
border-radius: 75*@toVw; border-radius: 999*@toVw;
box-shadow:0px 0px 4px 0px rgba(96,173,240,1); box-shadow:0px 0px 4px 0px rgba(96,173,240,1);
border:4px solid rgba(255,255,255,1); border:4px solid rgba(255,255,255,1);
img{ img{
......
...@@ -128,16 +128,14 @@ ...@@ -128,16 +128,14 @@
<img :src="mok4" alt=""> <img :src="mok4" alt="">
<p>您的课程尚未开始</p> <p>您的课程尚未开始</p>
<div>课程开始时间:{{secActions.start_at}}</div> <div>课程开始时间:{{secActions.start_at}}</div>
</div>ad </div>
<!-- <div v-if="!adVisible" @click="adVisible=true" class="adSmall shake"> <!-- <div v-if="!adVisible" @click="adVisible=true" class="adSmall shake">
</div> </div>
<van-popup v-model="adVisible"> <van-popup v-model="adVisible">
<div class="adBig"> <div class="adBig">
<i class="map close" @click="adVisible=false"></i> <i class="map close" @click="adVisible=false"></i>
</div> </div>
</van-popup > --> </van-popup> -->
<van-popup v-model="popupVisible"> <van-popup v-model="popupVisible">
<div v-if="thisLesson" class="popup-block"> <div v-if="thisLesson" class="popup-block">
<i class="map close" @click="popupVisible=false"></i> <i class="map close" @click="popupVisible=false"></i>
......
...@@ -65,7 +65,7 @@ ...@@ -65,7 +65,7 @@
<p class="tip">{{couponInfo.goods_desc.tips}}</p> <p class="tip">{{couponInfo.goods_desc.tips}}</p>
<div class="price">券后价<span class="now">{{(couponInfo.current_price-couponInfo.coupon_list[0].money)/100}}</span>&nbsp;&nbsp;<span class="old">{{couponInfo.current_price/100}}</span> </div> <div class="price">券后价<span class="now">{{(couponInfo.current_price-couponInfo.coupon_list[0].money)/100}}</span>&nbsp;&nbsp;<span class="old">{{couponInfo.current_price/100}}</span> </div>
</div> </div>
<div class="btn">去报名</div> <div class="btn">立即抢</div>
</div> </div>
</div> </div>
</div> </div>
...@@ -86,7 +86,7 @@ ...@@ -86,7 +86,7 @@
<div class="title">{{item.name | substr10}}</div> <div class="title">{{item.name | substr10}}</div>
<div class="tips" > <div class="tips" >
<span v-if="item.open">快去听课吧~</span> <span v-if="item.open">快去听课吧~</span>
<span v-if="!item.open">解锁后即可听课~</span> <span v-if="!item.open">学完上节课得2颗星后即可解锁~</span>
</div> </div>
</div> </div>
<div class="star-block" v-if="item.star_num!=null"> <div class="star-block" v-if="item.star_num!=null">
......
...@@ -31,7 +31,7 @@ ...@@ -31,7 +31,7 @@
{{showObj.audio[index].tips}} {{showObj.audio[index].tips}}
</div> </div>
</div> </div>
<div :class="{'image-block':true,swin:true,pause:!playFlag}" @click="imgPop=true"> <div :class="{'image-block':true,swin:true,noanimation:!playFlag}" @click="imgPop=true">
<img :src="showObj.audio[index].image"> <img :src="showObj.audio[index].image">
</div> </div>
<div> <div>
...@@ -247,6 +247,7 @@ ...@@ -247,6 +247,7 @@
let json ={ let json ={
url:this.showObj.audio[this.index].url url:this.showObj.audio[this.index].url
}; };
// debugger
getUserCollectApi(json).then(res=>{ getUserCollectApi(json).then(res=>{
this.hasCollect = res.list.length<1? false : res.list[0].id this.hasCollect = res.list.length<1? false : res.list[0].id
}) })
...@@ -619,31 +620,34 @@ ...@@ -619,31 +620,34 @@
background: white; background: white;
} }
@-webkit-keyframes spin { @-webkit-keyframes spin {
from { from {
-webkit-transform: rotate(0deg); -webkit-transform: rotate(0deg);
} }
to { to {
-webkit-transform: rotate(360deg); -webkit-transform: rotate(360deg);
} }
} }
@keyframes spin { @keyframes spin {
from { from {
transform: rotate(0deg); transform: rotate(0deg);
} }
to { to {
transform: rotate(360deg); transform: rotate(360deg);
} }
} }
.swin{-webkit-animation: spin 6s linear 1s 5 alternate;animation: spin 6s linear infinite;} .swin{-webkit-animation: spin 8s linear 1s 5 alternate;animation: spin 8s linear infinite;}
.pause{animation-play-state: paused;} .pause{animation-play-state: paused;-webkit-animation-play-state:paused;}
.noanimation {
-webkit-animation:none !important;animation:none !important;
}
.content{ .content{
background: white; background: white;
width: 315*@toVw; width: 315*@toVw;
position: absolute; position: absolute;
top: 80*@toVw; top: 70*@toVw;
left: 20*@toVw; left: 20*@toVw;
right: 20*@toVw; right: 20*@toVw;
bottom: 20*@toVw; bottom: 0;
overflow: auto; overflow: auto;
margin: auto; margin: auto;
display: block; display: block;
...@@ -656,7 +660,7 @@ ...@@ -656,7 +660,7 @@
margin-top: 5*@toVw; margin-top: 5*@toVw;
box-shadow: 0 0 30*@toVw 5*@toVw #ddd; box-shadow: 0 0 30*@toVw 5*@toVw #ddd;
overflow: hidden; overflow: hidden;
border-radius: 94*@toVw; border-radius: 999*@toVw;
box-shadow:0px 0px 4px 0px rgba(96,173,240,1); box-shadow:0px 0px 4px 0px rgba(96,173,240,1);
border:4px solid rgba(255,255,255,1); border:4px solid rgba(255,255,255,1);
img{ img{
...@@ -709,6 +713,8 @@ ...@@ -709,6 +713,8 @@
-webkit-transform: translateZ(0); -webkit-transform: translateZ(0);
transform: translateZ(0); transform: translateZ(0);
-webkit-appearance: none; -webkit-appearance: none;
border: none;
outline: none;
background: -webkit-linear-gradient(#69c0ff, #69c0ff) no-repeat,#D8D8D8; background: -webkit-linear-gradient(#69c0ff, #69c0ff) no-repeat,#D8D8D8;
background-size: 75% 100%;/*设置左右宽度比例*/ background-size: 75% 100%;/*设置左右宽度比例*/
width: 100%; width: 100%;
...@@ -718,13 +724,17 @@ ...@@ -718,13 +724,17 @@
-webkit-appearance: none; -webkit-appearance: none;
} }
input[type=range]::-webkit-slider-runnable-track { input[type=range]::-webkit-slider-runnable-track {
-webkit-appearance: none;
height: 4*@toVw; height: 4*@toVw;
border-radius: 2*@toVw ; border-radius: 2*@toVw ;
} }
input[type=range]:focus { input[type=range]:focus {
-webkit-appearance: none;
outline: none; outline: none;
} }
input[type=range]::-webkit-slider-thumb { input[type=range]::-webkit-slider-thumb {
border: none;
outline: none;
-webkit-appearance: none; -webkit-appearance: none;
border-radius: 50%; /*外观设置为圆形*/ border-radius: 50%; /*外观设置为圆形*/
height: 16*@toVw; height: 16*@toVw;
...@@ -773,7 +783,7 @@ ...@@ -773,7 +783,7 @@
} }
.btn-block{ .btn-block{
position: relative; position: relative;
margin-top: 15*@toVw; // margin-top: 15*@toVw;
text-align: center; text-align: center;
.age-block{ .age-block{
height: 28*@toVw; height: 28*@toVw;
...@@ -836,17 +846,17 @@ ...@@ -836,17 +846,17 @@
display: none; display: none;
} }
.parent-finish{ .parent-finish{
position: absolute; // position: absolute;
bottom: 10 * @toVw; // bottom: 0 * @toVw;
width: 100%; width: 100%;
left: 0; left: 0;
top: 430*@toVw; top: 430*@toVw;
.finish-block{ .finish-block{
position: absolute; // position: absolute;
width: 100%; width: 100%;
left: 0; left: 0;
padding: 0; padding: 0;
margin: 0; margin:20*@toVw 0 0;
text-align: center; text-align: center;
bottom: 0; bottom: 0;
img{ img{
...@@ -915,7 +925,7 @@ ...@@ -915,7 +925,7 @@
overflow: hidden; overflow: hidden;
display: block; display: block;
margin: auto; margin: auto;
border-radius: 75*@toVw; border-radius: 99*@toVw;
box-shadow:0px 0px 4px 0px rgba(96,173,240,1); box-shadow:0px 0px 4px 0px rgba(96,173,240,1);
border:4px solid rgba(255,255,255,1); border:4px solid rgba(255,255,255,1);
img{ img{
......
...@@ -13,13 +13,14 @@ ...@@ -13,13 +13,14 @@
<div class="head-block"> <div class="head-block">
<img :src="userDetail.avatar"/> <img :src="userDetail.avatar"/>
</div> </div>
<div class="content-title" :style="{backgroundImage:`url('${shareTitle}')`}"> <div class="content-title" >
{{userDetail.nickname}} {{userDetail.nickname}}家宝宝
<p>累计学习</p>
</div> </div>
<div class="main-text"> <div class="main-text">
<div class="title">累计学习</div>
<div v-if="watchDetail" class="day"> <div v-if="watchDetail" class="day">
{{watchDetail.total_day}} <span>Days</span> {{watchDetail.total_day}}<br> <span>Days</span>
</div> </div>
</div> </div>
<div class="main-desc"> <div class="main-desc">
...@@ -31,7 +32,7 @@ ...@@ -31,7 +32,7 @@
</div> </div>
</div> </div>
<div class="main-content-desc"> <div class="main-content-desc">
<img :src="share_code_bg"> <!-- <img :src="share_code_bg"> -->
<div id="qrcode" class="qrcode"></div> <div id="qrcode" class="qrcode"></div>
</div> </div>
</div> </div>
...@@ -39,7 +40,8 @@ ...@@ -39,7 +40,8 @@
<img :src="shareBtn" @click="showShare()"/> <img :src="shareBtn" @click="showShare()"/>
</div> </div>
</div> </div>
<img :src="share_close" class="share_close" @click="$emit('closeShare')"/> <div class="share_close" @click="$emit('closeShare')">X</div>
<!-- <img :src="share_close" class="share_close" @click="$emit('closeShare')"/> -->
<div class="tips" v-if="shareVisible" @click="shareVisible=false"> <div class="tips" v-if="shareVisible" @click="shareVisible=false">
<img :src="share_tips"> <img :src="share_tips">
</div> </div>
...@@ -284,6 +286,9 @@ import {Toast} from 'vant' ...@@ -284,6 +286,9 @@ import {Toast} from 'vant'
height1, height1,
width1 width1
} = document.getElementById('capture').getClientRects()[0]; } = document.getElementById('capture').getClientRects()[0];
// height1 = 481
console.log(document.getElementById('capture').getClientRects()[0])
// debugger
setTimeout(()=>{ setTimeout(()=>{
html2canvas(document.getElementById('capture'),{ html2canvas(document.getElementById('capture'),{
async: true, async: true,
...@@ -300,7 +305,6 @@ import {Toast} from 'vant' ...@@ -300,7 +305,6 @@ import {Toast} from 'vant'
this.dataURL = dataURL; this.dataURL = dataURL;
Toast.clear() Toast.clear()
}).catch(res=>{alert(res);console.log()});},500) }).catch(res=>{alert(res);console.log()});},500)
}) })
}) })
}, },
...@@ -341,7 +345,7 @@ import {Toast} from 'vant' ...@@ -341,7 +345,7 @@ import {Toast} from 'vant'
@import "../../util/public"; @import "../../util/public";
.share-page{ .share-page{
position: fixed; position: fixed;
background: #EEEEEE; background: white;
top: 0; top: 0;
left: 0; left: 0;
bottom: 0; bottom: 0;
...@@ -353,8 +357,8 @@ import {Toast} from 'vant' ...@@ -353,8 +357,8 @@ import {Toast} from 'vant'
top: 20*@toVw; top: 20*@toVw;
left: 20*@toVw; left: 20*@toVw;
right: 20*@toVw; right: 20*@toVw;
background: white; // background: white;
bottom: 20*@toVw; bottom: 0;
overflow: auto; overflow: auto;
.bg-title{ .bg-title{
position: absolute; position: absolute;
...@@ -371,28 +375,29 @@ import {Toast} from 'vant' ...@@ -371,28 +375,29 @@ import {Toast} from 'vant'
left: 0; left: 0;
right: 0; right: 0;
bottom: 0; bottom: 0;
background: white; // background: white;
z-index: -1; z-index: -1;
border-radius: 0 0 8*@toVw 8*@toVw; border-radius: 0 0 8*@toVw 8*@toVw;
} }
#cvs-img{ #cvs-img{
position: absolute; position: absolute;
width: 291*@toVw; width: 100%;
top: 21*@toVw; // top: -3*@toVw;
left: 23*@toVw; left: 0;
z-index: 1; z-index: 1;
} }
.content{ .content{
width: 291*@toVw; width: 100%;
height: (422-53)*@toVw; height: (480-53)*@toVw;
padding-top: 53*@toVw; padding-top: 53*@toVw;
margin-top: 20*@toVw; // margin-top: 20*@toVw;
background-size: 100% 100%; background-size: 100% 100%;
position: relative; position: relative;
.content-black{ .content-black{
position: absolute; position: absolute;
z-index: -1; z-index: -1;
width: 100%; width: 100%;
height: 100%;
top: 0; top: 0;
right: 0; right: 0;
left: 0; left: 0;
...@@ -402,7 +407,7 @@ import {Toast} from 'vant' ...@@ -402,7 +407,7 @@ import {Toast} from 'vant'
.main-content{ .main-content{
width: 261*@toVw; width: 261*@toVw;
height: 263*@toVw; height: 263*@toVw;
background: white; // background: white;
border-radius: 8*@toVw; border-radius: 8*@toVw;
position: relative; position: relative;
.main-text{ .main-text{
...@@ -410,34 +415,37 @@ import {Toast} from 'vant' ...@@ -410,34 +415,37 @@ import {Toast} from 'vant'
width: 215*@toVw; width: 215*@toVw;
text-align: center; text-align: center;
margin: auto; margin: auto;
border-bottom: 1*@toVw solid #EEEEEE; margin-bottom: 0;
// border-bottom: 1*@toVw solid #EEEEEE;
.title{ .title{
font-size:16*@toVw; font-size:16*@toVw;
font-family:PingFang-SC-Medium; font-family:PingFang-SC-Medium;
font-weight:500; font-weight:500;
color:rgba(51,51,51,1); color:#55343A;
} }
.day{ .day{
font-size:48px; font-size:48px;
margin: 5*@toVw 0; margin: 52*@toVw 0 0;
font-family:PingFang-SC-Bold; font-family:PingFangSC-Semibold;
font-weight:bold; font-weight:bold;
color:rgba(105,192,255,1); line-height: 30*@toVw;
color:white;
span{ span{
font-size:20px; font-size:20px;
font-family:PingFang-SC-Bold; font-family:PingFangSC-Semibold;
font-weight:bold; font-weight:300;
color:rgba(105,192,255,1); color:white;
} }
} }
} }
.main-desc{ .main-desc{
margin-top: 10*@toVw; margin-top: 20*@toVw;
text-align: center; text-align: center;
font-size:12px; font-size:12px;
font-family:PingFang-SC-Medium; font-family:PingFang-SC-Medium;
font-weight:500; font-weight:500;
color:rgba(0,0,0,1); color:rgba(0,0,0,1);
color: #B75B3A;
span{ span{
font-size:16px; font-size:16px;
font-family:PingFang-SC-Medium; font-family:PingFang-SC-Medium;
...@@ -448,27 +456,28 @@ import {Toast} from 'vant' ...@@ -448,27 +456,28 @@ import {Toast} from 'vant'
} }
.head-block{ .head-block{
position: absolute; position: absolute;
height: 85*@toVw; height: 54*@toVw;
width: 85*@toVw; width: 54*@toVw;
text-align: center; text-align: center;
border-radius: 200*@toVw; border-radius: 200*@toVw;
left: 50%; left: 50%;
margin-left: -40*@toVw; margin-left: -27*@toVw;
background: white; // background: white;
top: -38*@toVw; top: -8*@toVw;
img{ img{
border-radius: 200*@toVw; border-radius: 200*@toVw;
width: 64*@toVw; width: 54*@toVw;
margin-top: 7*@toVw; margin-top: 7*@toVw;
height: 64*@toVw; height: 54*@toVw;
} }
} }
.content-title{ .content-title{
width: 226*@toVw; width: 226*@toVw;
height: 54*@toVw; height: 54*@toVw;
line-height: 50*@toVw; line-height: 26*@toVw;
color: white; margin-top: 40*@toVw;
background: white; color: #55343A;
// background: white;
font-size: 14*@toVw; font-size: 14*@toVw;
text-align: center; text-align: center;
background-size: 99.99% 99.99%; background-size: 99.99% 99.99%;
...@@ -479,16 +488,16 @@ import {Toast} from 'vant' ...@@ -479,16 +488,16 @@ import {Toast} from 'vant'
} }
} }
.share-btn{ .share-btn{
margin-top: 22*@toVw; margin-top: 2*@toVw;
text-align: center; text-align: center;
img{ img{
width: 240*@toVw; width: 270*@toVw;
} }
} }
.main-content-desc{ .main-content-desc{
width: 261*@toVw; width: 261*@toVw;
height: 82*@toVw; height: 82*@toVw;
background: white; // background: white;
border-radius: 8*@toVw; border-radius: 8*@toVw;
margin-top: 10*@toVw; margin-top: 10*@toVw;
position: relative; position: relative;
...@@ -497,7 +506,7 @@ import {Toast} from 'vant' ...@@ -497,7 +506,7 @@ import {Toast} from 'vant'
} }
.qrcode{ .qrcode{
position: absolute; position: absolute;
top: 5*@toVw; top: 40*@toVw;
right: 5*@toVw; right: 5*@toVw;
} }
} }
...@@ -505,8 +514,11 @@ import {Toast} from 'vant' ...@@ -505,8 +514,11 @@ import {Toast} from 'vant'
.share_close{ .share_close{
position: fixed; position: fixed;
width: 20*@toVw; width: 20*@toVw;
top: 19*@toVw; top: 26*@toVw;
right: 13*@toVw; right: 14*@toVw;
z-index: 999;
color: white;
font-size: 12px;
} }
.tips{ .tips{
background: rgba(0,0,0,0.8); background: rgba(0,0,0,0.8);
......
...@@ -29,7 +29,7 @@ ...@@ -29,7 +29,7 @@
{{goodsDetail.goods_desc.course_title}} {{goodsDetail.goods_desc.course_title}}
</div> </div>
</div> </div>
<div class="good-content" v-if="goodsDetail&&goodsDetail.goods_type==1"> <div class="good-content" v-if="goodsDetail">
<div class="content" v-html="goodsDetail.desc.detail"> <div class="content" v-html="goodsDetail.desc.detail">
</div> </div>
<div class="btn-block" ref="btn_block"> <div class="btn-block" ref="btn_block">
...@@ -41,7 +41,7 @@ ...@@ -41,7 +41,7 @@
</div> </div>
</div> </div>
</div> </div>
<div class="good-content" v-if="goodsDetail&&goodsDetail.goods_type==2"> <!-- <div class="good-content" v-if="goodsDetail&&goodsDetail.goods_type==2">
<div class="content" v-html="goodsDetail.desc.detail"> <div class="content" v-html="goodsDetail.desc.detail">
</div> </div>
<div class="btn-block" ref="btn_block"> <div class="btn-block" ref="btn_block">
...@@ -57,7 +57,7 @@ ...@@ -57,7 +57,7 @@
</div> </div>
</div> </div>
</div> </div>
</div> </div> -->
</div> </div>
<login-page v-if="goodsDetail" :bind-mobile="bindMobile" :groupDetail="goodsDetail" @goToBuyPage="goToBuyPage"></login-page> <login-page v-if="goodsDetail" :bind-mobile="bindMobile" :groupDetail="goodsDetail" @goToBuyPage="goToBuyPage"></login-page>
</div> </div>
...@@ -180,9 +180,9 @@ ...@@ -180,9 +180,9 @@
mounted(){ mounted(){
this.initPage(); this.initPage();
setInterval(()=>{this.lastTimeOut()},1000); setInterval(()=>{this.lastTimeOut()},1000);
this.$refs.share_page.addEventListener('scroll',()=>{ // this.$refs.share_page.addEventListener('scroll',()=>{
//变量t是滚动条滚动时,距离顶部的距离 //变量t是滚动条滚动时,距离顶部的距离
let t = this.$refs.share_page.scrollTop; // let t = this.$refs.share_page.scrollTop;
// if( this.$refs.btn_block){ // if( this.$refs.btn_block){
// this.$refs.btn_block.style.opacity = 1 // this.$refs.btn_block.style.opacity = 1
// if(t>500){ // if(t>500){
...@@ -191,7 +191,7 @@ ...@@ -191,7 +191,7 @@
// this.$refs.btn_block.style.opacity = 0 // this.$refs.btn_block.style.opacity = 0
// } // }
// } // }
}) // })
} }
} }
</script> </script>
......
<template> <template>
<div class="video-page"> <div class="video-page">
<div class="content"> <div class="content">
<div class="header">
<img :src="imgURL.luolacoming" class="text" v-if="nowShow === 3">
<img :src="imgURL.luolalaila" class="text" v-if="nowShow === 2">
</div>
<div class="video-block hp-video" v-if="showObj.video[videoIndex]" v-show="!share_show && !popupVisible && !star">
<video :src="showObj.video[videoIndex].url" @ended="videoEnd" @play="videoPlay()" controls :poster="showObj.video[videoIndex].url+'?vframe/jpg/offset/3'"></video>
</div>
<div class="btn-block"> <div class="btn-block">
<div v-if="contentData.content.age" class="age-block" @click="ageShow = !ageShow"> <div v-if="contentData.content.age" class="age-block" @click="ageShow = !ageShow">
<div v-if="contentData.age === 1">0-3岁<i class="playImage _154722344142123489"></i></div> <div v-if="contentData.age === 1">0-3岁<i class="playImage _154722344142123489"></i></div>
...@@ -33,6 +26,13 @@ ...@@ -33,6 +26,13 @@
<div @click="changeAudio(true)">音频教学</div> <div @click="changeAudio(true)">音频教学</div>
</div> </div>
</div> </div>
<div class="header">
<img :src="imgURL.luolacoming" class="text" v-if="nowShow === 3">
<img :src="imgURL.luolalaila" class="text" v-if="nowShow === 2">
</div>
<div class="video-block hp-video" v-if="showObj.video[videoIndex]" v-show="!share_show && !popupVisible && !star">
<video :src="showObj.video[videoIndex].url" @ended="videoEnd" @play="videoPlay()" controls :poster="showObj.video[videoIndex].url+'?vframe/jpg/offset/3'"></video>
</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">
...@@ -220,10 +220,10 @@ ...@@ -220,10 +220,10 @@
background: white; background: white;
width: 315*@toVw; width: 315*@toVw;
position: absolute; position: absolute;
top: 80*@toVw; top: 70*@toVw;
left: 20*@toVw; left: 20*@toVw;
right: 20*@toVw; right: 20*@toVw;
bottom: 20*@toVw; bottom: 0;
overflow: auto; overflow: auto;
margin: auto; margin: auto;
display: block; display: block;
......
...@@ -9,7 +9,7 @@ ...@@ -9,7 +9,7 @@
<p>还没有订单哦~</p> <p>还没有订单哦~</p>
<div @click="goIndex">去逛逛吧</div> <div @click="goIndex">去逛逛吧</div>
</div> </div>
<div v-for="data in orderList" class="list"> <div v-for="(data,index) in orderList" @click="goDetail(index)" class="list">
<div class="head"> <div class="head">
<div class="bg-img" v-if="data.goods_desc" :style="{backgroundImage: `url(${data.goods_desc.img[0].url})`}"> <div class="bg-img" v-if="data.goods_desc" :style="{backgroundImage: `url(${data.goods_desc.img[0].url})`}">
</div> </div>
...@@ -45,7 +45,8 @@ ...@@ -45,7 +45,8 @@
showShare:false, showShare:false,
shareTipsUrl:shareTipsUrl, shareTipsUrl:shareTipsUrl,
shareUrl:shareUrl, shareUrl:shareUrl,
mok4:mok4 mok4:mok4,
shopId:''
} }
}, },
filters:{ filters:{
...@@ -57,6 +58,24 @@ ...@@ -57,6 +58,24 @@
this.initPage() this.initPage()
}, },
methods:{ methods:{
goDetail(index){
if(this.orderList[index].buy_type==1){
this.$router.push({
name: 'buySuccess',
query:{
out_trade_no:this.orderList[index].out_trade_no
}
});
}else{
this.$router.push({
name: 'success',
query:{
out_trade_no:this.orderList[index].out_trade_no
}
});
}
},
goIndex(){ goIndex(){
this.$router.push({ this.$router.push({
name: "index" name: "index"
...@@ -131,6 +150,7 @@ ...@@ -131,6 +150,7 @@
<style scoped lang="less"> <style scoped lang="less">
@import "../util/public"; @import "../util/public";
.child-view{background: white;}
.unStart{ .unStart{
text-align: center; text-align: center;
img{width:300*@toVw; } img{width:300*@toVw; }
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment