19.b2a9b2e54720487ddc2e.js 32.2 KB
webpackJsonp([19],{"/DPI":function(t,s,i){"use strict";s.a={set:function(t,s){localStorage.setItem(t,s),localStorage.setItem("overtime",new Date(new Date((new Date).toLocaleDateString()).getTime()+864e5-1).getTime())},get:function(t){return(new Date).getTime()>localStorage.getItem("overtime")?(localStorage.setItem(t,0),localStorage.getItem(t)):localStorage.getItem(t)}}},DEOi:function(t,s){},GZRf:function(t,s){t.exports="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAiCAQAAACHbFOAAAABaUlEQVR4Aa2VKcyEMBBGK3Co+qQab/Dr8VmfYLF4hTd4uRaPd2h8gq5Gvf8kTcm3y/zHU9zH9zoz7gMKGnpu7pdQ0XOnPHYDC18MFO7H0LIDsFF/HVhIzHj3AygYSUS8I5CzUpkf5pnJaRwFGzmRxhmgZiNnJ6QMc3p3AXd2EkeGX1Dy4MyD8sXPDpxZCPlF+hIBnkm93vITkZtYcytnBnvM0GVXNERydu7uOVLQeCx3etAiXkDJpNJU4nTKAiFoE18+CREaKUiL0OAZWJipM0ERhRBBw8JMR3GI2NSFBFYAKUIHtHyGcJIwUFwJeqGwT+0rMeFFkQkRYpGPWsBKlTdQ1YC5EcmJVM9PNZmgifkkoufMSlAfb2hhaZGLoA7wzLqH2MtTzQfh1NCn2+sJplqY4bxACNpp9R8YR5oUNBJExtahKwXtBhECIUgjRFxBh8Qgwi7ILMIuyCzCKMguwiSoc/8FNa0tuTetGdMtdlqYjwAAAABJRU5ErkJggg=="},HTnG:function(t,s){t.exports="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUBAMAAAB/pwA+AAAAKlBMVEVHcExjY2NnZ2dmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZma8aptTAAAADXRSTlMAChua8Mfa5Sgzq7o8BMkrtgAAAKFJREFUCNdjCBVgAAPGUIbYQAhT9CqD2lWwMGNsEgNTLlhY9JoCA4PabaAw494kIJ8pdyMDgzRIECwMETRmYKrdKH1dAcjIXcCgfmttEQPXNYb2WwwctdcbGNZWAOkFDO0VDFxAHkPLZQZGAQZbD6A+Tl8DBgbmKxNAhk25zMBg6wl2CFAYKsjAcOSyrQ+ExcDje+UAlMlwBCYIdJECAyoAAI7OKAxeudldAAAAAElFTkSuQmCC"},SCHh:function(t,s){},dAjm:function(t,s,i){"use strict";Object.defineProperty(s,"__esModule",{value:!0});var a=i("mvHQ"),e=i.n(a),n=(i("eqfM"),i("/QYm")),o=i("bOdI"),c=i.n(o),r=(i("mMXg"),i("qYlo")),l=i("CCn6"),u=i("Jmy5"),_=i("/DPI"),d=(i("zSLJ"),i("HTnG")),p=i.n(d),v=i("GZRf"),h=i.n(v),m=i("y2/I"),f=i.n(m),g=i("2oJL"),C=i("sf/l"),b=i("mkI/"),y=i("eMjc"),w=i.n(y),k=(i("7+uW"),{name:"index",components:c()({bottomTab:g.a,audioPage:b.a},r.a.name,r.a),data:function(){return{banner_bg:f.a,couponShadow:!1,icon_point2:h.a,icon_point:p.a,pt:!1,countTime:"00:00:00",orderList:[],bannerList:[],teacherQ2:!1,teacherDetail:null,imgUrl:u.b,user_id:null,newUrl:"",lessonList:[],medList:[],qmList:[],mxxyList:[],zbList:[],userCourse:{},bannerData:{qr:"",start_at:"",active_start_at:"",is_start_active:""},showObj:{audio:[],audioIndex:0,show:!1},unlook:!1,canvasData:"1",coupon:!0,couponInfo:{},liuyuActivity:!0,liuyucoolie:!1,orientationchange:!1}},created:function(){this.initPage(),n.a.loading({mask:!0,message:""})},mounted:function(){this.unlook=localStorage.getItem("unlook"),document.body.clientWidth>700&&(this.orientationchange=!0)},methods:{shadowClick:function(){this.pt=!1,sessionStorage.setItem("orderShadow",!0)},toActivity:function(){this.$sa.quick("trackHeatMap",this.$refs.toActivity),this.$router.push({name:"liuyi",query:{}})},liuyiBtn:function(){this.$sa.quick("trackHeatMap",this.$refs.liuyiBtn),this.$router.push({name:"liuyi",query:{}})},goDetail:function(t){this.$sa.quick("trackHeatMap",this.$refs.groupItem),this.$sa.quick("trackHeatMap",this.$refs.groupIcon),this.$router.push({name:"success",query:{out_trade_no:this.orderList[t].out_trade_no}}),sessionStorage.setItem("orderShadow",!0)},onReachBottom:function(){},toShop:function(t){1==t?this.$sa.quick("trackHeatMap",this.$refs.couponShop):this.$sa.quick("trackHeatMap",this.$refs.toShopD),this.$router.push({name:"buyDetail",query:{shopId:this.bannerData.goods_id,invite_code:this.bannerData.invite_code}})},goMed:function(t){this.$sa.quick("trackHeatMap",this.$refs.meditem[t]),this.showObj.audioIndex=t,this.showObj.show=!0,this.$refs.audioPage.onPlay()},goLink:function(t,s){"qm"==s?(this.$sa.quick("trackHeatMap",this.$refs.qmitem),1==this.userCourse.is_free_course?window.location.href="https://wx840a79781fa6f66d.h5.xiaoe-tech.com/content_page/eyJ0eXBlIjozLCJyZXNvdXJjZV90eXBlIjo4LCJyZXNvdXJjZV9pZCI6IiIsInByb2R1Y3RfaWQiOiJwXzVjYjQyMDgzYTA2NDNfMXF0OUFGbnoiLCJhcHBfaWQiOiJhcHBhTlFMZmt0SDM3MTcifQ":window.location.href=t):"mxxy"==s?(this.$sa.quick("trackHeatMap",this.$refs.mxxyitem),window.location.href=t):"zb"==s&&(this.$sa.quick("trackHeatMap",this.$refs.zbitem),window.location.href=t)},getBannerListApi:function(){var t=this,s={limit:4,page:1};Object(l.c)(5,{limit:2,page:1}).then(function(s){t.zbList=s.list}),Object(l.c)(2,{limit:99,page:1}).then(function(i){for(var a=0;a<4;a++)t.medList.push(i.list[a]);t.showObj.audio=i.list,Object(l.c)(4,s).then(function(s){t.mxxyList=s.list})}),Object(l.c)(3,{limit:2,page:1}).then(function(s){t.qmList=s.list}),n.a.clear()},initPage:function(){var t=this,s=this;Object(l.n)().then(function(i){i.teacher_alias&&(1!=i.teacher_alias.substr(0,1)?i.teacher_alias_flag=!1:i.teacher_alias_flag=!0),t.userCourse=i,localStorage.setItem("userCourse",e()(t.userCourse)),t.$sa.track("viewHomepage",{}),t.getBannerListApi();var a=i;if(i.periods_list||(Object(l.m)(a.goods_id).then(function(s){s.length&&(t.couponInfo=s[0],t.$sa.track("view61index",{}),t.pt&&(document.body.scrollTop=150,document.documentElement.scrollTop=150,window.pageYOffset=150)),t.$store.state.couponShadow&&(t.couponShadow=!0,t.$sa.track("view61tipshadow",{}),t.$store.dispatch("setCouponShadow",!1)),!s.length&&Date.parse(new Date)<Date.parse(new Date("2019/6/4"))&&!a.automation_id&&0==_.a.get("liuyi")&&(t.liuyucoolie=!0,_.a.set("liuyi",1),t.$sa.track("view61window",{}))}),Date.parse(new Date)>Date.parse(new Date("2019/6/4 00:00:00"))&&(t.liuyuActivity=!1,_.a.set("liuyi",1))),i.goods_id&&!i.automation_id)t.bannerData=i,t.$refs.bottomTab.setBtn();else if(void 0!=i.start_periods_id&&i.start_periods_id>0)i.teacher_qr&&(t.bannerData.qr=i.teacher_qr),t.bannerData.start_at=i.periods_list[0].start_at,t.bannerData.active_start_at=i.periods_list[0].active_start_at,t.bannerData.is_start_active=i.is_start_active,t.bannerData.start_periods_id=i.start_periods_id,t.$refs.bottomTab.setBtn(),1!=JSON.parse(localStorage.getItem("userDesc")).family_user&&!sessionStorage.getItem("frist")&&t.bannerData.start_periods_id&&(sessionStorage.setItem("frist",!0),t.$router.push({name:"map",query:{course_type:i.start_periods_course_type}})),t.$nextTick(function(){document.getElementById("capture33")&&w()(document.getElementById("capture33"),{async:!0,scrollX:0,scale:2,letterRendering:!0,useCORS:!0}).then(function(s){t.divShow=!1;var i=s.toDataURL("image/jpg",1);t.canvasData=i}).catch(function(t){})}),window.addEventListener("orientationchange",function(){s.html2canvas&&setTimeout(function(){s.canvasData="",s.$nextTick(function(){w()(document.getElementById("capture33"),{async:!0,scrollX:0,scale:3,letterRendering:!0,useCORS:!0}).then(function(t){s.divShow=!1;var i=t.toDataURL("image/jpg",1);s.canvasData=i}).catch(function(t){})})},300)},!1);else if(void 0!=i.start_periods_id&&0==i.start_periods_id)i.teacher_qr&&(t.bannerData.qr=i.teacher_qr),t.bannerData.start_at=i.periods_list[0].start_at,t.bannerData.active_start_at=i.periods_list[0].active_start_at,t.bannerData.is_start_active=i.is_start_active,t.bannerData.start_periods_id=i.start_periods_id,t.$refs.bottomTab.setBtn();else if(i.automation_id.length){t.bannerData=i,1!=JSON.parse(localStorage.getItem("userDesc")).family_user&&(sessionStorage.getItem("frist")||(sessionStorage.setItem("frist",!0),t.$router.push({name:"map",query:{}})))}}),Object(l.E)().then(function(s){var i=t,a=[];s.list.forEach(function(s){if(2==s.buy_type&&1==s.status&&(sessionStorage.getItem("orderShadow")||(t.pt=!0),s.group_info&&new Date(s.group_info.deadline.replace(/-/g,"/")).getTime()>=(new Date).getTime())){s.goods_desc=JSON.parse(s.goods_desc),a.push(s);var e=setInterval(function(){i.countTime=C.a.leftTimer(new Date(s.group_info.deadline.replace(/-/g,"/")),e)},1e3)}}),t.orderList=a})},dateParse:function(t){var s=void 0;return s=t.indexOf("-")>-1?t.split("-"):t.indexOf("/")>-1?t.split("/"):t.split("."),new Date(s[0],s[1]-1,s[2])},dateCompare:function(t,s){var i=t.getTime(),a=s.getTime();return a>i?1:a==i?0:-1},toMap:function(t){(this.$sa.track("buttonClick",{tabTitle:"首页",moduleTitle:"课程",buttonType:"课程",buttonName:"进入课程"}),this.dateCompare(new Date,this.dateParse(t.start_at))<1)?1!=JSON.parse(localStorage.getItem("userDesc")).family_user&&this.$router.push({name:"map",query:{parent_category_id:t.parent_category_id,course_type:t.course_type}}):Object(n.a)("该课程暂未开始")},toHear:function(){this.$sa.quick("trackHeatMap",this.$refs.med),1==this.userCourse.is_free_course?window.location.href="https://appaNQLfktH3717.h5.xiaoeknow.com/content_page/eyJ0eXBlIjozLCJyZXNvdXJjZV90eXBlIjo4LCJyZXNvdXJjZV9pZCI6IiIsInByb2R1Y3RfaWQiOiJwXzVjYjQyMDgzYTA2NDNfMXF0OUFGbnoiLCJhcHBfaWQiOiJhcHBhTlFMZmt0SDM3MTcifQ":this.$router.push({name:"med"})},toZb:function(){this.$sa.quick("trackHeatMap",this.$refs.zb),this.$router.push({name:"zhibo"})},toCollection:function(){this.$sa.quick("trackHeatMap",this.$refs.collection),this.$router.push({name:"collection"})},toTeacher:function(){this.$sa.quick("trackHeatMap",this.$refs.teacher),window.location.href="https://www.changchangenglish.com/m-home.html"},toPreview:function(){this.$sa.quick("trackHeatMap",this.$refs.preview),localStorage.setItem("unlook","1"),this.$router.push({name:"preview"})},toBbda:function(){this.$sa.quick("trackHeatMap",this.$refs.bbda),this.$router.push({name:"bbda",params:{index:"1"}})}}}),I={render:function(){var t=this,s=t.$createElement,i=t._self._c||s;return i("div",{staticClass:"index"},[i("div",{staticClass:"padTop"},[i("div",{staticClass:"banner-block"},[null!=t.userCourse.goods_id&&t.userCourse.goods_id>0?i("div",{ref:"toShopD",staticClass:"unBanner",on:{click:function(s){t.toShop()}}},[i("img",{staticClass:"bgimg",attrs:{src:t.imgUrl.indexBanener1,alt:""}}),t._v(" "),i("div",{staticClass:"content"},[i("div",{staticClass:"title"},[i("p",{staticClass:"title1"},[t._v("唱唱启蒙英语")]),t._v(" "),i("p",{staticClass:"title2"},[t._v(t._s(t.bannerData.course_title))])]),t._v(" "),t.couponInfo.money?t._e():i("div",{staticClass:"date"},[i("p",{staticClass:"date1",staticStyle:{"text-decoration":"line-through"}},[t._v("原价:"+t._s(t.bannerData.original_price/100)+"元")]),t._v(" "),i("p",{staticClass:"date2"},[t._v("限时"+t._s(t.bannerData.current_price/100)+"元领取")])]),t._v(" "),t.couponInfo.money?i("div",{staticClass:"date"},[i("p",{staticClass:"date1",staticStyle:{"text-decoration":"line-through"}},[t._v("原价:"+t._s(t.bannerData.current_price/100)+"元")]),t._v(" "),i("p",{staticClass:"date2"},[t._v("券后"+t._s((t.bannerData.current_price-t.couponInfo.money)/100)+"元领取")])]):t._e(),t._v(" "),t._m(0)])]):t._e(),t._v(" "),null!=t.userCourse.start_periods_id&&t.userCourse.teacher_alias_flag?i("div",{staticClass:"Banner",attrs:{id:"capture33"}},[i("img",{staticClass:"bgimg",attrs:{src:t.imgUrl.indexBanener2,alt:""}}),t._v(" "),i("div",{staticClass:"content"},[i("img",{staticClass:"qr",attrs:{src:t.bannerData.qr,alt:""}}),t._v(" "),t._m(1),t._v(" "),t.bannerData.active_start_at?i("div",{staticClass:"date"},[i("p",[t._v("开课时间:"+t._s(t.bannerData.start_at))]),t._v(" "),t.bannerData.active_start_at?i("p",[t._v("全勤活动开始时间:"+t._s(t.bannerData.active_start_at))]):t._e()]):t._e(),t._v(" "),t.bannerData.active_start_at?t._e():i("div",{staticClass:"data_only"},[i("p",[t._v("开课时间:"+t._s(t.bannerData.start_at))])])]),t._v(" "),i("div",{staticClass:"triangle"},[t.userCourse.periods_list[0].is_start_course>0?i("span",[t._v("已开课")]):t._e(),t._v(" "),t.userCourse.periods_list[0].is_start_course?t._e():i("span",[t._v("待开课")])]),t._v(" "),t.canvasData?i("img",{staticClass:"bgimg canvas",attrs:{src:t.canvasData,alt:""}}):t._e()]):t._e(),t._v(" "),t.userCourse.goods_id||t.userCourse.teacher_alias_flag||!t.userCourse.periods_list?t._e():i("div",{ref:"toShopD",staticClass:"unBanner"},[i("img",{staticClass:"bgimg",attrs:{src:t.banner_bg,alt:""}}),t._v(" "),t.userCourse.periods_list?i("div",{staticClass:"content"},[i("div",{staticClass:"title titleSpc"},[i("p",{staticClass:"title1"},[t._v("欢迎加入唱唱启蒙英语")]),t._v(" "),i("p",{staticClass:"title2"},[t._v(t._s(t.userCourse.periods_list[0].course_title))])]),t._v(" "),i("div",{staticClass:"date spc"},[i("p",[t._v("开课时间")]),t._v(" "),i("p",[t._v(t._s(t.userCourse.periods_list[0].start_at))])]),t._v(" "),t.userCourse.periods_list[0].is_start_course?i("div",{staticClass:"triangle",staticStyle:{background:"transparent"}},[i("span",[t._v("已开课")])]):t._e(),t._v(" "),t.userCourse.periods_list[0].is_start_course?t._e():i("div",{staticClass:"triangle",staticStyle:{background:"transparent"}},[i("span",[t._v("待开课")])])]):t._e()])]),t._v(" "),t.couponInfo.money&&!t.orientationchange?i("div",{staticClass:"couponActivity"},[i("div",{staticClass:"textBox"},[i("div",[i("span",{staticClass:"line"}),t._v(" "),i("img",{attrs:{src:t.icon_point,alt:""}}),t._v(" "),i("span",{staticClass:"textcontent"},[t._v("\n            真幸运!您有课程代金券,使用立减\n            "),i("span",{staticClass:"price"},[t._v(t._s(t.couponInfo.money/100))]),t._v(" 元!\n          ")]),t._v(" "),i("span",{staticClass:"line"})])]),t._v(" "),i("div",{ref:"couponShop",class:{couponItem:!0,shaBox:t.couponShadow},on:{click:function(s){t.toShop(1)}}},[i("div",{staticClass:"left"},[i("img",{attrs:{src:t.imgUrl.coupon,alt:""}}),t._v(" "),i("div",[t._v("\n\n            "),i("span",[t._v(t._s(t.couponInfo.money/100))])])]),t._v(" "),i("div",{staticClass:"content"},[i("div",{staticClass:"top"},[i("div",{staticClass:"left"},[i("p",[t._v("课程代金券")]),t._v(" "),i("p",{staticClass:"date"},[t._v(t._s(t.couponInfo.deadline_at)+"失效")])]),t._v(" "),i("div",{staticClass:"btn"},[t._v("立即使用")])]),t._v(" "),i("div",{staticClass:"bottom"},[t._v("适用于购买21天训练营")])])]),t._v(" "),t.couponShadow&&!t.pt?i("div",{staticClass:"shadow",on:{click:function(s){t.couponShadow=!1}}}):t._e(),t._v(" "),t.couponShadow&&!t.pt?i("div",{staticClass:"toptext"},[i("img",{attrs:{src:t.icon_point2,alt:""}}),t._v(" "),i("span",{staticClass:"textcontent"},[t._v("\n          真幸运!您有课程代金券,使用立减\n          "),i("span",{staticClass:"price"},[t._v(t._s(t.couponInfo.money/100))]),t._v(" 元!\n        ")])]):t._e()]):t._e(),t._v(" "),i("div",{staticClass:"btn-block"},[i("div",{ref:"preview",staticClass:"btn toPreview",on:{click:t.toPreview}},[t.unlook?t._e():i("div",{staticClass:"nolook"},[t._v("1")])]),t._v(" "),t.userCourse.start_periods_id?t._e():i("div",{ref:"bbda",staticClass:"btn toBbda",on:{click:function(s){t.toBbda(s)}}}),t._v(" "),t.userCourse.start_periods_id?i("div",{ref:"collection",staticClass:"btn toCollection",on:{click:t.toCollection}}):t._e(),t._v(" "),i("div",{ref:"teacher",staticClass:"btn toTeacher",on:{click:t.toTeacher}})])]),t._v(" "),t.orderList.length?i("div",{class:{orderBox:!0,lowIndex:!t.pt&&t.orderList.length}},[t._l(t.orderList,function(s,a){return i("div",{key:a,ref:"groupItem",refInFor:!0,staticClass:"item groupItem",on:{click:function(s){t.goDetail(a)}}},[i("div",{staticClass:"top"},[i("img",{attrs:{src:s.goods_desc.img[0].url,alt:""}}),t._v(" "),i("div",{staticClass:"info"},[i("h3",[t._v(t._s(s.goods_name))]),t._v(" "),i("p",[t._v("\n            还差\n            "),i("span",[t._v(t._s(s.group_info.diff_size)+"人")]),t._v("拼团成功\n          ")]),t._v(" "),i("p",[t._v("\n            剩余拼团时间  \n            "),i("span",[t._v(t._s(t.countTime))])])])]),t._v(" "),i("div",{staticClass:"line"}),t._v(" "),t._m(2,!0)])}),t._v(" "),t.pt&&t.orderList.length?i("div",{staticClass:"shadow",on:{click:function(s){t.shadowClick()}}}):t._e(),t._v(" "),t.pt&&t.orderList.length?i("div",{ref:"groupIcon",staticClass:"imgbox groupItem",on:{click:function(s){t.goDetail(0)}}},[i("div",{staticClass:"text"},[t._v("快去邀请好友完成拼团吧~")]),t._v(" "),i("img",{attrs:{src:t.imgUrl.img_title,alt:""}})]):t._e()],2):t._e(),t._v(" "),t.couponInfo.money&&t.orientationchange?i("div",{staticClass:"couponActivity"},[i("div",{staticClass:"textBox"},[i("div",[i("span",{staticClass:"line"}),t._v(" "),i("img",{attrs:{src:t.icon_point,alt:""}}),t._v(" "),i("span",{staticClass:"textcontent"},[t._v("\n          真幸运!您有课程代金券,使用立减\n          "),i("span",{staticClass:"price"},[t._v(t._s(t.couponInfo.money/100))]),t._v(" 元!\n        ")]),t._v(" "),i("span",{staticClass:"line"})])]),t._v(" "),i("div",{ref:"couponShop",class:{couponItem:!0,shaBox:t.couponShadow},on:{click:function(s){t.toShop(1)}}},[i("div",{staticClass:"left"},[i("img",{attrs:{src:t.imgUrl.coupon,alt:""}}),t._v(" "),i("div",[t._v("\n\n          "),i("span",[t._v(t._s(t.couponInfo.money/100))])])]),t._v(" "),i("div",{staticClass:"content"},[i("div",{staticClass:"top"},[i("div",{staticClass:"left"},[i("p",[t._v("课程代金券")]),t._v(" "),i("p",{staticClass:"date"},[t._v(t._s(t.couponInfo.deadline_at)+"失效")])]),t._v(" "),i("div",{staticClass:"btn"},[t._v("立即使用")])]),t._v(" "),i("div",{staticClass:"bottom"},[t._v("适用于购买21天训练营")])])]),t._v(" "),t.couponShadow&&!t.pt?i("div",{staticClass:"shadow",on:{click:function(s){t.couponShadow=!1}}}):t._e(),t._v(" "),t.couponShadow&&!t.pt?i("div",{staticClass:"toptext"},[i("img",{attrs:{src:t.icon_point2,alt:""}}),t._v(" "),i("span",{staticClass:"textcontent"},[t._v("\n        真幸运!您有课程代金券,使用立减\n        "),i("span",{staticClass:"price"},[t._v(t._s(t.couponInfo.money/100))]),t._v(" 元!\n      ")])]):t._e()]):t._e(),t._v(" "),t.medList.length>0?i("div",{staticClass:"contentBox med"},[i("div",{staticClass:"commonTitle"},[i("span",{staticClass:"line"}),t._v(" "),i("span",{staticClass:"title"},[t._v("磨耳朵")]),t._v(" "),i("span",{staticClass:"tip"},[t._v("每天10分钟 成长看得见")]),t._v(" "),i("div",{ref:"med",staticClass:"more med",on:{click:t.toHear}},[t._v("\n        更多\n        "),i("i",{staticClass:"iconfont icon-youjiantou"})])]),t._v(" "),i("div",{staticClass:"content"},t._l(t.medList,function(s,a){return i("div",{key:s.id,ref:"meditem",refInFor:!0,staticClass:"contentItem med",on:{click:function(s){t.goMed(a)}}},[i("img",{attrs:{src:s.url,alt:""}}),t._v(" "),i("div",{staticClass:"white"}),t._v(" "),i("div",{staticClass:"text"},[i("div",{staticClass:"title"},[t._v(t._s(s.title))]),t._v(" "),i("div",{staticClass:"enTitle"},[t._v(t._s(s.sub_title))]),t._v(" "),i("div",{staticClass:"lookData"},[i("i",{staticClass:"iconfont icon-yanjing"}),t._v("\n            "+t._s(s.watch_num)+"人\n          ")])])])}))]):t._e(),t._v(" "),t.zbList.length>0?i("div",{staticClass:"contentBox qm zb"},[i("div",{staticClass:"commonTitle"},[i("span",{staticClass:"line"}),t._v(" "),i("span",{staticClass:"title"},[t._v("精彩直播课")]),t._v(" "),i("span",{staticClass:"tip"},[t._v("在线与名师互动")]),t._v(" "),i("a",{ref:"zb",staticClass:"more qm",on:{click:t.toZb}},[t._v("\n        更多\n        "),i("i",{staticClass:"iconfont icon-youjiantou"})])]),t._v(" "),i("div",{staticClass:"content"},t._l(t.zbList,function(s){return i("div",{key:s.id,ref:"zbitem",refInFor:!0,staticClass:"contentItem qm",on:{click:function(i){t.goLink(s.link,"zb")}}},[i("img",{attrs:{src:s.url,alt:""}}),t._v(" "),i("div",{staticClass:"text"},[i("div",{staticClass:"title"},[t._v(t._s(s.title))]),t._v(" "),i("div",{staticClass:"line"}),t._v(" "),i("div",{staticClass:"enTitle"},[t._v(t._s(s.sub_title))]),t._v(" "),i("div",{staticClass:"lookData"},[i("i",{staticClass:"iconfont icon-yanjing"}),t._v("\n            "+t._s(s.watch_num)+"人\n          ")])])])}))]):t._e(),t._v(" "),t.qmList.length>0?i("div",{staticClass:"contentBox qm"},[i("div",{staticClass:"commonTitle"},[i("span",{staticClass:"line"}),t._v(" "),i("span",{staticClass:"title"},[t._v("启蒙小课堂")]),t._v(" "),i("span",{staticClass:"tip"},[t._v("名师手把手,爸妈小帮手")]),t._v(" "),0==t.userCourse.is_free_course?i("a",{staticClass:"more qm",attrs:{href:"https://wx840a79781fa6f66d.h5.xiaoe-tech.com"}},[t._v("\n        更多\n        "),i("i",{staticClass:"iconfont icon-youjiantou"})]):t._e(),t._v(" "),1==t.userCourse.is_free_course?i("a",{staticClass:"more qm",attrs:{href:"https://wx840a79781fa6f66d.h5.xiaoe-tech.com/content_page/eyJ0eXBlIjozLCJyZXNvdXJjZV90eXBlIjo4LCJyZXNvdXJjZV9pZCI6IiIsInByb2R1Y3RfaWQiOiJwXzVjYjQyMDgzYTA2NDNfMXF0OUFGbnoiLCJhcHBfaWQiOiJhcHBhTlFMZmt0SDM3MTcifQ"}},[t._v("\n        更多\n        "),i("i",{staticClass:"iconfont icon-youjiantou"})]):t._e()]),t._v(" "),i("div",{staticClass:"content"},t._l(t.qmList,function(s){return i("div",{key:s.id,ref:"qmitem",refInFor:!0,staticClass:"contentItem qm",on:{click:function(i){t.goLink(s.link,"qm")}}},[i("img",{attrs:{src:s.url,alt:""}}),t._v(" "),i("div",{staticClass:"text"},[i("div",{staticClass:"title"},[t._v(t._s(s.title))]),t._v(" "),i("div",{staticClass:"line"}),t._v(" "),i("div",{staticClass:"enTitle"},[t._v(t._s(s.sub_title))]),t._v(" "),i("div",{staticClass:"lookData"},[i("i",{staticClass:"iconfont icon-yanjing"}),t._v("\n            "+t._s(s.watch_num)+"人\n          ")])])])}))]):t._e(),t._v(" "),t.mxxyList.length>0?i("div",{staticClass:"contentBox mxxy"},[t._m(3),t._v(" "),i("div",{staticClass:"content"},t._l(t.mxxyList,function(s){return i("div",{key:s.id,ref:"mxxyitem",refInFor:!0,staticClass:"contentItem mxxy",on:{click:function(i){t.goLink(s.link,"mxxy")}}},[i("img",{directives:[{name:"lazy",rawName:"v-lazy",value:s.url,expression:"item.url"}],attrs:{alt:""}}),t._v(" "),i("div",{staticClass:"text"},[i("div",{staticClass:"title"},[t._v(t._s(s.title))])]),t._v(" "),i("div",{staticClass:"tip"},[t._v(t._s(s.sub_title))])])}))]):t._e(),t._v(" "),null!=t.userCourse.goods_id&&t.userCourse.goods_id>0&&t.liuyuActivity?i("div",{staticClass:"liuyiBtn",on:{click:t.liuyiBtn}},[i("img",{attrs:{src:t.imgUrl.popup_btn,alt:""}})]):t._e(),t._v(" "),i("van-popup",{staticClass:"liuyudialog",attrs:{position:"top",overlay:!0},model:{value:t.liuyucoolie,callback:function(s){t.liuyucoolie=s},expression:"liuyucoolie"}},[i("div",{staticClass:"content"},[i("img",{staticClass:"main",attrs:{src:t.imgUrl.popup_img,alt:""}}),t._v(" "),i("div",{staticClass:"textBox"},[i("p",[t._v("儿童节感恩回馈!")]),t._v(" "),i("p",[t._v("给宝贝送专属心意好礼!")])]),t._v(" "),i("div",{ref:"toActivity",staticClass:"btn toActivity",on:{click:t.toActivity}},[t._v("立即参与")])])]),t._v(" "),t.showObj.audio.length>0?i("audio-page",{directives:[{name:"show",rawName:"v-show",value:t.showObj.show,expression:"showObj.show"}],ref:"audioPage",attrs:{sc:"1",showObj:t.showObj}}):t._e(),t._v(" "),i("bottom-tab",{ref:"bottomTab"})],1)},staticRenderFns:[function(){var t=this.$createElement,s=this._self._c||t;return s("div",{staticClass:"triangle"},[s("span",[this._v("专属福利")])])},function(){var t=this.$createElement,s=this._self._c||t;return s("div",{staticClass:"text"},[s("p",[this._v("请扫码添加客服班主任")]),this._v(" "),s("p",[this._v("领取学习资料")])])},function(){var t=this.$createElement,s=this._self._c||t;return s("div",{staticClass:"bottom"},[s("span",{staticClass:"text"},[this._v("*拼团成功后即可获取课程")]),this._v(" "),s("span",{staticClass:"btn"},[this._v("去邀请")])])},function(){var t=this.$createElement,s=this._self._c||t;return s("div",{staticClass:"commonTitle"},[s("span",{staticClass:"line"}),this._v(" "),s("span",{staticClass:"title"},[this._v("明星学员")]),this._v(" "),s("span",{staticClass:"tip"},[this._v("百万家庭力荐")]),this._v(" "),s("a",{staticClass:"more mxxy",attrs:{href:"https://mp.weixin.qq.com/mp/homepage?__biz=MzU2ODM5NjA5OA==&hid=4&sn=bb876d6313345925e86913bfe42671c6"}},[this._v("\n        更多\n        "),s("i",{staticClass:"iconfont icon-youjiantou"})])])}]};var x=i("VU/8")(k,I,!1,function(t){i("DEOi")},"data-v-1d9eb89f",null);s.default=x.exports},"mkI/":function(t,s,i){"use strict";i("eqfM");var a=i("/QYm"),e=i("bOdI"),n=i.n(e),o=(i("q/am"),i("4VPn")),c=i.n(o),r=i("S+8+"),l=i.n(r),u=i("97UH"),_=i.n(u),d=i("CCn6"),p={name:"fun",props:["showObj","sc"],components:n()({},c.a.name,c.a),data:function(){return{popupVisible:!1,collectPop:!1,hasCollect:!1,closeUrl:_.a,ageShow:!1,imgPop:!1,startTime:"00:00",overTime:"00:00",range:0,tapToVideo:l.a,playFlag:!1,transformStatus:"",offset:0,timer:null,playType:0|Number(localStorage.getItem("playType"))}},mounted:function(){this.checkCollect()},methods:{imgPopFn:function(){this.imgPop=!0},changeCollect:function(){var t=this;if(this.hasCollect)Object(d.h)(this.hasCollect).then(function(s){t.hasCollect=!1,Object(a.a)("取消收藏"),t.checkCollect()});else{var s={category_id:this.showObj.audio[this.showObj.audioIndex].category_id,type:1,title:this.showObj.audio[this.showObj.audioIndex].title,sub_title:"来自于 "+this.showObj.audio[this.showObj.audioIndex].sub_title,url:this.showObj.audio[this.showObj.audioIndex].link,cover:this.showObj.audio[this.showObj.audioIndex].url};Object(d.b)(s).then(function(s){Object(a.a)("收藏成功"),t.checkCollect()})}},checkCollect:function(){var t=this;if(0==this.sc){var s={url:this.showObj.audio[this.showObj.audioIndex].link};Object(d.O)(s).then(function(s){t.hasCollect=!(s.list.length<1)&&s.list[0].id})}},onPlay:function(){this.$refs.audio.play()},lastOne:function(){this.showObj.audioIndex>0?(this.showObj.audioIndex--,this.keepPlay()):0===this.playType&&this.showObj.audio.length>1?(this.showObj.audioIndex=this.showObj.audio.length-1,this.keepPlay()):Object(a.a)("已经是第一首")},changeIndex:function(t){this.showObj.audioIndex=t,this.popupVisible=!1,this.keepPlay()},keepPlay:function(){var t=this;this.playFlag?this.$nextTick(function(){t.onPlay()}):this.$nextTick(function(){t.onStop()})},nextOne:function(){this.showObj.audioIndex<this.showObj.audio.length-1?(this.showObj.audioIndex++,this.keepPlay()):0===this.playType&&this.showObj.audio.length>1?(this.showObj.audioIndex=0,this.keepPlay()):Object(a.a)("已经是最后一首")},canPlay:function(){var t=this,s=this.$refs.audio;this.offset=Math.ceil(0|parseInt(s.duration)),this.$nextTick(function(){t.getDuration()})},playing:function(){var t=this,s=this.$refs.audio;this.playFlag=!0,this.$refs.imgItem.classList.add("swin"),this.timer=setInterval(function(){var i=null;i=parseInt(s.currentTime/60)<10?"0"+parseInt(s.currentTime/60):parseInt(s.currentTime/60);var a=parseInt(s.currentTime%60);a<10&&(a="0"+a),t.startTime=i+":"+a,t.range=parseInt(s.currentTime),t.range===t.offset&&0!==t.offset&&(t.range=0,t.startTime="00:00",t.onOver(),clearInterval(t.timer))},1e3)},stopTime:function(){clearInterval(this.timer)},getDuration:function(){var t=null;if(0===this.offset)this.overTime="正在加载中...";else{t=parseInt(this.offset/60)<10?"0"+parseInt(this.offset/60):parseInt(this.offset/60);var s=parseInt(this.offset%60);s<10&&(s="0"+s),this.overTime=t+":"+s}},onStop:function(){this.$refs.audio.pause(),this.playFlag=!1;var t=getComputedStyle(this.$refs.imgItem).transform,s=getComputedStyle(this.$refs.imageBlock).transform;this.$refs.imageBlock.style.transform="none"===s?t:t.concat(" ",s),this.$refs.imgItem.classList.remove("swin")},close:function(){this.showObj.show=!1,this.onStop()},onOver:function(){var t=this;switch(this.playType){case 0:this.showObj.audioIndex<this.showObj.audio.length-1?this.showObj.audioIndex++:this.showObj.audioIndex=0,this.$nextTick(function(){t.onPlay()});break;case 1:this.range=0,this.$nextTick(function(){t.onPlay()});break;case 2:this.showObj.audioIndex<this.showObj.audio.length-1?(this.showObj.audioIndex++,this.$nextTick(function(){t.onPlay()})):(this.showObj.audioIndex=0,this.$nextTick(function(){t.onStop()}))}},changeType:function(){switch(this.playType<2?this.playType++:this.playType=0,window.localStorage.setItem("playType",this.playType),this.playType){case 1:Object(a.a)("单曲循环");break;case 2:Object(a.a)("顺序播放");break;case 0:Object(a.a)("列表循环")}}},watch:{"showObj.audioIndex":function(t){this.checkCollect(),this.keepPlay()},range:function(t,s){var i=this,a=this.$refs.audio;Math.abs(t-s)>2&&(this.timer=setInterval(function(){var t=null;t=parseInt(a.currentTime/60)<10?"0"+parseInt(a.currentTime/60):parseInt(a.currentTime/60);var s=parseInt(a.currentTime%60);s<10&&(s="0"+s),i.startTime=t+":"+s,i.range=parseInt(a.currentTime),i.range==i.offset&&0!==i.offset&&(i.range=0,i.startTime="00:00",i.onOver(),clearInterval(i.timer))},1e3),a.currentTime=t)}}},v={render:function(){var t=this,s=t.$createElement,i=t._self._c||s;return i("div",{staticClass:"audio-page"},[t.showObj.audio?i("div",{staticClass:"content"},[i("img",{staticClass:"colse-btn",attrs:{src:t.closeUrl},on:{click:t.close}}),t._v(" "),i("audio",{ref:"audio",attrs:{id:"audioTag",src:t.showObj.audio[t.showObj.audioIndex].link},on:{durationchange:t.canPlay,play:function(s){t.playing()}}}),t._v(" "),i("div",{staticClass:"hp-left"},[i("div",{staticClass:"hp-top"},[i("div",{staticClass:"title-block"},[i("div",{staticClass:"title"},[t._v(t._s(t.showObj.audio[t.showObj.audioIndex].title))]),t._v(" "),i("div",{staticClass:"tips"},[t._v(t._s(t.showObj.audio[t.showObj.audioIndex].sub_title))])]),t._v(" "),i("div",{ref:"imageBlock",class:{"image-block":!0},on:{click:t.imgPopFn}},[i("img",{ref:"imgItem",attrs:{src:t.showObj.audio[t.showObj.audioIndex].url}})]),t._v(" "),i("div",[i("div",{staticClass:"btn-group hp"},[0===t.playType?i("i",{staticClass:"iconfont icon-icon_change1",on:{click:function(s){t.changeType()}}}):t._e(),t._v(" "),1===t.playType?i("i",{staticClass:"iconfont icon-icon_change",on:{click:function(s){t.changeType()}}}):t._e(),t._v(" "),2===t.playType?i("i",{staticClass:"iconfont icon-icon_changge",on:{click:function(s){t.changeType()}}}):t._e(),t._v(" "),i("i",{staticClass:"iconfont icon-icon_left",on:{click:function(s){t.lastOne()}}}),t._v(" "),t.playFlag?t._e():i("i",{staticClass:"iconfont icon-icon_stop",on:{click:t.onPlay}}),t._v(" "),t.playFlag?i("i",{staticClass:"iconfont icon-icon_begin",on:{click:t.onStop}}):t._e(),t._v(" "),i("i",{staticClass:"iconfont icon-icon_right",on:{click:function(s){t.nextOne()}}}),t._v(" "),i("i",{staticClass:"iconfont icon-icon_list",on:{click:function(s){t.popupVisible=!t.popupVisible}}})])])]),t._v(" "),1==t.sc||t.hasCollect?t._e():i("i",{staticClass:"iconfont icon-icon_like collect",on:{click:t.changeCollect}}),t._v(" "),1!=t.sc&&t.hasCollect?i("i",{staticClass:"iconfont icon-icon_like1 collect",on:{click:t.changeCollect}}):t._e(),t._v(" "),i("div",{staticClass:"range-block"},[i("div",{staticClass:"time-block"},[i("div",{staticClass:"left-time"},[t._v(t._s(t.startTime))]),t._v(" "),i("div",{staticClass:"right-time"},[t._v(t._s(t.overTime))])]),t._v(" "),i("input",{directives:[{name:"model",rawName:"v-model",value:t.range,expression:"range"}],style:{backgroundSize:(t.offset?t.range/t.offset*100:0)+"% 100%"},attrs:{type:"range",min:"0",max:t.offset},domProps:{value:t.range},on:{__r:function(s){t.range=s.target.value}}})])]),t._v(" "),i("div",{staticClass:"btn-group"},[0===t.playType?i("i",{staticClass:"iconfont icon-icon_change1",on:{click:function(s){t.changeType()}}}):t._e(),t._v(" "),1===t.playType?i("i",{staticClass:"iconfont icon-icon_change",on:{click:function(s){t.changeType()}}}):t._e(),t._v(" "),2===t.playType?i("i",{staticClass:"iconfont icon-icon_changge",on:{click:function(s){t.changeType()}}}):t._e(),t._v(" "),i("i",{staticClass:"iconfont icon-icon_left",on:{click:function(s){t.lastOne()}}}),t._v(" "),t.playFlag?t._e():i("i",{staticClass:"iconfont icon-icon_stop",on:{click:t.onPlay}}),t._v(" "),t.playFlag?i("i",{staticClass:"iconfont icon-icon_begin",on:{click:t.onStop}}):t._e(),t._v(" "),i("i",{staticClass:"iconfont icon-icon_right",on:{click:function(s){t.nextOne()}}}),t._v(" "),i("i",{staticClass:"iconfont icon-icon_list",on:{click:function(s){t.popupVisible=!t.popupVisible}}})])]):t._e(),t._v(" "),i("mt-popup",{staticStyle:{background:"transparent"},attrs:{position:"bottom"},model:{value:t.popupVisible,callback:function(s){t.popupVisible=s},expression:"popupVisible"}},[t.showObj.audio?i("div",{staticClass:"list-popup"},[t._l(this.showObj.audio,function(s,a){return i("div",{class:{"list-block":!0,active:a===t.showObj.audioIndex},on:{click:function(s){t.changeIndex(a)}}},[t._v("\n        "+t._s(s.title)+"\n        "),i("i",{class:{playImage:!0,zDefaultIcon:a!==t.showObj.audioIndex,zIcon:a===t.showObj.audioIndex}})])}),t._v(" "),i("div",{staticClass:"close-btn",on:{click:function(s){t.popupVisible=!1}}},[t._v("关闭")])],2):t._e()]),t._v(" "),i("mt-popup",{staticStyle:{background:"transparent"},model:{value:t.imgPop,callback:function(s){t.imgPop=s},expression:"imgPop"}},[t.showObj.audio?i("div",{staticClass:"imgPop-block"},[i("img",{attrs:{src:t.showObj.audio[t.showObj.audioIndex].url}})]):t._e()])],1)},staticRenderFns:[]};var h=i("VU/8")(p,v,!1,function(t){i("SCHh")},"data-v-5bdfa1b2",null);s.a=h.exports},"y2/I":function(t,s,i){t.exports=i.p+"static/img/img_bg@2x.59affd7.png"}});