4.21

parent 14d0a0af
...@@ -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.f016ba765d8b5ed4f51f80904de686cd.css rel=stylesheet></head><body><div id=app></div><script src=https://res.wx.qq.com/open/js/jweixin-1.3.2.js></script><script type=text/javascript src=static/js/manifest.9e88ba52f508aff13072.js></script><script type=text/javascript src=static/js/vendor.17e5a2aa52ade559a92c.js></script><script type=text/javascript src=static/js/app.2dd560a850995737e0fe.js></script></body></html> }</style><link href=static/css/app.f016ba765d8b5ed4f51f80904de686cd.css rel=stylesheet></head><body><div id=app></div><script src=https://res.wx.qq.com/open/js/jweixin-1.3.2.js></script><script type=text/javascript src=static/js/manifest.6f7407d4141b6510eefd.js></script><script type=text/javascript src=static/js/vendor.17e5a2aa52ade559a92c.js></script><script type=text/javascript src=static/js/app.6a6e47f13f10c7953547.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.
This source diff could not be displayed because it is too large. You can view the blob instead.
!function(e){var a=window.webpackJsonp;window.webpackJsonp=function(c,f,t){for(var o,b,d,i=0,u=[];i<c.length;i++)b=c[i],n[b]&&u.push(n[b][0]),n[b]=0;for(o in f)Object.prototype.hasOwnProperty.call(f,o)&&(e[o]=f[o]);for(a&&a(c,f,t);u.length;)u.shift()();if(t)for(i=0;i<t.length;i++)d=r(r.s=t[i]);return d};var c={},n={35: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 f=document.getElementsByTagName("head")[0],t=document.createElement("script");t.type="text/javascript",t.charset="utf-8",t.async=!0,t.timeout=12e4,r.nc&&t.setAttribute("nonce",r.nc),t.src=r.p+"static/js/"+e+"."+{0:"552bebb8014b8b12afe0",1:"886be9f9d8a73bad4b83",2:"87977af95c7a68ceeab9",3:"14b9090187ca01bdc992",4:"25d0c5600c69457f59f1",5:"0d0663ad4d706d02c303",6:"2dc8f265fce337665dff",7:"0670526813d645fc5a27",8:"19d64579069094225577",9:"8fa56ffafcdb1291a2ed",10:"c3bfa729836068dbfce1",11:"bce578504c6b1e98c0ab",12:"7f130981ac3f9e233f80",13:"43f421c3eb64a990eab2",14:"f7b0351b73a37ad9f97c",15:"9808e5e88ce569413824",16:"42e2b0493c3f7bf46b8b",17:"54bc423231b79520d8a4",18:"64c3778081744c712a8a",19:"7b8fe77865b6d82f7ecf",20:"4d03512be3a553567e4a",21:"c36fa1a4e37a8d6d242b",22:"9f70b39c48228c7c57ce",23:"5ff582bb3d2a7c462f88",24:"afb3e5a1f610d054d5c9",25:"eb3db70f608d88f7eda7",26:"b4406470b13f68492997",27:"583040ea68d3ff135d64",28:"d92f27a90a3ee64b8166",29:"4ae9dfc1e123404399bb",30:"03d5d6b13992f69c44aa",31:"a758f2ad601a5ba6d3cb",32:"1a9d2b3e922c1bb2c4a9"}[e]+".js";var o=setTimeout(b,12e4);function b(){t.onerror=t.onload=null,clearTimeout(o);var a=n[e];0!==a&&(a&&a[1](new Error("Loading chunk "+e+" failed.")),n[e]=void 0)}return t.onerror=t.onload=b,f.appendChild(t),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,r,t){for(var o,b,d,i=0,u=[];i<c.length;i++)b=c[i],f[b]&&u.push(f[b][0]),f[b]=0;for(o in r)Object.prototype.hasOwnProperty.call(r,o)&&(e[o]=r[o]);for(a&&a(c,r,t);u.length;)u.shift()();if(t)for(i=0;i<t.length;i++)d=n(n.s=t[i]);return d};var c={},f={35: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:"dffba4195ba8f1644cce",1:"886be9f9d8a73bad4b83",2:"87977af95c7a68ceeab9",3:"14b9090187ca01bdc992",4:"25d0c5600c69457f59f1",5:"0d0663ad4d706d02c303",6:"b3faf93315fd965cfb81",7:"46e70b8fbfb8bf0ee57c",8:"19d64579069094225577",9:"8fa56ffafcdb1291a2ed",10:"c3bfa729836068dbfce1",11:"bce578504c6b1e98c0ab",12:"7f130981ac3f9e233f80",13:"43f421c3eb64a990eab2",14:"f7b0351b73a37ad9f97c",15:"9808e5e88ce569413824",16:"2f30c07f800b41bac966",17:"54bc423231b79520d8a4",18:"64c3778081744c712a8a",19:"7b8fe77865b6d82f7ecf",20:"4d03512be3a553567e4a",21:"c36fa1a4e37a8d6d242b",22:"9f70b39c48228c7c57ce",23:"5ff582bb3d2a7c462f88",24:"afb3e5a1f610d054d5c9",25:"eb3db70f608d88f7eda7",26:"b4406470b13f68492997",27:"583040ea68d3ff135d64",28:"d92f27a90a3ee64b8166",29:"4ae9dfc1e123404399bb",30:"03d5d6b13992f69c44aa",31:"a758f2ad601a5ba6d3cb",32:"1a9d2b3e922c1bb2c4a9"}[e]+".js";var o=setTimeout(b,12e4);function b(){t.onerror=t.onload=null,clearTimeout(o);var a=f[e];0!==a&&(a&&a[1](new Error("Loading chunk "+e+" failed.")),f[e]=void 0)}return t.onerror=t.onload=b,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 \ 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.f40ecf942ecdfa136056a0f21030646a.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.e018bde2904c8a901ad2.js></script><script type=text/javascript src=https://static-cdn.changchangenglish.com/new-sing/static/js/vendor.47e0ad0c3f0de448dc49.js></script><script type=text/javascript src=https://static-cdn.changchangenglish.com/new-sing/static/js/app.03b03386ededa0cd60a7.js></script></body></html> }</style><link href=https://static-cdn.changchangenglish.com/new-sing/static/css/app.88ba879de935a7e4dffe29ba9a9ed345.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.158ceaa473c85af57e79.js></script><script type=text/javascript src=https://static-cdn.changchangenglish.com/new-sing/static/js/vendor.47e0ad0c3f0de448dc49.js></script><script type=text/javascript src=https://static-cdn.changchangenglish.com/new-sing/static/js/app.018182eff4561794fbdd.js></script></body></html>
\ No newline at end of file \ No newline at end of file
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
webpackJsonp([31],{P3Wy:function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});n("eqfM");var i=n("/QYm"),s=n("CCn6"),a=n("Jmy5"),o={name:"myGoodsList",data:function(){return{goodsList:[],imgUrl:a.a}},mounted:function(){this.initPage()},methods:{initPage:function(){var t=this;Object(s.G)().then(function(e){t.goodsList=e})},dateParse:function(t){var e=void 0;return e=t.indexOf("-")>-1?t.split("-"):t.indexOf("/")>-1?t.split("/"):t.split("."),new Date(e[0],e[1]-1,e[2])},dateCompare:function(t,e){var n=t.getTime(),i=e.getTime();return i>n?1:i==n?0:-1},toMap:function(t){this.$sa.track("buttonClick",{tabTitle:"课程列表",moduleTitle:"课程",buttonType:"课程",buttonName:"进入课程"}),this.dateCompare(new Date,this.dateParse(t.start_at))<1?this.$router.push({name:"map",query:{periods_id:t.periods_id,parent_category_id:t.parent_category_id,course_type:t.course_type}}):Object(i.a)("该课程暂未开始")}}},r={render:function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{staticClass:"my-goods-list"},t._l(t.goodsList,function(e){return n("div",{key:e.id,staticClass:"card-block",on:{click:function(n){t.toMap(e)}}},[n("img",{staticClass:"banner",attrs:{src:e.imgLesson}}),t._v(" "),n("div",{staticClass:"content"},[t._v("\n "+t._s(e.goods_name)+"\n "),n("div",{staticClass:"start-time"},[t._v("\n 开课时间:"+t._s(e.start_at)+"\n ")])])])}))},staticRenderFns:[]};var c=n("VU/8")(o,r,!1,function(t){n("wElg")},"data-v-62644930",null);e.default=c.exports},wElg:function(t,e){}}); webpackJsonp([30],{P3Wy:function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});n("eqfM");var i=n("/QYm"),s=n("CCn6"),a=n("Jmy5"),o={name:"myGoodsList",data:function(){return{goodsList:[],imgUrl:a.a}},mounted:function(){this.initPage()},methods:{initPage:function(){var t=this;Object(s.G)().then(function(e){t.goodsList=e})},dateParse:function(t){var e=void 0;return e=t.indexOf("-")>-1?t.split("-"):t.indexOf("/")>-1?t.split("/"):t.split("."),new Date(e[0],e[1]-1,e[2])},dateCompare:function(t,e){var n=t.getTime(),i=e.getTime();return i>n?1:i==n?0:-1},toMap:function(t){this.$sa.track("buttonClick",{tabTitle:"课程列表",moduleTitle:"课程",buttonType:"课程",buttonName:"进入课程"}),this.dateCompare(new Date,this.dateParse(t.start_at))<1?this.$router.push({name:"map",query:{periods_id:t.periods_id,parent_category_id:t.parent_category_id,course_type:t.course_type}}):Object(i.a)("该课程暂未开始")}}},r={render:function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{staticClass:"my-goods-list"},t._l(t.goodsList,function(e){return n("div",{key:e.id,staticClass:"card-block",on:{click:function(n){t.toMap(e)}}},[n("img",{staticClass:"banner",attrs:{src:e.imgLesson}}),t._v(" "),n("div",{staticClass:"content"},[t._v("\n "+t._s(e.goods_name)+"\n "),n("div",{staticClass:"start-time"},[t._v("\n 开课时间:"+t._s(e.start_at)+"\n ")])])])}))},staticRenderFns:[]};var c=n("VU/8")(o,r,!1,function(t){n("wElg")},"data-v-62644930",null);e.default=c.exports},wElg:function(t,e){}});
\ No newline at end of file \ No newline at end of file
!function(e){var c=window.webpackJsonp;window.webpackJsonp=function(a,t,r){for(var o,d,b,i=0,u=[];i<a.length;i++)d=a[i],n[d]&&u.push(n[d][0]),n[d]=0;for(o in t)Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);for(c&&c(a,t,r);u.length;)u.shift()();if(r)for(i=0;i<r.length;i++)b=f(f.s=r[i]);return b};var a={},n={35:0};function f(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,f),n.l=!0,n.exports}f.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,f){c=n[e]=[a,f]});c[2]=a;var t=document.getElementsByTagName("head")[0],r=document.createElement("script");r.type="text/javascript",r.charset="utf-8",r.async=!0,r.timeout=12e4,f.nc&&r.setAttribute("nonce",f.nc),r.src=f.p+"static/js/"+e+"."+{0:"d37d13743021164cc952",1:"f475c1c8d998533a627d",2:"740c1faeb09b127e702f",3:"346531af9472052f31b0",4:"b14ae7a5e2bbc6492d16",5:"3bae80162221b9bf0e80",6:"03f64eaa29bbdec84a60",7:"7b0dde361958e00cc9f2",8:"70be677036da3209cccf",9:"9eacdb9fc1cf19f7fabe",10:"d06c09aa911998b0f564",11:"75a866afb937fc1df8e1",12:"50545fc8db8a460df1a4",13:"47a5ab3ec77afb65f1aa",14:"45c5ded3717cde5999c5",15:"f9fabe9d7c33c807d49f",16:"1aa644215594652dea57",17:"9611f12f192f94a8bbdd",18:"b820531cab4a257b52da",19:"805d0cafeab0a29e3d71",20:"2268b4206ecbd1d9c34b",21:"3f31027b2bc9b31c23ef",22:"8a96c4c79532251e5269",23:"39f766967c4650909594",24:"f6374f995ea7a86f9f3b",25:"e5861d8c07fc8bedff04",26:"23cb5b03a4c7901f37f2",27:"776139f253dd23ce2dad",28:"a4d259ddce2d6f162adc",29:"b592a072a8ae796cf8c2",30:"c3a73a598f8c715dece8",31:"4bb3c4f0895e90edf88d",32:"8b0fb67b7967b6fd15a4"}[e]+".js";var o=setTimeout(d,12e4);function d(){r.onerror=r.onload=null,clearTimeout(o);var c=n[e];0!==c&&(c&&c[1](new Error("Loading chunk "+e+" failed.")),n[e]=void 0)}return r.onerror=r.onload=d,t.appendChild(r),a},f.m=e,f.c=a,f.d=function(e,c,a){f.o(e,c)||Object.defineProperty(e,c,{configurable:!1,enumerable:!0,get:a})},f.n=function(e){var c=e&&e.__esModule?function(){return e.default}:function(){return e};return f.d(c,"a",c),c},f.o=function(e,c){return Object.prototype.hasOwnProperty.call(e,c)},f.p="https://static-cdn.changchangenglish.com/new-sing/",f.oe=function(e){throw console.error(e),e}}([]); !function(e){var a=window.webpackJsonp;window.webpackJsonp=function(c,t,r){for(var o,d,b,i=0,u=[];i<c.length;i++)d=c[i],n[d]&&u.push(n[d][0]),n[d]=0;for(o in t)Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);for(a&&a(c,t,r);u.length;)u.shift()();if(r)for(i=0;i<r.length;i++)b=f(f.s=r[i]);return b};var c={},n={35:0};function f(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,f),n.l=!0,n.exports}f.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,f){a=n[e]=[c,f]});a[2]=c;var t=document.getElementsByTagName("head")[0],r=document.createElement("script");r.type="text/javascript",r.charset="utf-8",r.async=!0,r.timeout=12e4,f.nc&&r.setAttribute("nonce",f.nc),r.src=f.p+"static/js/"+e+"."+{0:"a5b25438a1394ab4d2f9",1:"f475c1c8d998533a627d",2:"740c1faeb09b127e702f",3:"346531af9472052f31b0",4:"b14ae7a5e2bbc6492d16",5:"a1f67c56ad8960728126",6:"824f7ddc07f2e5b3e144",7:"7b0dde361958e00cc9f2",8:"70be677036da3209cccf",9:"9eacdb9fc1cf19f7fabe",10:"d06c09aa911998b0f564",11:"75a866afb937fc1df8e1",12:"50545fc8db8a460df1a4",13:"47a5ab3ec77afb65f1aa",14:"45c5ded3717cde5999c5",15:"f9fabe9d7c33c807d49f",16:"1aa644215594652dea57",17:"9611f12f192f94a8bbdd",18:"b820531cab4a257b52da",19:"805d0cafeab0a29e3d71",20:"2268b4206ecbd1d9c34b",21:"3f31027b2bc9b31c23ef",22:"8a96c4c79532251e5269",23:"39f766967c4650909594",24:"f6374f995ea7a86f9f3b",25:"e5861d8c07fc8bedff04",26:"23cb5b03a4c7901f37f2",27:"776139f253dd23ce2dad",28:"a4d259ddce2d6f162adc",29:"b592a072a8ae796cf8c2",30:"fb8f409aa67ca3095222",31:"64ce2e1987afb9909140",32:"475b97e8dfd569a40276"}[e]+".js";var o=setTimeout(d,12e4);function d(){r.onerror=r.onload=null,clearTimeout(o);var a=n[e];0!==a&&(a&&a[1](new Error("Loading chunk "+e+" failed.")),n[e]=void 0)}return r.onerror=r.onload=d,t.appendChild(r),c},f.m=e,f.c=c,f.d=function(e,a,c){f.o(e,a)||Object.defineProperty(e,a,{configurable:!1,enumerable:!0,get:c})},f.n=function(e){var a=e&&e.__esModule?function(){return e.default}:function(){return e};return f.d(a,"a",a),a},f.o=function(e,a){return Object.prototype.hasOwnProperty.call(e,a)},f.p="https://static-cdn.changchangenglish.com/new-sing/",f.oe=function(e){throw console.error(e),e}}([]);
\ No newline at end of file \ No newline at end of file
src/assets/index/banner2.png

150 KB | W: | H:

src/assets/index/banner2.png

8.43 KB | W: | H:

src/assets/index/banner2.png
src/assets/index/banner2.png
src/assets/index/banner2.png
src/assets/index/banner2.png
  • 2-up
  • Swipe
  • Onion skin
...@@ -27,7 +27,11 @@ ...@@ -27,7 +27,11 @@
<div class="Banner" id="capture33" v-if="userCourse.start_periods_id>-1"> <div class="Banner" id="capture33" v-if="userCourse.start_periods_id>-1">
<img class="bgimg" :src="imgUrl.indexBanener2" alt=""> <img class="bgimg" :src="imgUrl.indexBanener2" alt="">
<div class="content" > <div class="content" >
<img v-if="bannerData.qr" class="qr" :src="bannerData.qr" alt=""> <img class="qr" :src="bannerData.qr" alt="">
<div class="text">
<p>请扫码添加客服班主任</p>
<p>领取学习资料</p>
</div>
<div class="date"> <div class="date">
<p>开课时间:{{bannerData.start_at}}</p> <p>开课时间:{{bannerData.start_at}}</p>
<p v-if="bannerData.active_start_at">全勤打卡活动开始时间:{{bannerData.active_start_at}}</p> <p v-if="bannerData.active_start_at">全勤打卡活动开始时间:{{bannerData.active_start_at}}</p>
...@@ -250,7 +254,6 @@ export default { ...@@ -250,7 +254,6 @@ export default {
this.getBannerListApi() this.getBannerListApi()
if(res.goods_id){ if(res.goods_id){
// 无课 // 无课
this.userCourse = Object.assign({},res) this.userCourse = Object.assign({},res)
this.userCourse.start_periods_id='-1' this.userCourse.start_periods_id='-1'
localStorage.setItem('userCourse',JSON.stringify(this.userCourse)); localStorage.setItem('userCourse',JSON.stringify(this.userCourse));
...@@ -427,6 +430,8 @@ export default { ...@@ -427,6 +430,8 @@ export default {
.qr{width: 126 * @toVw; .qr{width: 126 * @toVw;
position: absolute;left: 104* @toVw;top:20* @toVw ;z-index: 2; position: absolute;left: 104* @toVw;top:20* @toVw ;z-index: 2;
} }
.text{font-size: 15 * @toVw;color: #FF4D4F;text-align: center;position: absolute;top: 151* @toVw;width: 100%;font-weight:500;
}
.date{color: white;text-align: center;position: absolute;bottom: 8*@toVw;width: 100%;font-size: 12 * @toVw;} .date{color: white;text-align: center;position: absolute;bottom: 8*@toVw;width: 100%;font-size: 12 * @toVw;}
.triangle{background: #FFC53D;width:104* @toVw ;height: 104* @toVw;position: absolute;right: -46* @toVw; top: -62* @toVw; transform:rotate(-50deg);z-index: 3; .triangle{background: #FFC53D;width:104* @toVw ;height: 104* @toVw;position: absolute;right: -46* @toVw; top: -62* @toVw; transform:rotate(-50deg);z-index: 3;
span{color: white;font-size: 14 * @toVw;transform:rotate(91deg);position: absolute;top: 52* @toVw;font-size: 13 * @toVw; } span{color: white;font-size: 14 * @toVw;transform:rotate(91deg);position: absolute;top: 52* @toVw;font-size: 13 * @toVw; }
...@@ -710,7 +715,7 @@ export default { ...@@ -710,7 +715,7 @@ export default {
} }
.content { .content {
position: absolute; position: absolute;
z-index: 1; z-index: 3;
height: 525 * @toVw; height: 525 * @toVw;
width:714 * @toVw; width:714 * @toVw;
border-radius: 30 * @toVw; border-radius: 30 * @toVw;
...@@ -727,7 +732,10 @@ export default { ...@@ -727,7 +732,10 @@ export default {
.qr{width: 257 * @toVw; .qr{width: 257 * @toVw;
position: absolute;left: 230* @toVw;top:60* @toVw ;z-index: 2; position: absolute;left: 230* @toVw;top:60* @toVw ;z-index: 2;
} }
.date{color: white;text-align: center;position: absolute;bottom: 30*@toVw;width: 100%;font-size: 12 * @toVw;} .text{font-size: 26 * @toVw;color: #FF4D4F;text-align: center;position: absolute;top: 331* @toVw;width: 100%;font-weight:500;
// font-size:
}
.date{color: white;text-align: center;position: absolute;bottom: 30*@toVw;width: 100%;font-size: 22 * @toVw;}
.triangle{background: #FFC53D;width:144* @toVw ;height: 144* @toVw;position: absolute;right: -78* @toVw; top: -64* @toVw; transform:rotate(-41deg);z-index: 3; .triangle{background: #FFC53D;width:144* @toVw ;height: 144* @toVw;position: absolute;right: -78* @toVw; top: -64* @toVw; transform:rotate(-41deg);z-index: 3;
span{color: white;font-size: 18 px;transform:rotate(91deg);position: absolute;top: 62* @toVw;font-size: 18 * @toVw; } span{color: white;font-size: 18 px;transform:rotate(91deg);position: absolute;top: 62* @toVw;font-size: 18 * @toVw; }
} }
......
...@@ -9,16 +9,41 @@ ...@@ -9,16 +9,41 @@
<!--竖屏 课程--> <!--竖屏 课程-->
<div <div
:class="{'lesson-block':shopType==0, 'lesson-block nounit':shopType==1}" :class="{'lesson-block':shopType==0, 'lesson-block nounit':shopType==1}"
v-if="secActions.is_start_course"
> >
<div v-if="noLesson" class="noLesson"> <!-- <div v-if="noLesson" class="noLesson">
<img :src="errorURL"> <img :src="errorURL">
<div>暂无课程</div> <div>暂无课程</div>
</div> -->
<div class="card-block" >
<img :src="lessonList1[0].cover+'?imageslim'">
<div :class="'card-li cid'+item.id" v-for="(item,x) in lessonList1" @click="showDia(item,x+1)">
<div class="text-block">
<div class="title">{{item.name | substr10}}</div>
<div class="tips">
<span v-if="item.push_time !== '0000-00-00'">开课时间:{{item.push_time}}</span>
<span v-if="item.push_time === '0000-00-00'">课程还未开始哦</span>
</div> </div>
<div class="">
</div> </div>
<div class="card-block" v-for="(data,index) in lessonList"> <div class="star-block" v-if="item.push_time !== '0000-00-00'">
<img class="star-img" :src="star_act" v-for="s in item.star_num">
<img class="star-img" :src="star_def" v-for="s in 3-item.star_num">
</div>
<div class="icon-block">
<i
:class="{
map:true,
right:index !== item.length-1 && item.push_time !== '0000-00-00',
money:item.push_time !== '0000-00-00' && ((data[x+1] && data[x+1].push_time === '0000-00-00' || ( x === data.length-1 && lessonList[index+1] && lessonList[index+1][0].push_time === '0000-00-00'))|| (shopType == 0 && findUnit(parent_category_id) && findUnit(parent_category_id).status === 2 || shopType ==1 ) && x===data.length-1 && index == lessonList.length-1),
clock:item.push_time === '0000-00-00'
}"
></i>
</div>
</div>
</div>
<div class="couponBox">
<img class="bg" :src="couponBg" alt="">
</div>
<div >
<img :src="data[0].cover+'?imageslim'"> <img :src="data[0].cover+'?imageslim'">
<div class="shadowbox" v-if="index==1"> <div class="shadowbox" v-if="index==1">
<div class="shadow"></div> <div class="shadow"></div>
...@@ -55,11 +80,11 @@ ...@@ -55,11 +80,11 @@
</div> </div>
</div> </div>
</div> </div>
<div v-if="!secActions.is_start_course" class="unStart"> <!-- <div v-if="!secActions.is_start_course" class="unStart">
<img :src="mok4" alt> <img :src="mok4" alt>
<p>您的课程尚未开始</p> <p>您的课程尚未开始</p>
<div>课程开始时间:{{secActions.start_at}}</div> <div>课程开始时间:{{secActions.start_at}}</div>
</div> </div> -->
<mt-popup v-model="popupVisible" style="background: transparent"> <mt-popup v-model="popupVisible" style="background: transparent">
<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>
...@@ -102,6 +127,7 @@ import { ...@@ -102,6 +127,7 @@ import {
import star_act from "../../assets/newLesson/star_act.png"; import star_act from "../../assets/newLesson/star_act.png";
import star_def from "../../assets/newLesson/star_def.png"; import star_def from "../../assets/newLesson/star_def.png";
import diaBGI from "../../assets/newLesson/diaBG.png"; import diaBGI from "../../assets/newLesson/diaBG.png";
import couponBg from "../../assets/bg_coupon@2x.png";
import mok4 from "../../assets/newLesson/mok4.png"; import mok4 from "../../assets/newLesson/mok4.png";
import "swiper/dist/css/swiper.css"; import "swiper/dist/css/swiper.css";
import { swiper, swiperSlide } from "vue-awesome-swiper"; import { swiper, swiperSlide } from "vue-awesome-swiper";
...@@ -139,6 +165,7 @@ export default { ...@@ -139,6 +165,7 @@ export default {
unitList: [], unitList: [],
more: false, more: false,
errorURL: errorURL, errorURL: errorURL,
couponBg:couponBg,
popupVisible: false, popupVisible: false,
lessonList: [], lessonList: [],
lessonList1: [], lessonList1: [],
...@@ -398,21 +425,23 @@ export default { ...@@ -398,21 +425,23 @@ export default {
getLessonList(res) { getLessonList(res) {
if(this.userCourse.can_buy_goods_id){ if(this.userCourse.can_buy_goods_id){
getAutomationApi('goods',this.userCourse.can_buy_goods_id[0]).then(res=>{ getAutomationApi('goods',this.userCourse.can_buy_goods_id[0]).then(res=>{
console.log(res) this.lessonList2=res.can_watch_list
this.lessonList2=res console.log(this.lessonList2)
}) })
} }
if(this.userCourse.automation_id){ if(this.userCourse.automation_id){
this.userCourse.automation_id.forEach((el,index)=>{ this.userCourse.automation_id.forEach((el,index)=>{
getAutomationApi('automation_id',el).then(res=>{ getAutomationApi('automation_id',el).then(res=>{
if(index==0){ if(index==1){
this.lessonList2=res this.lessonList2=res.can_watch_list
}else{ }else{
this.lessonList1=res this.lessonList1=res.can_watch_list
} }
console.log(res) console.log(this.lessonList2)
console.log(this.lessonList1)
}) })
}) })
// debugger
} }
// debugger // debugger
this.lessonList = []; this.lessonList = [];
......
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