| 1 |
- import{i as w}from"./icon_back-c5ec0a72.js";import{i as h,P as S,a as T,b as C,c as P,d as I}from"./index-162d1f68.js";import{i as m}from"./icon_default-d1bcaf5f.js";import{i as A,a as N,b as F}from"./icon-plus-t-35f4cdeb.js";import{d as L,a as z,u as B,e as d,U as D,p as x,f as a,w as b,ck as W,cl as f,k as c,v as R,j as E,A as U}from"./index-e6046b8b.js";import{T as u}from"./index-a51381cb.js";import{T as $}from"./index-0b0b91fb.js";import{c as q}from"./api-0cc03efd.js";import{N as G}from"./Slider-50609f2e.js";const j="_container_1gkpa_1",M="_iconBack_1gkpa_6",V="_separator_1gkpa_36",H="_wrap_1gkpa_41",J="_wrapBottom_1gkpa_47",K="_content_1gkpa_50",O="_tools_1gkpa_57",Q="_contentWrap_1gkpa_71",X="_musicList_1gkpa_79",Y="_instrumentGroup_1gkpa_93",Z="_instrumentImg_1gkpa_101",tt="_instrumentName_1gkpa_107",at="_instrumentTag_1gkpa_115",st="_wrapList_1gkpa_120",it="_titlec_1gkpa_130",nt="_icon2_1gkpa_140",et="_empty_1gkpa_147",ot="_itemContainer_1gkpa_153",ct="_item_1gkpa_153",lt="_active_1gkpa_175",rt="_arrow_1gkpa_178",ut="_img_1gkpa_181",pt="_title_1gkpa_130",mt="_titleName_1gkpa_210",_t="_titleDes_1gkpa_217",gt="_btn_1gkpa_227",dt="_showPlayLoading_1gkpa_251",ft="_loadingWrap_1gkpa_254",kt="_musicStaff_1gkpa_259",vt="_musicTitle_1gkpa_275",yt="_icon1_1gkpa_284",wt="_musicContent_1gkpa_292",ht="_staffImgs_1gkpa_305",St="_changeSizeSection_1gkpa_322",Tt="_iconT_1gkpa_335",Ct="_iconAddT_1gkpa_339",Pt="_iconPlusT_1gkpa_340",It="_musicTop_1gkpa_357",At="_musicInfo_1gkpa_358",Nt="_musicImg_1gkpa_368",Ft="_panSection_1gkpa_384",Lt="_img2_1gkpa_395",zt="_iconPan_1gkpa_402",Bt="_info_1gkpa_433",Dt="_name_1gkpa_436",xt="_c_1gkpa_1",s={container:j,iconBack:M,separator:V,wrap:H,wrapBottom:J,content:K,tools:O,contentWrap:Q,musicList:X,instrumentGroup:Y,instrumentImg:Z,instrumentName:tt,instrumentTag:at,wrapList:st,titlec:it,icon2:nt,empty:et,itemContainer:ot,item:ct,active:lt,arrow:rt,img:ut,title:pt,titleName:mt,titleDes:_t,btn:gt,showPlayLoading:dt,loadingWrap:ft,musicStaff:kt,musicTitle:vt,icon1:yt,musicContent:wt,staffImgs:ht,changeSizeSection:St,iconT:Tt,iconAddT:Ct,iconPlusT:Pt,musicTop:It,musicInfo:At,musicImg:Nt,panSection:Ft,img2:Lt,iconPan:zt,info:Bt,name:Dt,c:xt},bt=""+new URL("icon-pan-3fb957df.png",import.meta.url).href,Vt=L({name:"instrument-detail",setup(){const p=z(),_=B();d({page:1,rows:20,status:!0,name:"",type:p.query.type});const t=d({loading:!1,finshed:!1,reshing:!1,details:{},list:[],listActive:0,playState:"pause",showPlayer:!1,showPreivew:!1,previewUrl:"",showCloseBtn:!0,fontSize:18}),k=D(()=>t.list[t.listActive]||{}),r=i=>{const e=t.list.findIndex(n=>n.id===i.id);e>-1&&(t.listActive===e?t.playState=t.playState==="play"?"pause":"play":t.playState="play",t.showPlayer=!0,t.listActive=e)},v=i=>{i==="play"?t.playState="play":i==="pause"?t.playState="pause":i==="pre"?t.list[t.listActive-1]&&r(t.list[t.listActive-1]):i==="next"&&t.list[t.listActive+1]&&r(t.list[t.listActive+1])},y=async()=>{t.loading=!0;let i={};try{i=await q({id:p.query.id})}catch(n){console.log(n)}t.reshing&&(t.list=[],t.reshing=!1),t.finshed=!0,t.list=i.data.knowledgeWikiResources||[],t.list.forEach(n=>{n.audioFileUrl=n.url,n.musicSheetName=n.name});const e=i.data.knowledgeWikiCategories||[];i.data.knowledgeName=e.length>0?e[0].name:"",i.data.intros=i.data.intros.replace(/<video/gi,'<video style="width: 100% !important;" controlslist="nodownload"'),t.details=i.data,t.loading=!1};return x(()=>{y()}),()=>{var i,e,n;return a("div",{class:s.container},[a(b,{align:"center",wrapItem:!1,size:16},{default:()=>[a("img",{style:{cursor:"pointer"},src:w,class:s.iconBack,onClick:()=>{_.push("/content-music")}},null),a(W,{separator:""},{default:()=>[a(f,{onClick:()=>{_.push("/content-music")}},{default:()=>[c("名曲鉴赏")]}),a("img",{class:s.separator,src:h},null),a(f,null,{default:()=>[p.query.name]})]})]}),a("div",{class:[s.wrap,t.showPlayer?s.wrapBottom:""]},[a("div",{class:s.content},[a("div",{class:s.contentWrap},[a("div",{class:[s.musicList,"musicList-container"]},[a("div",{class:s.wrapList},[a("div",{class:s.musicInfo},[a("div",{class:s.musicImg},[a("img",{src:((i=t.details)==null?void 0:i.avatar)||m,class:s.img},null),a("div",{class:s.panSection},[a("img",{src:bt,class:s.iconPan},null),a("img",{src:((e=t.details)==null?void 0:e.avatar)||m,class:s.img2},null)])]),a("div",{class:s.info},[a("div",{class:s.name},[a(u,{text:t.details.name,style:{marginRight:"0"}},null)]),a("div",{class:s.c},[t.details.composers?a("div",null,[a("span",null,[c("作曲：")]),a(u,{text:t.details.composers,style:{marginRight:"0"}},null)]):"",t.details.lyricists?a("div",null,[a("span",null,[c("作词：")]),a(u,{text:t.details.lyricists,style:{marginRight:"0"}},null)]):""])])]),a("div",{class:s.titlec},[a("i",{class:s.icon2},null),c("名曲鉴赏")]),t.list.map((o,g)=>a("div",{class:s.itemContainer},[a("div",{class:[s.item],onClick:l=>{l.stopPropagation(),r(o)}},[a("div",{class:s.img},[a(R,{lazy:!0,objectFit:"cover",previewDisabled:!0,src:o.titleImg||m,onLoad:l=>{l.target.dataset.loaded="true"}},null),a(S,{class:[t.listActive===g&&t.playState==="play"?"":s.showPlayLoading]},null)]),a("div",{class:s.title},[a("div",{class:s.titleName},[a(u,{text:o.name,style:{marginRight:"12px"}},null)])]),a(E,{color:"#259CFE",textColor:"#fff",round:!0,class:s.btn,type:"primary",onClick:l=>{l.stopPropagation(),r(o)}},{default:()=>[c("播放"),a("img",{src:t.listActive===g&&t.playState==="play"?T:C},null)]}),a("img",{class:s.arrow,src:P},null)])])),!t.finshed&&a("div",{class:s.loadingWrap},[a(U,{show:!0},null)]),!t.loading&&t.list.length===0&&a("div",{class:s.empty},[a($,{description:"暂无名曲鉴赏",style:{paddingTop:"0px"}},null)])])]),a("div",{class:s.musicStaff},[a("div",{class:s.musicTitle},[a("i",{class:s.icon1},null),c("名曲故事")]),a("div",{class:s.musicContent,innerHTML:(n=t.details)==null?void 0:n.intros,style:{fontSize:t.fontSize+"px"}},null)]),a("div",{class:s.changeSizeSection},[a("img",{src:A,class:s.iconT},null),a("img",{src:N,class:s.iconAddT,onClick:()=>{t.fontSize>=32||(t.fontSize+=1)}},null),a(G,{value:t.fontSize,"onUpdate:value":o=>t.fontSize=o,vertical:!0,min:12,max:32},null),a("img",{src:F,class:s.iconPlusT,onClick:()=>{t.fontSize<=12||(t.fontSize-=1)}},null)])])])]),t.list.length!==0&&a(I,{show:t.showPlayer,playState:t.playState,item:k.value,onChange:o=>v(o)},null)])}}});export{Vt as default};
|
