| 1 |
- import{i as y}from"./icon_back-c5ec0a72-1701778227205.js";import{i as w,P as h,a as S,b as T,c as C,d as P}from"./index-65eb737f-1701778227205.js";import{i as _}from"./icon_default-d1bcaf5f-1701778227205.js";import{i as k,a as I,b as A}from"./icon-plus-t-35f4cdeb-1701778227205.js";import{d as N,a as F,u as L,e as d,O as z,n as B,f as i,w as D,ci as b,cj as p,k as o,t as W,j as x,A as E}from"./index-07d4b454-1701778227205.js";import{T as R}from"./index-c5269a3d-1701778227205.js";import{T as U}from"./index-b6ac74e9-1701778227205.js";import{c as $}from"./api-c1aed9fe-1701778227205.js";import{N as j}from"./Slider-791c982b-1701778227205.js";const G="_container_iqf2l_1",M="_iconBack_iqf2l_6",V="_separator_iqf2l_36",H="_wrap_iqf2l_41",O="_wrapBottom_iqf2l_47",J="_content_iqf2l_50",K="_tools_iqf2l_57",Q="_contentWrap_iqf2l_71",X="_musicList_iqf2l_79",Y="_instrumentGroup_iqf2l_93",Z="_instrumentImg_iqf2l_101",tt="_instrumentName_iqf2l_107",it="_instrumentTag_iqf2l_115",st="_wrapList_iqf2l_120",nt="_titlec_iqf2l_130",at="_icon2_iqf2l_140",et="_empty_iqf2l_147",lt="_itemContainer_iqf2l_153",ot="_item_iqf2l_153",ct="_active_iqf2l_175",rt="_arrow_iqf2l_178",ut="_img_iqf2l_181",_t="_title_iqf2l_130",mt="_titleName_iqf2l_210",ft="_titleDes_iqf2l_217",dt="_btn_iqf2l_227",pt="_showPlayLoading_iqf2l_251",gt="_loadingWrap_iqf2l_254",vt="_musicStaff_iqf2l_259",qt="_musicTitle_iqf2l_275",yt="_icon1_iqf2l_284",wt="_musicContent_iqf2l_292",ht="_staffImgs_iqf2l_305",St="_changeSizeSection_iqf2l_322",Tt="_iconT_iqf2l_335",Ct="_iconAddT_iqf2l_339",Pt="_iconPlusT_iqf2l_340",kt="_musicTop_iqf2l_356",It="_musicInfo_iqf2l_357",At="_musicImg_iqf2l_364",Nt="_panSection_iqf2l_381",Ft="_img2_iqf2l_392",Lt="_iconPan_iqf2l_399",zt="_info_iqf2l_430",Bt="_name_iqf2l_436",Dt="_c_iqf2l_1",s={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:st,titlec:nt,icon2:at,empty:et,itemContainer:lt,item:ot,active:ct,arrow:rt,img:ut,title:_t,titleName:mt,titleDes:ft,btn:dt,showPlayLoading:pt,loadingWrap:gt,musicStaff:vt,musicTitle:qt,icon1:yt,musicContent:wt,staffImgs:ht,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();d({page:1,rows:20,status:!0,name:"",type:u.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}),g=z(()=>t.list[t.listActive]||{}),r=n=>{const e=t.list.findIndex(a=>a.id===n.id);e>-1&&(t.listActive===e?t.playState=t.playState==="play"?"pause":"play":t.playState="play",t.showPlayer=!0,t.listActive=e)},v=n=>{n==="play"?t.playState="play":n==="pause"?t.playState="pause":n==="pre"?t.list[t.listActive-1]&&r(t.list[t.listActive-1]):n==="next"&&t.list[t.listActive+1]&&r(t.list[t.listActive+1])},q=async()=>{t.loading=!0;let n={};try{n=await $({id:u.query.id})}catch(a){console.log(a)}t.reshing&&(t.list=[],t.reshing=!1),t.finshed=!0,t.list=n.data.knowledgeWikiResources||[],t.list.forEach(a=>{a.audioFileUrl=a.url,a.musicSheetName=a.name});const e=n.data.knowledgeWikiCategories||[];n.data.knowledgeName=e.length>0?e[0].name:"",n.data.intros=n.data.intros.replace(/<video/gi,'<video style="width: 100% !important;" controlslist="nodownload"'),t.details=n.data,t.loading=!1};return B(()=>{q()}),()=>{var n,e,a;return i("div",{class:s.container},[i(D,{align:"center",wrapItem:!1,size:16},{default:()=>[i("img",{style:{cursor:"pointer"},src:y,class:s.iconBack,onClick:()=>{m.push("/content-music")}},null),i(b,{separator:""},{default:()=>[i(p,{onClick:()=>{m.push("/content-music")}},{default:()=>[o("名曲鉴赏")]}),i("img",{class:s.separator,src:w},null),i(p,null,{default:()=>[u.query.name]})]})]}),i("div",{class:[s.wrap,t.showPlayer?s.wrapBottom:""]},[i("div",{class:s.content},[i("div",{class:s.contentWrap},[i("div",{class:[s.musicList,"musicList-container"]},[i("div",{class:s.wrapList},[i("div",{class:s.musicInfo},[i("div",{class:s.musicImg},[i("img",{src:((n=t.details)==null?void 0:n.avatar)||_,class:s.img},null),i("div",{class:s.panSection},[i("img",{src:bt,class:s.iconPan},null),i("img",{src:((e=t.details)==null?void 0:e.avatar)||_,class:s.img2},null)])]),i("div",{class:s.info},[i("div",{class:s.name},[t.details.name]),i("div",{class:s.c},[t.details.composers?i("span",null,[o("作曲："),t.details.composers]):"",t.details.lyricists?i("span",null,[o("作词："),t.details.lyricists]):""])])]),i("div",{class:s.titlec},[i("i",{class:s.icon2},null),o("名曲鉴赏")]),t.list.map((l,f)=>i("div",{class:s.itemContainer},[i("div",{class:[s.item],onClick:c=>{c.stopPropagation(),r(l)}},[i("div",{class:s.img},[i(W,{lazy:!0,objectFit:"cover",previewDisabled:!0,src:l.titleImg||_,onLoad:c=>{c.target.dataset.loaded="true"}},null),i(h,{class:[t.listActive===f&&t.playState==="play"?"":s.showPlayLoading]},null)]),i("div",{class:s.title},[i("div",{class:s.titleName},[i(R,{text:l.name,style:{marginRight:"12px"}},null)])]),i(x,{color:"#259CFE",textColor:"#fff",round:!0,class:s.btn,type:"primary",onClick:c=>{c.stopPropagation(),r(l)}},{default:()=>[o("播放"),i("img",{src:t.listActive===f&&t.playState==="play"?S:T},null)]}),i("img",{class:s.arrow,src:C},null)])])),!t.finshed&&i("div",{class:s.loadingWrap},[i(E,{show:!0},null)]),!t.loading&&t.list.length===0&&i("div",{class:s.empty},[i(U,{description:"暂无名曲鉴赏",style:{paddingTop:"0px"}},null)])])]),i("div",{class:s.musicStaff},[i("div",{class:s.musicTitle},[i("i",{class:s.icon1},null),o("名曲故事")]),i("div",{class:s.musicContent,innerHTML:(a=t.details)==null?void 0:a.intros,style:{fontSize:t.fontSize+"px"}},null)]),i("div",{class:s.changeSizeSection},[i("img",{src:k,class:s.iconT},null),i("img",{src:I,class:s.iconAddT,onClick:()=>{t.fontSize>=32||(t.fontSize+=1)}},null),i(j,{value:t.fontSize,"onUpdate:value":l=>t.fontSize=l,vertical:!0,min:12,max:32},null),i("img",{src:A,class:s.iconPlusT,onClick:()=>{t.fontSize<=12||(t.fontSize-=1)}},null)])])])]),t.list.length!==0&&i(P,{show:t.showPlayer,playState:t.playState,item:g.value,onChange:l=>v(l)},null)])}}});export{Vt as default};
|
