| 1 |
- import{i as v}from"./icon_back-c5ec0a72-1701760103461.js";import{i as j,P as w,a as S,b as T,c as C,d as P}from"./index-d902af25-1701760103461.js";import{i as _}from"./icon_default-d1bcaf5f-1701760103461.js";import{i as k,a as I,b as A}from"./icon-plus-t-35f4cdeb-1701760103461.js";import{d as N,a as F,u as L,e as p,O as z,n as B,f as i,w as D,ci as b,cj as y,k as c,t as W,j as x,A as E}from"./index-e2e98748-1701760103461.js";import{T as R}from"./index-1d62a1bc-1701760103461.js";import{T as U}from"./index-9587e556-1701760103461.js";import{c as $}from"./api-45233a8f-1701760103461.js";import{N as q}from"./Slider-7173d971-1701760103461.js";const G="_container_ijhay_1",M="_iconBack_ijhay_6",V="_separator_ijhay_36",H="_wrap_ijhay_41",O="_wrapBottom_ijhay_47",J="_content_ijhay_50",K="_tools_ijhay_57",Q="_contentWrap_ijhay_71",X="_musicList_ijhay_79",Y="_instrumentGroup_ijhay_93",Z="_instrumentImg_ijhay_101",tt="_instrumentName_ijhay_107",it="_instrumentTag_ijhay_115",at="_wrapList_ijhay_120",st="_titlec_ijhay_127",nt="_icon2_ijhay_137",et="_empty_ijhay_144",ot="_itemContainer_ijhay_150",ct="_item_ijhay_150",lt="_active_ijhay_172",rt="_arrow_ijhay_175",ut="_img_ijhay_178",_t="_title_ijhay_127",mt="_titleName_ijhay_208",dt="_titleDes_ijhay_215",pt="_btn_ijhay_225",yt="_showPlayLoading_ijhay_249",ht="_loadingWrap_ijhay_252",ft="_musicStaff_ijhay_257",gt="_musicTitle_ijhay_272",vt="_icon1_ijhay_281",jt="_musicContent_ijhay_289",wt="_staffImgs_ijhay_302",St="_changeSizeSection_ijhay_319",Tt="_iconT_ijhay_331",Ct="_iconAddT_ijhay_335",Pt="_iconPlusT_ijhay_336",kt="_musicTop_ijhay_352",It="_musicInfo_ijhay_353",At="_musicImg_ijhay_360",Nt="_panSection_ijhay_377",Ft="_img2_ijhay_388",Lt="_iconPan_ijhay_395",zt="_info_ijhay_426",Bt="_name_ijhay_432",Dt="_c_ijhay_1",a={container:G,iconBack:M,separator:V,wrap:H,wrapBottom:O,content:J,tools:K,contentWrap:Q,musicList:X,instrumentGroup:Y,instrumentImg:Z,instrumentName:tt,instrumentTag:it,wrapList:at,titlec:st,icon2:nt,empty:et,itemContainer:ot,item:ct,active:lt,arrow:rt,img:ut,title:_t,titleName:mt,titleDes:dt,btn:pt,showPlayLoading:yt,loadingWrap:ht,musicStaff:ft,musicTitle:gt,icon1:vt,musicContent:jt,staffImgs:wt,changeSizeSection:St,iconT:Tt,iconAddT:Ct,iconPlusT:Pt,musicTop:kt,musicInfo:It,musicImg:At,panSection:Nt,img2:Ft,iconPan:Lt,info:zt,name:Bt,c:Dt},bt=""+new URL("icon-pan-3fb957df.png",import.meta.url).href,Vt=N({name:"instrument-detail",setup(){const u=F(),m=L();p({page:1,rows:20,status:!0,name:"",type:u.query.type});const t=p({loading:!1,finshed:!1,reshing:!1,details:{},list:[],listActive:0,playState:"pause",showPlayer:!1,showPreivew:!1,previewUrl:"",showCloseBtn:!0,fontSize:18}),h=z(()=>t.list[t.listActive]||{}),r=s=>{const n=t.list.findIndex(e=>e.id===s.id);n>-1&&(t.listActive===n?t.playState=t.playState==="play"?"pause":"play":t.playState="play",t.showPlayer=!0,t.listActive=n)},f=s=>{s==="play"?t.playState="play":s==="pause"?t.playState="pause":s==="pre"?t.list[t.listActive-1]&&r(t.list[t.listActive-1]):s==="next"&&t.list[t.listActive+1]&&r(t.list[t.listActive+1])},g=async()=>{t.loading=!0;let s={};try{s=await $({id:u.query.id})}catch(e){console.log(e)}t.reshing&&(t.list=[],t.reshing=!1),t.finshed=!0,t.list=s.data.knowledgeWikiResources||[],t.list.forEach(e=>{e.audioFileUrl=e.url});const n=s.data.knowledgeWikiCategories||[];s.data.knowledgeName=n.length>0?n[0].name:"",s.data.intros=s.data.intros.replace(/<video/gi,'<video style="width: 100% !important;" controlslist="nodownload"'),t.details=s.data,t.loading=!1};return B(()=>{g()}),()=>{var s,n,e;return i("div",{class:a.container},[i(D,{align:"center",wrapItem:!1,size:16},{default:()=>[i("img",{style:{cursor:"pointer"},src:v,class:a.iconBack,onClick:()=>{m.push("/content-music")}},null),i(b,{separator:""},{default:()=>[i(y,{onClick:()=>{m.push("/content-music")}},{default:()=>[c("名曲鉴赏")]}),i("img",{class:a.separator,src:j},null),i(y,null,{default:()=>[u.query.name]})]})]}),i("div",{class:[a.wrap,t.showPlayer?a.wrapBottom:""]},[i("div",{class:a.content},[i("div",{class:a.contentWrap},[i("div",{class:[a.musicList,"musicList-container"]},[i("div",{class:a.wrapList},[i("div",{class:a.musicInfo},[i("div",{class:a.musicImg},[i("img",{src:((s=t.details)==null?void 0:s.avatar)||_,class:a.img},null),i("div",{class:a.panSection},[i("img",{src:bt,class:a.iconPan},null),i("img",{src:((n=t.details)==null?void 0:n.avatar)||_,class:a.img2},null)])]),i("div",{class:a.info},[i("div",{class:a.name},[t.details.name]),i("div",{class:a.c},[i("span",null,[c("作曲："),t.details.composers]),i("span",null,[c("作词："),t.details.lyricists])])])]),i("div",{class:a.titlec},[i("i",{class:a.icon2},null),c("名曲鉴赏")]),t.list.map((o,d)=>i("div",{class:a.itemContainer},[i("div",{class:[a.item],onClick:l=>{l.stopPropagation(),r(o)}},[i("div",{class:a.img},[i(W,{lazy:!0,objectFit:"cover",previewDisabled:!0,src:o.titleImg||_,onLoad:l=>{l.target.dataset.loaded="true"}},null),i(w,{class:[t.listActive===d&&t.playState==="play"?"":a.showPlayLoading]},null)]),i("div",{class:a.title},[i("div",{class:a.titleName},[i(R,{text:o.name},null)])]),i(x,{color:"#259CFE",textColor:"#fff",round:!0,class:a.btn,type:"primary",onClick:l=>{l.stopPropagation(),r(o)}},{default:()=>[c("播放"),i("img",{src:t.listActive===d&&t.playState==="play"?S:T},null)]}),i("img",{class:a.arrow,src:C},null)])])),!t.finshed&&i("div",{class:a.loadingWrap},[i(E,{show:!0},null)]),!t.loading&&t.list.length===0&&i("div",{class:a.empty},[i(U,{description:"暂无名曲鉴赏"},null)])])]),i("div",{class:a.musicStaff},[i("div",{class:a.musicTitle},[i("i",{class:a.icon1},null),c("名曲故事")]),i("div",{class:a.musicContent,innerHTML:(e=t.details)==null?void 0:e.intros,style:{fontSize:t.fontSize+"px"}},null)]),i("div",{class:a.changeSizeSection},[i("img",{src:k,class:a.iconT},null),i("img",{src:I,class:a.iconAddT,onClick:()=>{t.fontSize>=32||(t.fontSize+=1)}},null),i(q,{value:t.fontSize,"onUpdate:value":o=>t.fontSize=o,vertical:!0,min:12,max:32},null),i("img",{src:A,class:a.iconPlusT,onClick:()=>{t.fontSize<=12||(t.fontSize-=1)}},null)])])])]),t.list.length!==0&&i(P,{show:t.showPlayer,playState:t.playState,item:h.value,onChange:o=>f(o)},null)])}}});export{Vt as default};
|
