| 1 |
- System.register(["./index-legacy-7a5d0887.js","./index-legacy-9fff80af.js","./data-legacy-43490cc4.js","./index-legacy-fcfd5ca5.js","./Slider-legacy-d2cfc15f.js"],(function(t,e){"use strict";var a,i,s,o,l,n,_,r,d,c,m,h,f,g,u,p,v,w,x,y,b,P,k,F;return{setters:[t=>{a=t.d,i=t.f,s=t.b,o=t.G,l=t.a3,n=t.w,_=t.g,r=t.p,d=t.a4,c=t.k,m=t.u,h=t.R,f=t.a5,g=t.a6,u=t.l,p=t.T,v=t.a7,w=t.X},t=>{x=t.T},t=>{y=t.l},t=>{b=t.T,P=t.i,k=t.a},t=>{F=t.N}],execute:function(){var S=document.createElement("style");S.textContent="._container_1619a_1{height:100%}._container_1619a_1 .n-breadcrumb>ul{display:flex;align-items:center}._container_1619a_1 .n-breadcrumb>ul .n-breadcrumb-item{display:flex;align-items:center}._container_1619a_1 .n-breadcrumb>ul .n-breadcrumb-item__separator{display:none}._container_1619a_1 .n-breadcrumb>ul .n-breadcrumb-item__link{padding:5Px 18Px;background:#FFFFFF;border-radius:16Px;color:#21225d;line-height:20Px}._container_1619a_1 .n-breadcrumb .n-breadcrumb-item:last-child .n-breadcrumb-item__link{color:#fff;background:var(--product-color)}._container_1619a_1>.n-space{height:36Px}._container_1619a_1 ._separator_1619a_29{height:18Px;margin:0 16Px}._wrap_1619a_33{padding-top:20Px;height:calc(100% - 36Px)}._content_1619a_37{height:calc(100% - 20Px);background:#DDF2FF;border-radius:20Px}._tools_1619a_42{padding:20Px;display:flex;align-items:center;flex-shrink:0}._tools_1619a_42 ._tags_1619a_48{margin-right:15Px}._tools_1619a_42 .n-input{margin-left:auto;width:361Px}._contentWrap_1619a_55{height:calc(100% - 82Px);display:flex;padding:0 20Px 20Px;transition:padding .3s}._musicList_1619a_61{width:28.54167vw;height:100%;overflow-x:hidden;overflow-y:auto;min-width:330Px}._musicList_1619a_61::-webkit-scrollbar{width:0;display:none}._musicList_1619a_61 ._wrapList_1619a_72{width:26.66667vw;min-width:294Px;background:#fff;border-radius:16Px;padding:8Px}._item_1619a_79{position:relative;display:flex;align-items:center;padding:10Px;margin:4Px 0;border-radius:12Px;cursor:pointer}._item_1619a_79:hover{background-color:rgba(0,0,0,.05)}._item_1619a_79._active_1619a_91{background-color:#ddf2ff}._item_1619a_79._active_1619a_91 ._arrow_1619a_94{opacity:1}._item_1619a_79 ._img_1619a_97{position:relative;width:60Px;height:60Px;border-radius:8Px;margin-right:12Px;box-shadow:0 0 .52083vw .20833vw rgba(27,35,55,.1);overflow:hidden;flex-shrink:0}._item_1619a_79 ._img_1619a_97 .n-image{width:100%;height:100%}._item_1619a_79 ._img_1619a_97 img{transition:opacity .3s;opacity:0}._item_1619a_79 ._img_1619a_97 img[data-loaded=true]{opacity:1}._item_1619a_79 ._title_1619a_118{flex:1;overflow:hidden;display:flex;flex-direction:column;align-items:flex-start}._item_1619a_79 ._title_1619a_118 ._titleName_1619a_125{font-size:16Px;font-weight:600;color:#131415;line-height:28Px;width:100%}._item_1619a_79 ._title_1619a_118 ._titleDes_1619a_132{font-size:14Px;font-weight:400;color:#777;line-height:20Px;max-width:100%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}._item_1619a_79 ._btn_1619a_142{margin-left:auto;width:4.375vw;height:2.08333vw;background:linear-gradient(to right,#44CAFF,#259DFE);border:none;padding:0;font-weight:700!important;flex-shrink:0;min-width:62Px;min-height:30Px}._item_1619a_79 ._btn_1619a_142 .n-button__content>img{margin-left:10Px}._item_1619a_79 ._arrow_1619a_94{position:absolute;top:50%;right:0;transform:translate(124%,-50%);opacity:0}._item_1619a_79 ._showPlayLoading_1619a_164{opacity:0}._musicStaff_1619a_167{display:flex;flex-direction:column;position:relative;left:-8Px;flex:1;background-color:#fff;border-radius:16Px;height:100%;z-index:1;overflow:hidden}._musicStaff_1619a_167::-webkit-scrollbar{width:0;display:none}._musicStaff_1619a_167 ._goBtn_1619a_183{position:absolute;left:50%;bottom:46Px;transform:translate(-50%);height:70Px;cursor:pointer}._musicStaff_1619a_167 ._favitor_1619a_191{position:absolute;top:1.04167vw;right:1.25vw;width:2.5vw;height:2.5vw;cursor:pointer;transition:all .3s}._musicStaff_1619a_167 ._favitor_1619a_191:hover{transform:scale(1.1)}._musicStaff_1619a_167 ._favitor_1619a_191>img{display:block;width:100%;height:100%;filter:drop-shadow(0 0 .52083vw rgba(27,35,55,.1))}._musicName_1619a_209{padding-top:30Px;font-size:24Px;font-weight:500;color:#333;line-height:24Px;text-align:center}._staffImgs_1619a_217{flex:1;overflow-y:auto}._staffImgs_1619a_217>img{width:100%}.van-fade-enter-active,.van-fade-leave-active{transition:all .3s}.van-fade-enter-from,.van-fade-leave-to{opacity:0}._container_hsosf_1{position:fixed;left:5.20833vw;bottom:0;right:0;display:flex;align-items:center;height:108Px;padding:0 60Px;background-color:#fff;box-shadow:0 .10417vw .625vw rgba(0,0,0,.1);z-index:10;transition:all .3s}._hidden_hsosf_15{transform:translateY(100%);opacity:0}._item_hsosf_19{position:relative;display:flex;align-items:center;width:100%}._item_hsosf_19 ._img_hsosf_25{position:relative;width:64Px;height:64Px;border-radius:50%;margin-right:12Px;background-color:#000;box-shadow:0 0 .52083vw .20833vw rgba(27,35,55,.1);padding:7Px;overflow:hidden;flex-shrink:0}._item_hsosf_19 ._img_hsosf_25 .n-image{border-radius:50%;width:100%;height:100%}._item_hsosf_19 ._img_hsosf_25 img{transition:opacity .3s;opacity:0;animation:_rotateImg_hsosf_1 6s linear infinite}._item_hsosf_19 ._img_hsosf_25 img[data-loaded=true]{opacity:1}._item_hsosf_19 ._svgcontainer_hsosf_50{position:fixed;z-index:-1000;pointer-events:none}._item_hsosf_19 ._progress_hsosf_55{position:absolute;left:4Px;top:4Px;width:56Px;pointer-events:none;transform:rotate(180deg)}._item_hsosf_19 ._progress_hsosf_55 .n-progress-graph .n-progress-graph-circle .n-progress-graph-circle-fill{stroke:url(#GradientProgress)}._item_hsosf_19 ._title_hsosf_66{margin-right:15Px;width:200Px}._item_hsosf_19 ._title_hsosf_66 ._titleName_hsosf_70{font-size:16Px;font-weight:600;color:#131415;line-height:28Px;white-space:nowrap}._item_hsosf_19 ._title_hsosf_66 ._titleDes_hsosf_77{font-size:14Px;font-weight:400;color:#777;line-height:20Px;white-space:nowrap}@keyframes _rotateImg_hsosf_1{to{transform:rotate(360deg)}}._playBtns_hsosf_89{margin-left:7.29167vw;display:flex;align-items:center}._playBtns_hsosf_89 .n-button{width:40Px;height:40Px}._playBtns_hsosf_89 .n-button img{width:100%;height:100%}._playBtns_hsosf_89 ._playBtn_hsosf_89{width:50Px;height:50Px;margin:0 2.5vw;background:linear-gradient(to right bottom,#44CAFE,#007AFE)}._playBtns_hsosf_89 ._playBtn_hsosf_89 img{display:block}._timeWrap_hsosf_111{flex:1;display:flex;align-items:center;margin-left:4.58333vw}._timeWrap_hsosf_111 ._timeProgress_hsosf_117{margin-right:1.25vw;border-radius:6Px;--n-rail-height: 8Px !important}._timeWrap_hsosf_111 ._time_hsosf_111{width:90Px;white-space:nowrap;flex-shrink:0}._audioAnimate_29dwa_1{position:absolute;left:0;right:0;top:0;bottom:0;background-color:rgba(0,0,0,.6);display:flex;justify-content:center;align-items:flex-end;padding-bottom:30%}._audioAnimate_29dwa_1 div{width:.26042vw;height:1.04167vw;background:linear-gradient(135deg,#34FFC5 0%,#1BD2FF 100%);transform-origin:bottom;border-radius:.26042vw .26042vw 0 0;margin:0 .10417vw}._audioAnimate_29dwa_1 div:nth-child(1){animation:_musicWave_29dwa_1 .5s infinite linear both alternate}._audioAnimate_29dwa_1 div:nth-child(2){animation:_musicWave_29dwa_1 .2s infinite linear both alternate}._audioAnimate_29dwa_1 div:nth-child(3){animation:_musicWave_29dwa_1 .6s infinite linear both alternate}._audioAnimate_29dwa_1 div:nth-child(4){animation:_musicWave_29dwa_1 .3s infinite linear both alternate}@keyframes _musicWave_29dwa_1{0%{height:5px}to{height:20px}}\n",document.head.appendChild(S);const A="_container_1619a_1",C="_separator_1619a_29",L="_wrap_1619a_33",B="_content_1619a_37",I="_tools_1619a_42",T="_tags_1619a_48",W="_contentWrap_1619a_55",j="_musicList_1619a_61",z="_wrapList_1619a_72",D="_item_1619a_79",N="_active_1619a_91",U="_arrow_1619a_94",R="_img_1619a_97",E="_title_1619a_118",G="_titleName_1619a_125",X="_titleDes_1619a_132",$="_btn_1619a_142",O="_showPlayLoading_1619a_164",q="_musicStaff_1619a_167",M="_goBtn_1619a_183",Y="_favitor_1619a_191",H="_musicName_1619a_209",J="_staffImgs_1619a_217",K=""+new URL("icon_back-8a62341e.svg",e.meta.url).href,Q=""+new URL("icon_separator-36fe21d8.svg",e.meta.url).href,V=""+new URL("icon_arrow-653dc704.svg",e.meta.url).href,Z=""+new URL("icon_play-e55ce8d9.svg",e.meta.url).href,tt=""+new URL("icon_pause-b55f26df.svg",e.meta.url).href,et=""+new URL("icon_goXiaoku-af3839bc.svg",e.meta.url).href,at={container:"_container_hsosf_1",hidden:"_hidden_hsosf_15",item:"_item_hsosf_19",img:"_img_hsosf_25",rotateImg:"_rotateImg_hsosf_1",svgcontainer:"_svgcontainer_hsosf_50",progress:"_progress_hsosf_55",title:"_title_hsosf_66",titleName:"_titleName_hsosf_70",titleDes:"_titleDes_hsosf_77",playBtns:"_playBtns_hsosf_89",playBtn:"_playBtn_hsosf_89",timeWrap:"_timeWrap_hsosf_111",timeProgress:"_timeProgress_hsosf_117",time:"_time_hsosf_111"},it=""+new URL("icon_pre-f15675ed.svg",e.meta.url).href,st=""+new URL("icon_next-7ede96c3.svg",e.meta.url).href,ot=a({name:"playItem",props:{item:{type:Object,default:()=>({})},show:{type:Boolean,default:!1},playState:{type:String,default:"pause"}},emits:["change"],setup(t,{emit:e}){let a=null;const m=i({isFirst:!0,duration:0,currentTime:0}),h=s(),f=()=>{m.duration=h.value.duration,m.isFirst?m.isFirst=!1:"play"===t.playState&&h.value.play()},g=o((()=>`${l(m.currentTime)} / ${l(m.duration)}`));return n((()=>t.playState),(t=>{"play"===t?h.value.play():h.value.pause()})),()=>_("div",{class:[at.container,t.show?at.show:at.hidden]},[_("div",{class:[at.item]},[_("div",{class:at.img},[_(r,{lazy:!0,objectFit:"cover",previewDisabled:!0,src:t.item.titleImg,onLoad:t=>{t.target.dataset.loaded="true"}},null),_("svg",{class:at.svgcontainer},[_("defs",null,[_("linearGradient",{id:"GradientProgress"},[_("stop",{"stop-color":"#5BECFF",offset:"0%"},null),_("stop",{"stop-color":"#259CFE",offset:"100%"},null)])])]),_(d,{type:"circle",class:at.progress,showIndicator:!1,percentage:m.currentTime/m.duration*100},null)]),_("div",{class:at.title},[_("div",{class:at.titleName},[_(b,{text:t.item.musicSheetName},null)]),_("div",{class:at.titleDes},[t.item.composer])]),_("div",{class:at.playBtns},[_(c,{color:"rgba(246,246,246,1)",circle:!0,bordered:!1,onClick:()=>e("change","pre")},{default:()=>[_("img",{src:it},null)]}),_(c,{color:"rgba(57,130,246,1)",class:at.playBtn,circle:!0,bordered:!1,onClick:()=>e("change","pause"===t.playState?"play":"pause")},{default:()=>[_("img",{style:{display:"pause"===t.playState?"":"none",transform:"scale(1.5) translateX(1Px)"},src:Z},null),_("img",{style:{display:"play"===t.playState?"":"none",transform:"scale(1.5)"},src:tt},null)]}),_(c,{color:"rgba(246,246,246,1)",circle:!0,bordered:!1,onClick:()=>e("change","next")},{default:()=>[_("img",{src:st},null)]})]),_("div",{class:at.timeWrap},[_(F,{tooltip:!1,step:.01,class:at.timeProgress,value:m.currentTime,max:m.duration,"onUpdate:value":e=>(e=>{h.value.pause(),m.currentTime=e,clearTimeout(a),a=setTimeout((()=>{h.value.currentTime=e,"play"===t.playState&&h.value.play(),a=null}),300)})(e)},null),_("div",{class:at.time},[g.value]),_("audio",{ref:h,src:t.item.audioFileUrl,onLoadedmetadata:f,onTimeupdate:()=>{a||(m.currentTime=h.value.currentTime)}},null)])])])}}),lt="_audioAnimate_29dwa_1",nt=a({name:"playLoading",setup:()=>()=>_("div",{class:lt},[_("div",null,null),_("div",null,null),_("div",null,null),_("div",null,null)])});t("default",a({name:"XiaokuMusic",setup(){const t=m(),e=i({tags:[{name:"全部",id:0},{name:"竖笛",id:1},{name:"排箫",id:2},{name:"口风琴",id:3},{name:"陶笛",id:4},{name:"葫芦丝",id:5}],tagIndex:0,list:y.rows,listActive:0,playState:"pause",showPlayer:!1}),a=o((()=>e.list[e.listActive]||{})),s=()=>{e.list[e.listActive].delFlag=!e.list[e.listActive].delFlag},l=t=>{const a=e.list.findIndex((e=>e.id===t.id));a>-1&&(e.listActive===a?e.playState="play"===e.playState?"pause":"play":e.playState="play",e.showPlayer=!0,e.listActive=a)},n=t=>{"play"===t?e.playState="play":"pause"===t?e.playState="pause":"pre"===t?e.list[e.listActive-1]&&l(e.list[e.listActive-1]):"next"===t?e.list[e.listActive+1]&&l(e.list[e.listActive+1]):"favitor"===t&&s()};return()=>{let i;return _("div",{class:A},[_(h,{align:"center",wrapItem:!1,size:16},{default:()=>[_("img",{style:{cursor:"pointer"},src:K,onClick:()=>t.push({path:"/xiaoku-ai"})},null),_(f,{separator:""},{default:()=>[_(g,{onClick:()=>t.push({path:"/xiaoku-ai"})},{default:()=>[u("曲谱列表")]}),_("img",{class:C,src:Q},null),_(g,null,{default:()=>[u("一年级上册人教版（2013版）")]})]})]}),_("div",{class:L},[_("div",{class:B},[_("div",{class:I},[_("div",{class:T},[_(h,{size:[24,12],wrap:!1},(o=i=e.tags.map(((t,a)=>_(c,{round:!0,textColor:e.tagIndex===a?"#fff":"#000",color:e.tagIndex===a?"#198CFE":"#fff",onClick:()=>e.tagIndex=a},{default:()=>[t.name]}))),"function"==typeof o||"[object Object]"===Object.prototype.toString.call(o)&&!w(o)?i:{default:()=>[i]}))]),_(x,{round:!0},null)]),_("div",{class:W,style:{paddingBottom:e.showPlayer?"90px":""}},[_("div",{class:j},[_("div",{class:z},[e.list.map(((t,a)=>_("div",{class:[D,e.listActive===a&&N],onClick:()=>(t=>{const a=e.list.findIndex((e=>e.id===t.id));a>-1&&(e.listActive=a)})(t)},[_("div",{class:R},[_(r,{lazy:!0,objectFit:"cover",previewDisabled:!0,src:t.titleImg,onLoad:t=>{t.target.dataset.loaded="true"}},null),_(nt,{class:[e.listActive===a&&"play"===e.playState?"":O]},null)]),_("div",{class:E},[_("div",{class:G},[_(b,{text:t.musicSheetName},null)]),_("div",{class:X},[t.composer])]),_(c,{color:"#259CFE",textColor:"#fff",round:!0,class:$,type:"primary",onClick:e=>{e.stopPropagation(),l(t)}},{default:()=>[u("试听"),_("img",{src:e.listActive===a&&"play"===e.playState?tt:Z},null)]}),_("img",{class:U,src:V},null)])))])]),_("div",{class:q},[_("div",{class:H},[a.value.musicSheetName]),_("img",{class:M,src:et,onClick:()=>{n("pause");const t=`${/(localhost|192)/.test(location.host)?"https://dev.kt.colexiu.com":location.origin}/instrument?platform=pc&id=${a.value.id}`;window.open(t)}},null),_("div",{class:Y,onClick:()=>s()},[_(p,{name:"favitor",mode:"out-in"},{default:()=>[a.value.delFlag?_("img",{src:P,key:"1"},null):_("img",{src:k,key:"2"},null)]})]),_("div",{class:J},[_(v,{name:"van-fade"},{default:()=>[a.value?.firstTone?.split(",").map(((t,e)=>_("img",{src:t,key:t},null)))]})])])])])]),_(ot,{show:e.showPlayer,playState:e.playState,item:a.value,onChange:t=>n(t)},null)]);var o}}}))}}}));
|
