webpackJsonp([17],{"/VxT":function(t,i){t.exports="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAmBAMAAABaE/SdAAAAMFBMVEVHcExJ46ZJ46VJ46VJ46VI5aZJ4qVI46ZJ46VJ46ZJ46VI5ahJ4qVI46VJ4qVJ4qUxXrf/AAAAD3RSTlMAb8/toQ75P8VhiSAqfuVMjmp4AAABPUlEQVQoz2NgAAOeKXppRo4HGJBApP5/EPgkihDitP//yUvwiv7/zwIwIe7+/50BQJp1xv9PG6BiLP/VoayK/+ZQFnsj3BSxbxMY0AG7fTqGGMPhzyATOWxQFOYrAMn531EUyn8EOuC9AooYx+cABsb/Bai2/BdgYPoBZjovhQn2KzCc/wlm/f98FSo2/w+D/FeIGFww/iODP8SK/175UEGmLwz6DhCxBVvy/4GDiuUTw/sFUDEGoCAoqHg/M+QLwMQYtvwHuYHxG1Yx+wtoern+YbUDyS2iMLdguvknVr9hCwPMsJrAwGrfgCLGBAxTcGAjhz3IfKZvKJr7Qdq47VEirgScOso+F2BEM2d+Ipw9HcYo/t8OZRX9h6UrHn14WvsB18EITJO+gkuAaRIpVQVipl2gdhHltEewNA4AWTOUGfD3AKcAAAAASUVORK5CYII="},KgsE:function(t,i,s){t.exports=s.p+"static/img/collectionless.c6a6b9a.png"},PTpu:function(t,i,s){"use strict";Object.defineProperty(i,"__esModule",{value:!0});var o=s("CCn6"),n=s("KgsE"),e=s.n(n),a=s("nl7b"),c=s.n(a),l=s("Zozi"),r=s.n(l),h=s("/VxT"),u=s.n(h),p=s("2oJL"),d=s("mkI/"),f={name:"index",components:{footPage:p.a,audioPage:d.a},data:function(){return{errorUrl:e.a,playAllUrl:c.a,noOne:!1,playDefaultUrl:r.a,playActiveUrl:u.a,showObj:{audio:[],audioIndex:0,show:!1},audioShow:!1,page:1,loading:!1,total:0}},mounted:function(){this.initPage()},methods:{loadMore:function(){},toList:function(){this.$router.push({name:"map"})},showAudio:function(t){this.showObj.audioIndex=t,this.showObj.show=!0,this.$refs.audioPage.onPlay()},initPage:function(){var t=this;Object(o.O)({limit:1e5}).then(function(i){i.list.length<1?t.noOne=!0:(t.showObj.audio=i.list,t.total=i.total)})}}},v={render:function(){var t=this,i=t.$createElement,s=t._self._c||i;return s("div",{staticClass:"collection-page"},[t.noOne?t._e():s("div",{staticClass:"collection-content"},[s("div",{staticClass:"top-play"},[s("img",{staticClass:"play-all-img",attrs:{src:t.playAllUrl}}),t._v(" "),s("div",[t._v("\n        收藏夹"),s("span",{staticClass:"top-tips"},[t._v("（共"+t._s(t.total)+"首）")])])]),t._v(" "),s("ul",{directives:[{name:"infinite-scroll",rawName:"v-infinite-scroll",value:t.loadMore,expression:"loadMore"}],staticClass:"collection-list",attrs:{"infinite-scroll-disabled":"loading"}},t._l(t.showObj.audio,function(i,o){return s("li",{on:{click:function(i){t.showAudio(o)}}},[s("div",{staticClass:"index"},[t._v(t._s(o+1))]),t._v(" "),s("div",{staticClass:"text"},[s("div",{staticClass:"title"},[t._v("\n            "+t._s(i.title)+"\n          ")]),t._v(" "),s("div",{staticClass:"sub-title"},[t._v("\n            "+t._s(i.sub_title)+"\n          ")])]),t._v(" "),o!==t.showObj.audioIndex?s("img",{staticClass:"play-icon",attrs:{src:t.playDefaultUrl}}):t._e(),t._v(" "),o===t.showObj.audioIndex?s("img",{staticClass:"play-icon",attrs:{src:t.playActiveUrl}}):t._e()])}))]),t._v(" "),t.noOne?s("div",{staticClass:"unStart"},[s("img",{attrs:{src:t.errorUrl,alt:""}}),t._v(" "),s("p",[t._v("还没有收藏哦~")]),t._v(" "),s("div",{on:{click:function(i){t.toList()}}},[t._v("快去收藏添加吧~")])]):t._e(),t._v(" "),s("foot-page"),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:"0",showObj:t.showObj}}):t._e()],1)},staticRenderFns:[]};var g=s("VU/8")(f,v,!1,function(t){s("gFiw")},"data-v-64d234ba",null);i.default=g.exports},Ti7U:function(t,i){},Zozi:function(t,i){t.exports="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAmBAMAAABaE/SdAAAAJFBMVEVHcEyZmZmZmZmZmZmZmZmbm5uZmZmampqZmZmampqampqZmZmtFtvZAAAAC3RSTlMAy23poQ72JYU8Vr2/HB4AAAEYSURBVCjPY2AAA3YV4TRDpwIGJBAkvRsENqoihJisd2/0UGqR3r1ZASbELr1bKgBIsy7cvRGmnWW3JJQ1cXcWlMUpBDdFbdsCBnTAaZ2FIcZQvA1kIqM5isJsASCpvRNFofYmoAOsBVDEGDcHMDDtnoBqy24FBsaNYKZzK0xQWoChehOYtXsbTHD1dgbtrRCx3ZuhgtGbGLwhVuz2yN4MCRXGLQzSDhCxhhKoIMtGBusGqBgDUBAUVBybGbIVYGIMJbtBbmDahlUMSe9umF5sdmBzCzY3V+/C9Bu2MMAWVtjCFBzYaGHPwLgNRbM0SBt7NkrETQGnjmWbJ2BEM1d2Epy9EsZYhpSGCtDTmuLujfjSJNa0i5bGAfurbYQouV9oAAAAAElFTkSuQmCC"},gFiw:function(t,i){},"mkI/":function(t,i,s){"use strict";s("eqfM");var o=s("/QYm"),n=s("bOdI"),e=s.n(n),a=(s("q/am"),s("4VPn")),c=s.n(a),l=s("S+8+"),r=s.n(l),h=s("97UH"),u=s.n(h),p=s("CCn6"),d={name:"fun",props:["showObj","sc"],components:e()({},c.a.name,c.a),data:function(){return{popupVisible:!1,collectPop:!1,hasCollect:!1,closeUrl:u.a,ageShow:!1,imgPop:!1,startTime:"00:00",overTime:"00:00",range:0,tapToVideo:r.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(p.h)(this.hasCollect).then(function(i){t.hasCollect=!1,Object(o.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(p.b)(i).then(function(i){Object(o.a)("收藏成功"),t.checkCollect()})}},checkCollect:function(){var t=this;if(0==this.sc){var i={url:this.showObj.audio[this.showObj.audioIndex].link};Object(p.O)(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(o.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(o.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 o=parseInt(i.currentTime%60);o<10&&(o="0"+o),t.startTime=s+":"+o,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(o.a)("单曲循环");break;case 2:Object(o.a)("顺序播放");break;case 0:Object(o.a)("列表循环")}}},watch:{"showObj.audioIndex":function(t){this.checkCollect(),this.keepPlay()},range:function(t,i){var s=this,o=this.$refs.audio;Math.abs(t-i)>2&&(this.timer=setInterval(function(){var t=null;t=parseInt(o.currentTime/60)<10?"0"+parseInt(o.currentTime/60):parseInt(o.currentTime/60);var i=parseInt(o.currentTime%60);i<10&&(i="0"+i),s.startTime=t+":"+i,s.range=parseInt(o.currentTime),s.range==s.offset&&0!==s.offset&&(s.range=0,s.startTime="00:00",s.onOver(),clearInterval(s.timer))},1e3),o.currentTime=t)}}},f={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,o){return s("div",{class:{"list-block":!0,active:o===t.showObj.audioIndex},on:{click:function(i){t.changeIndex(o)}}},[t._v("\n        "+t._s(i.title)+"\n        "),s("i",{class:{playImage:!0,zDefaultIcon:o!==t.showObj.audioIndex,zIcon:o===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")(d,f,!1,function(t){s("Ti7U")},"data-v-0c610ef4",null);i.a=v.exports},nl7b:function(t,i){t.exports="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAcCAYAAAAAwr0iAAAAAXNSR0IArs4c6QAAAeFJREFUSA3tV79Lw0AU9o5aurS4FLLo5iLtYnVyUJwEmyali4u7OLgJTlKcHOo/UBQE50JKFF0s7hqn4iKC1h+LCkLFoTE9v5c20MGEtPTHkoOXu3f33vu+vFySd2ys3TKZzJwQYgfqPGTKmXfrGWMPkP1yuXzoZuNnnpGRoihbzWbzAAEfQULnnL95OcOG/BbQK+hlXddPvey91kJ05wQOo2NJkjaLxaLp5eCsAbwA4lXoa5CeCXAEorTXIpHIhl9wIoFswVW8QOKk99pYOp3+RjALgT66DQI/CT5fkEs/vrB/As5NKpU6y+fzv+TDZFkWWKC02xN+AnXaIOAP/F8751zGtG8mYT+B/hb7bB0b+M4mAGUbSsHFsW/TAGfZbHbRsqwjBA3FYrEk71t0H4GQKaFp2lU4HF7BOF6v13eHSsDhWCqV7jHWIMsjIUBE8DjoFU6MjABtfJAYHxkBygK1gECQgSADQQaCDHDnm9z6MA7vSv8BwqZHUIWSGB50CwngScImAhWImsvlpltLg7+2saikr/BoNLoHNp+maZ5TuYRs2GeFQdCg2KqqLjUajQuM321sAkJ9P4OzwQmGsyBDVe4zRED62f4vSh0ElMkhwzBWofs6mjl+XfY12F93luV/YsW9mBsdQQ8AAAAASUVORK5CYII="}});