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