| 1 |
- System.register(["./icon_back-legacy-a8ad0d25-1701741241135.js","./index-legacy-1872b43d-1701741241135.js","./icon_pause-legacy-317453ea-1701741241135.js","./icon_default-legacy-50f0bedf-1701741241135.js","./icon-plus-t-legacy-9d0f221a-1701741241135.js","./index-legacy-a154b575-1701741241135.js","./index-legacy-258b224d-1701741241135.js","./index-legacy-2d02badd-1701741241135.js","./api-legacy-39f1e04f-1701741241135.js","./Slider-legacy-a28aeea3-1701741241135.js"],(function(i,t){"use strict";var e,_,n,a,l,o,s,z,r,c,d,m,w,g,u,v,h,p,f,y,b,x,S,k,C,F,L,A,j;return{setters:[i=>{e=i.i},i=>{_=i.P,n=i.i,a=i.a},i=>{l=i.i,o=i.a,s=i.b},i=>{z=i.m},i=>{r=i.i,c=i.a,d=i.b},i=>{m=i.d,w=i.a,g=i.u,u=i.e,v=i.L,h=i.n,p=i.f,f=i.w,y=i.ci,b=i.cj,x=i.t,S=i.k,k=i.j,C=i.A},i=>{F=i.T},i=>{L=i.T},i=>{A=i.c},i=>{j=i.N}],execute:function(){var t=document.createElement("style");t.textContent="._container_zz876_1{display:flex;flex-direction:column;height:100%}._container_zz876_1 ._iconBack_zz876_6{width:1.875vw;height:1.875vw}._container_zz876_1 .n-breadcrumb>ul{display:flex;align-items:center}._container_zz876_1 .n-breadcrumb>ul .n-breadcrumb-item{display:flex;align-items:center}._container_zz876_1 .n-breadcrumb>ul .n-breadcrumb-item__separator{display:none}._container_zz876_1 .n-breadcrumb>ul .n-breadcrumb-item__link{padding:.26041667vw .9375vw;background:#FFFFFF;border-radius:.83333333vw;color:#21225d;line-height:1.04166667vw}._container_zz876_1 .n-breadcrumb .n-breadcrumb-item:last-child .n-breadcrumb-item__link{color:#fff;background:var(--product-color)}._container_zz876_1>.n-space{height:1.875vw;flex-shrink:0}._container_zz876_1 ._separator_zz876_36{width:.46875vw;height:.78125vw;margin:0 .83333333vw}._wrap_zz876_41{padding-top:.78125vw;flex:1;transition:padding .3s;overflow:hidden}._wrap_zz876_41._wrapBottom_zz876_47{padding-bottom:5.625vw}._content_zz876_50{display:flex;flex-direction:column;height:100%;background:#DDF2FF;border-radius:1.04166667vw}._tools_zz876_57{padding:1.04166667vw;display:flex;align-items:center;flex-shrink:0}._tools_zz876_57 .n-input{margin-left:auto;width:18.80208333vw}._tools_zz876_57 .n-input__input-el{height:100%;line-height:100%}._contentWrap_zz876_71{position:relative;flex:1;display:flex;padding:1.04166667vw 2.86458333vw 1.04166667vw 1.04166667vw;overflow:hidden;gap:0 1.66666667vw}._musicList_zz876_79{background-color:#fff;border-radius:.83333333vw;width:26.66666667vw;min-width:15.3125vw;height:100%;overflow-x:hidden;overflow-y:auto;min-width:330Px}._musicList_zz876_79::-webkit-scrollbar{width:0;display:none}._musicList_zz876_79 ._instrumentGroup_zz876_93{padding-top:1.40625vw;padding-bottom:1.04166667vw;display:flex;align-items:center;justify-content:center;flex-direction:column}._musicList_zz876_79 ._instrumentGroup_zz876_93 ._instrumentImg_zz876_101{width:6.51041667vw;height:6.51041667vw;overflow:hidden;border-radius:50%}._musicList_zz876_79 ._instrumentGroup_zz876_93 ._instrumentName_zz876_107{padding:.67708333vw 0 .26041667vw;font-size:.9375rem;font-weight:600;color:#131415;line-height:1.30208333vw;letter-spacing:1px}._musicList_zz876_79 ._instrumentGroup_zz876_93 ._instrumentTag_zz876_115{font-size:.67708333rem;color:#777;line-height:.9375vw}._musicList_zz876_79 ._wrapList_zz876_120{width:26.66666667vw;padding:0 .88541667vw;min-width:15.3125vw;min-height:100%;border-radius:.83333333vw}._musicList_zz876_79 ._wrapList_zz876_120 ._titlec_zz876_127{padding:1.04166667vw 0;font-size:.9375rem;font-weight:600;color:#000;line-height:1.30208333vw;border-top:1px solid #F2F2F2}._musicList_zz876_79 ._empty_zz876_135{display:flex;align-items:center;justify-content:center;height:50vh}._itemContainer_zz876_141{width:100%;border-radius:.83333333vw;padding:.20833333vw .41666667vw}._itemContainer_zz876_141:first-child{padding-top:.41666667vw}._itemContainer_zz876_141:last-child{padding-bottom:.41666667vw}._item_zz876_141{position:relative;display:flex;align-items:center;padding:.52083333vw;border-radius:.625vw;cursor:pointer}._item_zz876_141:hover{background-color:rgba(0,0,0,.05)}._item_zz876_141._active_zz876_163{background-color:#ddf2ff}._item_zz876_141._active_zz876_163 ._arrow_zz876_166{opacity:1}._item_zz876_141 ._img_zz876_169{position:relative;width:3.125vw;height:3.125vw;border-radius:.41666667vw;margin-right:.625vw;box-shadow:0 0 .52083333vw .20833333vw rgba(27,35,55,.1);overflow:hidden;flex-shrink:0}._item_zz876_141 ._img_zz876_169 .n-image{width:3.125vw;height:3.125vw}._item_zz876_141 ._img_zz876_169 img{transition:opacity .3s;opacity:0;height:100%;width:100%}._item_zz876_141 ._img_zz876_169 img[data-loaded=true]{opacity:1}._item_zz876_141 ._title_zz876_127{flex:1;overflow:hidden;display:flex;flex-direction:column;align-items:flex-start}._item_zz876_141 ._title_zz876_127 ._titleName_zz876_199{font-size:.88541667rem;font-weight:600;color:#131415;line-height:1.45833333vw;width:100%}._item_zz876_141 ._title_zz876_127 ._titleDes_zz876_206{font-size:.72916667rem;font-weight:400;color:#777;line-height:1.04166667vw;max-width:100%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}._item_zz876_141 ._btn_zz876_216{margin-left:auto;width:4.375vw;height:2.08333333vw;background:linear-gradient(to right,#44CAFF,#259DFE);border:none;padding:0;font-weight:700!important;flex-shrink:0;min-width:3.22916667vw;min-height:1.5625vw}._item_zz876_141 ._btn_zz876_216 .n-button__content>img{margin-left:.52083333vw;width:.46875vw;height:.625vw}._item_zz876_141 ._arrow_zz876_166{position:absolute;top:50%;right:.625vw;transform:translate(124%,-50%);opacity:0}._item_zz876_141 ._showPlayLoading_zz876_240{opacity:0}._loadingWrap_zz876_243{display:flex;justify-content:center;min-height:4.16666667vw}._musicStaff_zz876_248{display:flex;flex-direction:column;position:relative;left:-.41666667vw;flex:1;background-color:#fff;border-radius:.83333333vw;z-index:1;overflow:hidden}._musicStaff_zz876_248::-webkit-scrollbar{width:0;display:none}._musicStaff_zz876_248 ._musicTitle_zz876_263{padding:1.40625vw 1.40625vw .67708333vw;font-size:.9375rem;font-weight:600;color:#000;line-height:1.30208333vw}._musicStaff_zz876_248 ._musicContent_zz876_270{flex:1;overflow-y:auto;height:100%;padding:0 1.40625vw}._musicStaff_zz876_248 ._musicContent_zz876_270>img{width:100%}._musicStaff_zz876_248 ._musicContent_zz876_270 section,._musicStaff_zz876_248 ._musicContent_zz876_270>div{font-size:inherit!important}._staffImgs_zz876_283{flex:1;overflow-y:auto;height:100%;padding:0 1.5625vw}._staffImgs_zz876_283>img{width:100%}.van-fade-enter-active,.van-fade-leave-active{transition:all .3s}.van-fade-enter-from,.van-fade-leave-to{opacity:0}._changeSizeSection_zz876_300{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_zz876_300 ._iconT_zz876_312{width:.78125vw;height:.78125vw}._changeSizeSection_zz876_300 ._iconAddT_zz876_316,._changeSizeSection_zz876_300 ._iconPlusT_zz876_317{width:1.19791667vw;height:1.19791667vw}._changeSizeSection_zz876_300 ._iconAddT_zz876_316{margin-top:.67708333vw;margin-bottom:.41666667vw}._changeSizeSection_zz876_300 ._iconPlusT_zz876_317{margin-top:.41666667vw}._changeSizeSection_zz876_300 .n-slider{height:6.51041667vw;--n-handle-size: .78125vw !important;--n-rail-height: 0 !important}\n",document.head.appendChild(t);const T="_container_zz876_1",I="_iconBack_zz876_6",P="_separator_zz876_36",N="_wrap_zz876_41",U="_wrapBottom_zz876_47",W="_content_zz876_50",B="_contentWrap_zz876_71",D="_musicList_zz876_79",E="_instrumentGroup_zz876_93",G="_instrumentImg_zz876_101",M="_instrumentName_zz876_107",q="_instrumentTag_zz876_115",H="_wrapList_zz876_120",R="_titlec_zz876_127",J="_empty_zz876_135",K="_itemContainer_zz876_141",O="_item_zz876_141",Q="_arrow_zz876_166",V="_img_zz876_169",X="_title_zz876_127",Y="_titleName_zz876_199",Z="_btn_zz876_216",$="_showPlayLoading_zz876_240",ii="_loadingWrap_zz876_243",ti="_musicStaff_zz876_248",ei="_musicTitle_zz876_263",_i="_musicContent_zz876_270",ni="_changeSizeSection_zz876_300",ai="_iconT_zz876_312",li="_iconAddT_zz876_316",oi="_iconPlusT_zz876_317";i("default",m({name:"instrument-detail",setup(){const i=w(),t=g(),m=u({page:1,rows:20,status:!0,name:"",type:i.query.type}),si=u({loading:!1,finshed:!1,reshing:!1,details:{},list:[],listActive:0,playState:"pause",showPlayer:!1,showPreivew:!1,previewUrl:"",showCloseBtn:!0,fontSize:18}),zi=v((()=>si.list[si.listActive]||{})),ri=i=>{const t=si.list.findIndex((t=>t.id===i.id));t>-1&&(si.listActive===t?si.playState="play"===si.playState?"pause":"play":si.playState="play",si.showPlayer=!0,si.listActive=t)};return h((()=>{(async()=>{si.loading=!0;let t={};try{t=await A({id:i.query.id})}catch(_){console.log(_)}si.reshing&&(si.list=[],si.reshing=!1),si.finshed=!0,si.list=t.data.knowledgeWikiResources||[],si.list.forEach((i=>{i.audioFileUrl=i.url}));const e=t.data.knowledgeWikiCategories||[];t.data.knowledgeName=e.length>0?e[0].name:"",si.details=t.data,si.loading=!1})()})),()=>p("div",{class:T},[p(f,{align:"center",wrapItem:!1,size:16},{default:()=>[p("img",{style:{cursor:"pointer"},src:e,class:I,onClick:()=>{const i="MUSICIAN"===m.type?"/content-musician":"/content-instruments";t.push({path:i})}},null),p(y,{separator:""},{default:()=>[p(b,{onClick:()=>{const i="MUSICIAN"===m.type?"/content-musician":"/content-instruments";t.push({path:i})}},{default:()=>["MUSICIAN"===m.type?"音乐家":"乐器百科"]}),p("img",{class:P,src:l},null),p(b,null,{default:()=>[i.query.name]})]})]}),p("div",{class:[N,si.showPlayer?U:""]},[p("div",{class:W},[p("div",{class:B},[p("div",{class:[D,"musicList-container"]},[p("div",{class:H},[p("div",{class:E},[p(x,{class:G,src:si.details?.avatar},null),p("p",{class:M},[si.details.name]),p("p",{class:q},[si.details.knowledgeName])]),p("div",{class:R},[S("代表作")]),si.list.map(((i,t)=>p("div",{class:K},[p("div",{class:[O],onClick:t=>{t.stopPropagation(),ri(i)}},[p("div",{class:V},[p(x,{lazy:!0,objectFit:"cover",previewDisabled:!0,src:i.titleImg||z,onLoad:i=>{i.target.dataset.loaded="true"}},null),p(_,{class:[si.listActive===t&&"play"===si.playState?"":$]},null)]),p("div",{class:X},[p("div",{class:Y},[p(F,{text:i.name},null)])]),p(k,{color:"#259CFE",textColor:"#fff",round:!0,class:Z,type:"primary",onClick:t=>{t.stopPropagation(),ri(i)}},{default:()=>[S("播放"),p("img",{src:si.listActive===t&&"play"===si.playState?o:s},null)]}),p("img",{class:Q,src:n},null)])]))),!si.finshed&&p("div",{class:ii},[p(C,{show:!0},null)]),!si.loading&&0===si.list.length&&p("div",{class:J},[p(L,{description:"暂无代表作"},null)])])]),p("div",{class:ti},[p("div",{class:ei},[S("乐器简介")]),p("div",{class:_i,innerHTML:si.details?.intros,style:{fontSize:si.fontSize+"px"}},null)]),p("div",{class:ni},[p("img",{src:r,class:ai},null),p("img",{src:c,class:li,onClick:()=>{si.fontSize>=32||(si.fontSize+=1)}},null),p(j,{value:si.fontSize,"onUpdate:value":i=>si.fontSize=i,vertical:!0,min:12,max:32},null),p("img",{src:d,class:oi,onClick:()=>{si.fontSize<=12||(si.fontSize-=1)}},null)])])])]),0!==si.list.length&&p(a,{show:si.showPlayer,playState:si.playState,item:zi.value,onChange:i=>{var t;"play"===(t=i)?si.playState="play":"pause"===t?si.playState="pause":"pre"===t?si.list[si.listActive-1]&&ri(si.list[si.listActive-1]):"next"===t&&si.list[si.listActive+1]&&ri(si.list[si.listActive+1])}},null)])}}))}}}));
|
