1 |
- System.register(["./icon_back-legacy-a8ad0d25-1702462225326.js","./index-legacy-8e0403cd-1702462225326.js","./icon_default-legacy-fa9bb009-1702462225326.js","./icon-plus-t-legacy-9d0f221a-1702462225326.js","./index-legacy-cbd8c590-1702462225326.js","./index-legacy-4da3a719-1702462225326.js","./index-legacy-859e1483-1702462225326.js","./api-legacy-6654a11a-1702462225326.js","./Slider-legacy-ca66cf28-1702462225326.js"],(function(e,i){"use strict";var t,n,a,l,s,o,_,v,r,p,c,f,d,g,m,w,u,h,x,A,b,y,S,z,C,R,Y,L,I;return{setters:[e=>{t=e.i},e=>{n=e.i,a=e.P,l=e.a,s=e.b,o=e.c,_=e.d},e=>{v=e.i},e=>{r=e.i,p=e.a,c=e.b},e=>{f=e.d,d=e.a,g=e.u,m=e.e,w=e.O,u=e.n,h=e.f,x=e.w,A=e.ci,b=e.cj,y=e.k,S=e.t,z=e.j,C=e.A},e=>{R=e.T},e=>{Y=e.T},e=>{L=e.c},e=>{I=e.N}],execute:function(){var N=document.createElement("style");N.textContent='._container_p1fve_1{display:flex;flex-direction:column;height:100%}._container_p1fve_1 ._iconBack_p1fve_6{width:1.875vw;height:1.875vw}._container_p1fve_1 .n-breadcrumb>ul{display:flex;align-items:center}._container_p1fve_1 .n-breadcrumb>ul .n-breadcrumb-item{display:flex;align-items:center}._container_p1fve_1 .n-breadcrumb>ul .n-breadcrumb-item__separator{display:none}._container_p1fve_1 .n-breadcrumb>ul .n-breadcrumb-item__link{padding:.26041667vw .9375vw;background:#FFFFFF;border-radius:.83333333vw;color:#21225d;line-height:1.04166667vw}._container_p1fve_1 .n-breadcrumb .n-breadcrumb-item:last-child .n-breadcrumb-item__link{color:#fff;background:var(--product-color)}._container_p1fve_1>.n-space{height:1.875vw;flex-shrink:0}._container_p1fve_1 ._separator_p1fve_36{width:.46875vw;height:.78125vw;margin:0 .83333333vw}._wrap_p1fve_41{padding-top:.78125vw;flex:1;transition:padding .3s;overflow:hidden}._wrap_p1fve_41._wrapBottom_p1fve_47{padding-bottom:5.625vw}._content_p1fve_50{display:flex;flex-direction:column;height:100%;background:#DDF2FF;border-radius:1.04166667vw}._tools_p1fve_57{padding:1.04166667vw;display:flex;align-items:center;flex-shrink:0}._tools_p1fve_57 .n-input{margin-left:auto;width:18.80208333vw}._tools_p1fve_57 .n-input__input-el{height:100%;line-height:100%}._contentWrap_p1fve_71{position:relative;flex:1;display:flex;padding:1.04166667vw 2.86458333vw 1.04166667vw 1.04166667vw;overflow:hidden;gap:0 1.66666667vw}._musicList_p1fve_79{background-color:#fff;border-radius:.83333333vw;width:24.47916667vw;min-width:15.3125vw;height:100%;overflow-x:hidden;overflow-y:auto;min-width:330Px}._musicList_p1fve_79::-webkit-scrollbar{width:0;display:none}._musicList_p1fve_79 ._instrumentGroup_p1fve_93{padding-top:1.40625vw;padding-bottom:1.04166667vw;display:flex;align-items:center;justify-content:center;flex-direction:column}._musicList_p1fve_79 ._instrumentGroup_p1fve_93 ._instrumentImg_p1fve_101{width:6.51041667vw;height:6.51041667vw;overflow:hidden;border-radius:50%}._musicList_p1fve_79 ._instrumentGroup_p1fve_93 ._instrumentName_p1fve_107{padding:.67708333vw 0 .26041667vw;font-size:max(.9375rem,14Px);font-weight:600;color:#131415;line-height:1.30208333vw;letter-spacing:1px}._musicList_p1fve_79 ._instrumentGroup_p1fve_93 ._instrumentTag_p1fve_115{font-size:max(.67708333rem,12Px);color:#777;line-height:.9375vw}._musicList_p1fve_79 ._wrapList_p1fve_120{width:24.47916667vw;padding:0 .88541667vw;min-width:15.3125vw;min-height:100%;border-radius:.83333333vw}._musicList_p1fve_79 ._wrapList_p1fve_120 .n-empty .n-empty__description{font-size:calc(.72916667rem,12Px)}._musicList_p1fve_79 ._wrapList_p1fve_120 ._titlec_p1fve_130{padding:1.04166667vw 0;font-size:max(.9375rem,14Px);font-weight:600;color:#000;line-height:1.30208333vw;border-top:1px solid #F2F2F2;display:flex;align-items:center}._musicList_p1fve_79 ._wrapList_p1fve_120 ._icon2_p1fve_140{width:1.19791667vw;height:1.19791667vw;margin-right:.41666667vw;background:url(data:image/png;base64,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) no-repeat center;background-size:contain}._musicList_p1fve_79 ._empty_p1fve_147{display:flex;align-items:center;justify-content:center;height:50vh}._itemContainer_p1fve_153{width:100%;border-radius:.83333333vw;padding:.20833333vw .41666667vw}._itemContainer_p1fve_153:first-child{padding-top:.41666667vw}._itemContainer_p1fve_153:last-child{padding-bottom:.41666667vw}._item_p1fve_153{position:relative;display:flex;align-items:center;padding:.52083333vw;border-radius:.625vw;cursor:pointer}._item_p1fve_153:hover{background-color:rgba(0,0,0,.05)}._item_p1fve_153._active_p1fve_175{background-color:#ddf2ff}._item_p1fve_153._active_p1fve_175 ._arrow_p1fve_178{opacity:1}._item_p1fve_153 ._img_p1fve_181{position:relative;width:3.125vw;height:3.125vw;border-radius:.9375vw;margin-right:.625vw;overflow:hidden;flex-shrink:0}._item_p1fve_153 ._img_p1fve_181 .n-image{width:3.125vw;height:3.125vw}._item_p1fve_153 ._img_p1fve_181 img{transition:opacity .3s;opacity:0;height:100%;width:100%}._item_p1fve_153 ._img_p1fve_181 img[data-loaded=true]{opacity:1}._item_p1fve_153 ._title_p1fve_130{flex:1;overflow:hidden;display:flex;flex-direction:column;align-items:flex-start}._item_p1fve_153 ._title_p1fve_130 ._titleName_p1fve_210{font-size:calc(.88541667rem,12Px);font-weight:600;color:#131415;line-height:1.45833333vw;width:100%}._item_p1fve_153 ._title_p1fve_130 ._titleDes_p1fve_217{font-size:.72916667rem;font-weight:400;color:#777;line-height:1.04166667vw;max-width:100%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}._item_p1fve_153 ._btn_p1fve_227{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_p1fve_153 ._btn_p1fve_227 .n-button__content>img{margin-left:.52083333vw;width:.46875vw;height:.625vw}._item_p1fve_153 ._arrow_p1fve_178{position:absolute;top:50%;right:.625vw;transform:translate(124%,-50%);opacity:0}._item_p1fve_153 ._showPlayLoading_p1fve_251{opacity:0}._loadingWrap_p1fve_254{display:flex;justify-content:center;min-height:4.16666667vw}._musicStaff_p1fve_259{display:flex;flex-direction:column;position:relative;left:-.41666667vw;flex:1;background-color:#fff;border-radius:.83333333vw;padding-bottom:.9375vw;z-index:1;overflow:hidden}._musicStaff_p1fve_259::-webkit-scrollbar{width:0;display:none}._musicStaff_p1fve_259 ._musicTitle_p1fve_275{padding:1.40625vw 1.40625vw .67708333vw;font-size:max(.9375rem,14Px);font-weight:600;color:#000;line-height:1.30208333vw;display:flex;align-items:center}._musicStaff_p1fve_259 ._musicTitle_p1fve_275 ._icon1_p1fve_284{display:inline-block;width:1.19791667vw;height:1.19791667vw;margin-right:.41666667vw;background:url(data:image/png;base64,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) no-repeat center;background-size:contain}._musicStaff_p1fve_259 ._musicContent_p1fve_292{flex:1;overflow-y:auto;height:100%;padding:0 1.40625vw}._musicStaff_p1fve_259 ._musicContent_p1fve_292>img{width:100%}._musicStaff_p1fve_259 ._musicContent_p1fve_292 section,._musicStaff_p1fve_259 ._musicContent_p1fve_292>div{font-size:inherit!important}._staffImgs_p1fve_305{flex:1;overflow-y:auto;height:100%;padding:0 1.5625vw}._staffImgs_p1fve_305>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_p1fve_322{position:absolute;right:.52083333vw;bottom:50%;width:1.82291667vw;transform:translateY(50%);background:#fff;border-radius:.36458333vw;display:flex;align-items:center;flex-direction:column;padding:.67708333vw 0}._changeSizeSection_p1fve_322 ._iconT_p1fve_335{width:.78125vw;height:.78125vw}._changeSizeSection_p1fve_322 ._iconAddT_p1fve_339,._changeSizeSection_p1fve_322 ._iconPlusT_p1fve_340{width:1.19791667vw;height:1.19791667vw}._changeSizeSection_p1fve_322 ._iconAddT_p1fve_339{margin-top:.67708333vw;margin-bottom:.41666667vw}._changeSizeSection_p1fve_322 ._iconPlusT_p1fve_340{margin-top:.41666667vw}._changeSizeSection_p1fve_322 .n-slider{height:6.51041667vw;--n-handle-size: .78125vw !important;--n-rail-height: 0 !important}._musicTop_p1fve_356,._musicInfo_p1fve_357{display:flex;align-items:center;flex-direction:column;padding-top:1.875vw;padding-bottom:1.14583333vw}._musicInfo_p1fve_357{flex-direction:row}._musicImg_p1fve_367{position:relative;width:5.20833333vw;height:5.20833333vw;border-radius:.10416667vw;z-index:9;margin-right:2.8125vw;margin-left:1.61458333vw}._musicImg_p1fve_367 ._img_p1fve_181{position:relative;z-index:9;width:5.20833333vw;height:5.20833333vw;border-radius:.10416667vw}._musicImg_p1fve_367 ._panSection_p1fve_383{position:absolute;right:-2.29166667vw;top:.26041667vw;width:4.94791667vw;height:4.94791667vw;z-index:0;display:flex;align-items:center;justify-content:center}._musicImg_p1fve_367 ._panSection_p1fve_383 ._img2_p1fve_394{position:relative;z-index:1;width:3.33333333vw;height:3.33333333vw;border-radius:50%}._musicImg_p1fve_367 ._iconPan_p1fve_401{position:absolute;left:0;right:0;width:4.94791667vw;height:4.94791667vw;z-index:0}._musicImg_p1fve_367:before{content:" ";position:absolute;top:0;left:0;z-index:10;display:inline-block;width:.26041667vw;height:5.20833333vw;background:linear-gradient(270deg,rgba(0,0,0,.18) 0%,rgba(255,255,255,0) 100%)}._musicImg_p1fve_367: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%}._info_p1fve_432{text-align:left}._musicInfo_p1fve_357 ._name_p1fve_435{font-size:max(1.09375rem,15Px);font-weight:600;color:#131415;line-height:1.30208333vw;padding-bottom:.41666667vw;max-width:11.45833333vw}._musicInfo_p1fve_357 ._c_p1fve_1{font-size:max(.67708333rem,12Px);color:#777;line-height:.9375vw}._musicInfo_p1fve_357 ._c_p1fve_1 span{flex-shrink:0}._musicInfo_p1fve_357 ._c_p1fve_1>div{display:flex;margin-right:1.04166667vw;max-width:11.45833333vw}\n',document.head.appendChild(N);const T="_container_p1fve_1",j="_iconBack_p1fve_6",O="_separator_p1fve_36",P="_wrap_p1fve_41",k="_wrapBottom_p1fve_47",D="_content_p1fve_50",F="_contentWrap_p1fve_71",G="_musicList_p1fve_79",M="_wrapList_p1fve_120",Q="_titlec_p1fve_130",H="_icon2_p1fve_140",Z="_empty_p1fve_147",J="_itemContainer_p1fve_153",B="_item_p1fve_153",E="_arrow_p1fve_178",X="_img_p1fve_181",q="_title_p1fve_130",W="_titleName_p1fve_210",U="_btn_p1fve_227",V="_showPlayLoading_p1fve_251",K="_loadingWrap_p1fve_254",$="_musicStaff_p1fve_259",ee="_musicTitle_p1fve_275",ie="_icon1_p1fve_284",te="_musicContent_p1fve_292",ne="_changeSizeSection_p1fve_322",ae="_iconT_p1fve_335",le="_iconAddT_p1fve_339",se="_iconPlusT_p1fve_340",oe="_musicInfo_p1fve_357",_e="_musicImg_p1fve_367",ve="_panSection_p1fve_383",re="_img2_p1fve_394",pe="_iconPan_p1fve_401",ce="_info_p1fve_432",fe="_name_p1fve_435",de="_c_p1fve_1",ge=""+new URL("icon-pan-3fb957df.png",i.meta.url).href;e("default",f({name:"instrument-detail",setup(){const e=d(),i=g();m({page:1,rows:20,status:!0,name:"",type:e.query.type});const f=m({loading:!1,finshed:!1,reshing:!1,details:{},list:[],listActive:0,playState:"pause",showPlayer:!1,showPreivew:!1,previewUrl:"",showCloseBtn:!0,fontSize:18}),N=w((()=>f.list[f.listActive]||{})),me=e=>{const i=f.list.findIndex((i=>i.id===e.id));i>-1&&(f.listActive===i?f.playState="play"===f.playState?"pause":"play":f.playState="play",f.showPlayer=!0,f.listActive=i)};return u((()=>{(async()=>{f.loading=!0;let i={};try{i=await L({id:e.query.id})}catch(n){console.log(n)}f.reshing&&(f.list=[],f.reshing=!1),f.finshed=!0,f.list=i.data.knowledgeWikiResources||[],f.list.forEach((e=>{e.audioFileUrl=e.url,e.musicSheetName=e.name}));const t=i.data.knowledgeWikiCategories||[];i.data.knowledgeName=t.length>0?t[0].name:"",i.data.intros=i.data.intros.replace(/<video/gi,'<video style="width: 100% !important;" controlslist="nodownload"'),f.details=i.data,f.loading=!1})()})),()=>h("div",{class:T},[h(x,{align:"center",wrapItem:!1,size:16},{default:()=>[h("img",{style:{cursor:"pointer"},src:t,class:j,onClick:()=>{i.push("/content-music")}},null),h(A,{separator:""},{default:()=>[h(b,{onClick:()=>{i.push("/content-music")}},{default:()=>[y("名曲鉴赏")]}),h("img",{class:O,src:n},null),h(b,null,{default:()=>[e.query.name]})]})]}),h("div",{class:[P,f.showPlayer?k:""]},[h("div",{class:D},[h("div",{class:F},[h("div",{class:[G,"musicList-container"]},[h("div",{class:M},[h("div",{class:oe},[h("div",{class:_e},[h("img",{src:f.details?.avatar||v,class:X},null),h("div",{class:ve},[h("img",{src:ge,class:pe},null),h("img",{src:f.details?.avatar||v,class:re},null)])]),h("div",{class:ce},[h("div",{class:fe},[h(R,{text:f.details.name,style:{marginRight:"0"}},null)]),h("div",{class:de},[f.details.composers?h("div",null,[h("span",null,[y("作曲:")]),h(R,{text:f.details.composers,style:{marginRight:"0"}},null)]):"",f.details.lyricists?h("div",null,[h("span",null,[y("作词:")]),h(R,{text:f.details.lyricists,style:{marginRight:"0"}},null)]):""])])]),h("div",{class:Q},[h("i",{class:H},null),y("名曲鉴赏")]),f.list.map(((e,i)=>h("div",{class:J},[h("div",{class:[B],onClick:i=>{i.stopPropagation(),me(e)}},[h("div",{class:X},[h(S,{lazy:!0,objectFit:"cover",previewDisabled:!0,src:e.titleImg||v,onLoad:e=>{e.target.dataset.loaded="true"}},null),h(a,{class:[f.listActive===i&&"play"===f.playState?"":V]},null)]),h("div",{class:q},[h("div",{class:W},[h(R,{text:e.name,style:{marginRight:"12px"}},null)])]),h(z,{color:"#259CFE",textColor:"#fff",round:!0,class:U,type:"primary",onClick:i=>{i.stopPropagation(),me(e)}},{default:()=>[y("播放"),h("img",{src:f.listActive===i&&"play"===f.playState?l:s},null)]}),h("img",{class:E,src:o},null)])]))),!f.finshed&&h("div",{class:K},[h(C,{show:!0},null)]),!f.loading&&0===f.list.length&&h("div",{class:Z},[h(Y,{description:"暂无名曲鉴赏",style:{paddingTop:"0px"}},null)])])]),h("div",{class:$},[h("div",{class:ee},[h("i",{class:ie},null),y("名曲故事")]),h("div",{class:te,innerHTML:f.details?.intros,style:{fontSize:f.fontSize+"px"}},null)]),h("div",{class:ne},[h("img",{src:r,class:ae},null),h("img",{src:p,class:le,onClick:()=>{f.fontSize>=32||(f.fontSize+=1)}},null),h(I,{value:f.fontSize,"onUpdate:value":e=>f.fontSize=e,vertical:!0,min:12,max:32},null),h("img",{src:c,class:se,onClick:()=>{f.fontSize<=12||(f.fontSize-=1)}},null)])])])]),0!==f.list.length&&h(_,{show:f.showPlayer,playState:f.playState,item:N.value,onChange:e=>{var i;"play"===(i=e)?f.playState="play":"pause"===i?f.playState="pause":"pre"===i?f.list[f.listActive-1]&&me(f.list[f.listActive-1]):"next"===i&&f.list[f.listActive+1]&&me(f.list[f.listActive+1])}},null)])}}))}}}));
|