| 1 |
- System.register(["./icon_back-legacy-a8ad0d25-1701741241135.js","./icon_pause-legacy-317453ea-1701741241135.js","./index-legacy-a154b575-1701741241135.js","./icon_default-legacy-50f0bedf-1701741241135.js","./icon-plus-t-legacy-9d0f221a-1701741241135.js","./api-legacy-39f1e04f-1701741241135.js","./index-legacy-2d02badd-1701741241135.js","./Slider-legacy-a28aeea3-1701741241135.js"],(function(i,e){"use strict";var n,t,a,l,o,_,s,c,r,d,v,u,f,m,g,p,w,h,q,y,b,S,k,x,z,T;return{setters:[i=>{n=i.i},i=>{t=i.i,a=i.b,l=i.a},i=>{o=i.d,_=i.a,s=i.u,c=i.e,r=i.r,d=i.L,v=i.dh,u=i.y,f=i.n,m=i.f,g=i.w,p=i.ci,w=i.cj,h=i.k,q=i.j},i=>{y=i.m},i=>{b=i.i,S=i.a,k=i.b},i=>{x=i.c},i=>{z=i.T},i=>{T=i.N}],execute:function(){var B=document.createElement("style");B.textContent='._container_1fv8q_1{display:flex;flex-direction:column;height:100%}._container_1fv8q_1 ._iconBack_1fv8q_6{width:1.875vw;height:1.875vw}._container_1fv8q_1 .n-breadcrumb>ul{display:flex;align-items:center}._container_1fv8q_1 .n-breadcrumb>ul .n-breadcrumb-item{display:flex;align-items:center}._container_1fv8q_1 .n-breadcrumb>ul .n-breadcrumb-item__separator{display:none}._container_1fv8q_1 .n-breadcrumb>ul .n-breadcrumb-item__link{padding:.26041667vw .9375vw;background:#FFFFFF;border-radius:.83333333vw;color:#21225d;line-height:1.04166667vw}._container_1fv8q_1 .n-breadcrumb .n-breadcrumb-item:last-child .n-breadcrumb-item__link{color:#fff;background:var(--product-color)}._container_1fv8q_1>.n-space{height:1.875vw;flex-shrink:0}._container_1fv8q_1 ._separator_1fv8q_36{width:.46875vw;height:.78125vw;margin:0 .83333333vw}._wrap_1fv8q_41{padding-top:.78125vw;flex:1;transition:padding .3s;overflow:hidden}._content_1fv8q_47{display:flex;flex-direction:column;height:100%;background:#DDF2FF;border-radius:1.04166667vw}._contentWrap_1fv8q_54{position:relative;flex:1;display:flex;padding:1.04166667vw 2.86458333vw 1.04166667vw 1.04166667vw;overflow:hidden;gap:0 1.66666667vw;width:calc(100vw - 8.54166667vw)}._contentMusic_1fv8q_63{background:#fff;width:100%;overflow-y:auto;height:100%;border-radius:.67708333vw}._musicTop_1fv8q_70{position:sticky;top:0;background-color:#fff;padding:1.40625vw 1.14583333vw}._musicTop_1fv8q_70,._musicInfo_1fv8q_77{display:flex;align-items:center}._musicImg_1fv8q_81{position:relative;width:4.01041667vw;height:4.01041667vw;border-radius:.10416667vw;z-index:9;margin-right:2.8125vw;margin-left:1.61458333vw}._musicImg_1fv8q_81 ._img_1fv8q_90{position:relative;z-index:9;width:4.01041667vw;height:4.01041667vw;border-radius:.10416667vw}._musicImg_1fv8q_81 ._iconPan_1fv8q_97{position:absolute;right:-1.71875vw;top:.20833333vw;width:3.80208333vw;height:3.80208333vw;z-index:0}._musicImg_1fv8q_81:before{content:" ";position:absolute;top:0;left:0;z-index:10;display:inline-block;width:.26041667vw;height:4.01041667vw;background:linear-gradient(270deg,rgba(0,0,0,.18) 0%,rgba(255,255,255,0) 100%)}._musicImg_1fv8q_81:after{content:" ";position:absolute;left:-1.61458333vw;bottom:0;z-index:8;width:7.70833333vw;height:.83333333vw;background:linear-gradient(180deg,rgba(0,0,0,0) 0%,rgba(0,0,0,.3) 100%);filter:blur(.1215vw);border-radius:50%}._musicInfo_1fv8q_77{width:26.04166667vw}._musicInfo_1fv8q_77 ._name_1fv8q_131{font-size:.9375rem;font-weight:600;color:#131415;line-height:1.30208333vw;padding-bottom:.625vw}._musicInfo_1fv8q_77 ._c_1fv8q_1{font-size:.67708333rem;color:#777;line-height:.9375vw}._musicInfo_1fv8q_77 ._c_1fv8q_1 span{margin-right:1.04166667vw}._audio_1fv8q_146{flex:1;display:flex;align-items:center}._playBtns_1fv8q_151{display:flex;align-items:center}._playBtns_1fv8q_151 .n-button{width:2.08333333vw;height:2.08333333vw}._playBtns_1fv8q_151 .n-button img{width:100%;height:100%}._playBtns_1fv8q_151 ._playBtn_1fv8q_151{width:2.60416667vw;height:2.60416667vw;background:linear-gradient(to right bottom,#44CAFE,#007AFE)}._playBtns_1fv8q_151 ._playBtn_1fv8q_151 img{display:block;height:1.04166667vw}._timeWrap_1fv8q_172{flex:1;display:flex;align-items:center;margin-left:1.40625vw}._timeWrap_1fv8q_172 ._timeProgress_1fv8q_178{margin-right:1.25vw;border-radius:.3125vw;--n-handle-size: 1.04166667vw !important;--n-rail-height: .41666667vw !important}._timeWrap_1fv8q_172 ._time_1fv8q_172{color:#777;font-size:.78125rem;width:4.6875vw;white-space:nowrap;flex-shrink:0}._musicContent_1fv8q_191{flex:1;width:calc(100% - 2.8125vw);box-sizing:content-box;margin:0 1.40625vw;padding-top:1.04166667vw;border-top:1px solid #EBEBEB}._musicContent_1fv8q_191>img{width:100%}._musicContent_1fv8q_191 section,._musicContent_1fv8q_191>div{font-size:inherit!important}._musicContent_1fv8q_191 video{width:60%;margin:0 auto!important;display:block}._changeSizeSection_1fv8q_211{position:absolute;right:.52083333vw;bottom:1.40625vw;width:1.82291667vw;background:#fff;border-radius:.36458333vw;display:flex;align-items:center;flex-direction:column;padding:.67708333vw 0}._changeSizeSection_1fv8q_211 ._iconT_1fv8q_223{width:.78125vw;height:.78125vw}._changeSizeSection_1fv8q_211 ._iconAddT_1fv8q_227,._changeSizeSection_1fv8q_211 ._iconPlusT_1fv8q_228{width:1.19791667vw;height:1.19791667vw}._changeSizeSection_1fv8q_211 ._iconAddT_1fv8q_227{margin-top:.67708333vw;margin-bottom:.41666667vw}._changeSizeSection_1fv8q_211 ._iconPlusT_1fv8q_228{margin-top:.41666667vw}._changeSizeSection_1fv8q_211 .n-slider{height:6.51041667vw;--n-handle-size: .78125vw !important;--n-rail-height: 0 !important}\n',document.head.appendChild(B);const F={container:"_container_1fv8q_1",iconBack:"_iconBack_1fv8q_6",separator:"_separator_1fv8q_36",wrap:"_wrap_1fv8q_41",content:"_content_1fv8q_47",contentWrap:"_contentWrap_1fv8q_54",contentMusic:"_contentMusic_1fv8q_63",musicTop:"_musicTop_1fv8q_70",musicInfo:"_musicInfo_1fv8q_77",musicImg:"_musicImg_1fv8q_81",img:"_img_1fv8q_90",iconPan:"_iconPan_1fv8q_97",name:"_name_1fv8q_131",c:"_c_1fv8q_1",audio:"_audio_1fv8q_146",playBtns:"_playBtns_1fv8q_151",playBtn:"_playBtn_1fv8q_151",timeWrap:"_timeWrap_1fv8q_172",timeProgress:"_timeProgress_1fv8q_178",time:"_time_1fv8q_172",musicContent:"_musicContent_1fv8q_191",changeSizeSection:"_changeSizeSection_1fv8q_211",iconT:"_iconT_1fv8q_223",iconAddT:"_iconAddT_1fv8q_227",iconPlusT:"_iconPlusT_1fv8q_228"},C=""+new URL("icon-pan-3fb957df.png",e.meta.url).href;i("default",o({name:"instrument-detail",setup(){const i=_(),e=s(),o=c({playState:"pause",loading:!1,finshed:!1,reshing:!1,details:{},list:[],fontSize:18});let B=null;const I=c({isFirst:!0,duration:0,currentTime:0}),P=r(),W=d((()=>`${v(I.currentTime)} / ${v(I.duration)}`)),j=()=>{I.duration=P.value.duration,I.isFirst?I.isFirst=!1:"play"===o.playState&&P.value.play()};return u((()=>o.playState),(i=>{console.log(i,"val"),"play"===i?P.value.play():P.value.pause()})),f((()=>{(async()=>{o.loading=!0;let e={};try{e=await x({id:i.query.id})}catch(a){console.log(a)}o.reshing&&(o.list=[],o.reshing=!1),o.finshed=!0,o.list=e.data.knowledgeWikiResources||[],o.list.forEach((i=>{i.audioFileUrl=i.url}));const n=e.data.knowledgeWikiCategories||[];e.data.knowledgeName=n.length>0?n[0].name:"";const t=e.data.knowledgeWikiResources||[];e.data.audioFileUrl=t.length>0?t[0].url:"",o.details=e.data,o.loading=!1})()})),()=>m("div",{class:F.container},[m(g,{align:"center",wrapItem:!1,size:16},{default:()=>[m("img",{style:{cursor:"pointer"},src:n,class:F.iconBack,onClick:()=>e.push({path:"/content-music"})},null),m(p,{separator:""},{default:()=>[m(w,{onClick:()=>e.push({path:"/content-music"})},{default:()=>[h("曲目鉴赏")]}),m("img",{class:F.separator,src:t},null),m(w,null,{default:()=>[i.query.name]})]})]}),m("div",{class:[F.wrap]},[m("div",{class:F.content},[m("div",{class:F.contentWrap},[m("div",{class:F.contentMusic},[m("div",{class:F.musicTop},[m("div",{class:F.musicInfo},[m("div",{class:F.musicImg},[m("img",{src:o.details.avatar||y,class:F.img},null),m("img",{src:C,class:F.iconPan},null)]),m("div",{class:F.info},[m("div",{class:F.name},[o.details.name]),m("div",{class:F.c},[m("span",null,[h("作曲："),o.details.composers]),m("span",null,[h("作词："),o.details.lyricists])])])]),o.details.audioFileUrl?m("div",{class:F.audio},[m("div",{class:F.playBtns},[m(q,{color:"rgba(57,130,246,1)",class:F.playBtn,circle:!0,bordered:!1,onClick:()=>{var i;"play"==(i="pause"===o.playState?"play":"pause")?o.playState="play":"pause"===i&&(o.playState="pause")}},{default:()=>[m("img",{style:{display:"pause"===o.playState?"":"none"},src:a},null),m("img",{style:{display:"play"===o.playState?"":"none"},src:l},null)]})]),m("div",{class:F.timeWrap},[m(T,{tooltip:!1,step:.01,class:F.timeProgress,value:I.currentTime,max:I.duration,"onUpdate:value":i=>(i=>{P.value.pause(),I.currentTime=i,clearTimeout(B),B=setTimeout((()=>{P.value.currentTime=i,"play"===o.playState&&P.value.play(),B=null}),300)})(i)},null),m("div",{class:F.time},[W.value]),m("audio",{ref:P,src:o.details.audioFileUrl,onLoadedmetadata:j,onEnded:()=>{},onTimeupdate:()=>{B||(I.currentTime=P.value?.currentTime)}},null)])]):""]),m("div",{class:F.musicContent,innerHTML:o.details.intros,style:{fontSize:o.fontSize+"px"}},null),!o.loading&&!o.details.intros&&m(z,null,null)]),m("div",{class:F.changeSizeSection},[m("img",{src:b,class:F.iconT},null),m("img",{src:S,class:F.iconAddT,onClick:()=>{o.fontSize>=32||(o.fontSize+=1)}},null),m(T,{value:o.fontSize,"onUpdate:value":i=>o.fontSize=i,vertical:!0,min:12,max:32},null),m("img",{src:k,class:F.iconPlusT,onClick:()=>{o.fontSize<=12||(o.fontSize-=1)}},null)])])])])])}}))}}}));
|
