| 1 |
- import{i as h}from"./icon_back-c5ec0a72-1701741241135.js";import{i as k,b as B,a as C}from"./icon_pause-262df124-1701741241135.js";import{d as w,a as F,u as P,e as p,r as z,L as W,dh as f,y as I,n as N,f as e,w as b,ci as A,cj as _,k as l,j as R}from"./index-a1a98f9d-1701741241135.js";import{m as M}from"./icon_default-004b9ad4-1701741241135.js";import{i as U,a as $,b as x}from"./icon-plus-t-35f4cdeb-1701741241135.js";import{c as E}from"./api-323c1cd8-1701741241135.js";import{T as L}from"./index-e3329801-1701741241135.js";import{N as v}from"./Slider-4da602f5-1701741241135.js";const D="_container_1fv8q_1",j="_iconBack_1fv8q_6",V="_separator_1fv8q_36",H="_wrap_1fv8q_41",G="_content_1fv8q_47",J="_contentWrap_1fv8q_54",K="_contentMusic_1fv8q_63",O="_musicTop_1fv8q_70",Q="_musicInfo_1fv8q_77",X="_musicImg_1fv8q_81",Y="_img_1fv8q_90",Z="_iconPan_1fv8q_97",ee="_name_1fv8q_131",ae="_c_1fv8q_1",te="_audio_1fv8q_146",se="_playBtns_1fv8q_151",ne="_playBtn_1fv8q_151",ie="_timeWrap_1fv8q_172",oe="_timeProgress_1fv8q_178",ce="_time_1fv8q_172",le="_musicContent_1fv8q_191",re="_changeSizeSection_1fv8q_211",ue="_iconT_1fv8q_223",de="_iconAddT_1fv8q_227",me="_iconPlusT_1fv8q_228",t={container:D,iconBack:j,separator:V,wrap:H,content:G,contentWrap:J,contentMusic:K,musicTop:O,musicInfo:Q,musicImg:X,img:Y,iconPan:Z,name:ee,c:ae,audio:te,playBtns:se,playBtn:ne,timeWrap:ie,timeProgress:oe,time:ce,musicContent:le,changeSizeSection:re,iconT:ue,iconAddT:de,iconPlusT:me},pe=""+new URL("icon-pan-3fb957df.png",import.meta.url).href,he=w({name:"instrument-detail",setup(){const r=F(),u=P(),a=p({playState:"pause",loading:!1,finshed:!1,reshing:!1,details:{},list:[],fontSize:18});let o=null;const n=p({isFirst:!0,duration:0,currentTime:0}),i=z(),g=W(()=>"".concat(f(n.currentTime)," / ").concat(f(n.duration))),y=s=>{i.value.pause(),n.currentTime=s,clearTimeout(o),o=setTimeout(()=>{i.value.currentTime=s,a.playState==="play"&&i.value.play(),o=null},300)},T=()=>{if(n.duration=i.value.duration,n.isFirst){n.isFirst=!1;return}a.playState==="play"&&i.value.play()};I(()=>a.playState,s=>{console.log(s,"val"),s==="play"?i.value.play():i.value.pause()});const S=s=>{s==="play"?a.playState="play":s==="pause"&&(a.playState="pause")},q=async()=>{a.loading=!0;let s={};try{s=await E({id:r.query.id})}catch(c){console.log(c)}a.reshing&&(a.list=[],a.reshing=!1),a.finshed=!0,a.list=s.data.knowledgeWikiResources||[],a.list.forEach(c=>{c.audioFileUrl=c.url});const d=s.data.knowledgeWikiCategories||[];s.data.knowledgeName=d.length>0?d[0].name:"";const m=s.data.knowledgeWikiResources||[];s.data.audioFileUrl=m.length>0?m[0].url:"",a.details=s.data,a.loading=!1};return N(()=>{q()}),()=>e("div",{class:t.container},[e(b,{align:"center",wrapItem:!1,size:16},{default:()=>[e("img",{style:{cursor:"pointer"},src:h,class:t.iconBack,onClick:()=>u.push({path:"/content-music"})},null),e(A,{separator:""},{default:()=>[e(_,{onClick:()=>u.push({path:"/content-music"})},{default:()=>[l("曲目鉴赏")]}),e("img",{class:t.separator,src:k},null),e(_,null,{default:()=>[r.query.name]})]})]}),e("div",{class:[t.wrap]},[e("div",{class:t.content},[e("div",{class:t.contentWrap},[e("div",{class:t.contentMusic},[e("div",{class:t.musicTop},[e("div",{class:t.musicInfo},[e("div",{class:t.musicImg},[e("img",{src:a.details.avatar||M,class:t.img},null),e("img",{src:pe,class:t.iconPan},null)]),e("div",{class:t.info},[e("div",{class:t.name},[a.details.name]),e("div",{class:t.c},[e("span",null,[l("作曲："),a.details.composers]),e("span",null,[l("作词："),a.details.lyricists])])])]),a.details.audioFileUrl?e("div",{class:t.audio},[e("div",{class:t.playBtns},[e(R,{color:"rgba(57,130,246,1)",class:t.playBtn,circle:!0,bordered:!1,onClick:()=>{S(a.playState==="pause"?"play":"pause")}},{default:()=>[e("img",{style:{display:a.playState==="pause"?"":"none"},src:B},null),e("img",{style:{display:a.playState==="play"?"":"none"},src:C},null)]})]),e("div",{class:t.timeWrap},[e(v,{tooltip:!1,step:.01,class:t.timeProgress,value:n.currentTime,max:n.duration,"onUpdate:value":s=>y(s)},null),e("div",{class:t.time},[g.value]),e("audio",{ref:i,src:a.details.audioFileUrl,onLoadedmetadata:T,onEnded:()=>{},onTimeupdate:()=>{var s;o||(n.currentTime=(s=i.value)==null?void 0:s.currentTime)}},null)])]):""]),e("div",{class:t.musicContent,innerHTML:a.details.intros,style:{fontSize:a.fontSize+"px"}},null),!a.loading&&!a.details.intros&&e(L,null,null)]),e("div",{class:t.changeSizeSection},[e("img",{src:U,class:t.iconT},null),e("img",{src:$,class:t.iconAddT,onClick:()=>{a.fontSize>=32||(a.fontSize+=1)}},null),e(v,{value:a.fontSize,"onUpdate:value":s=>a.fontSize=s,vertical:!0,min:12,max:32},null),e("img",{src:x,class:t.iconPlusT,onClick:()=>{a.fontSize<=12||(a.fontSize-=1)}},null)])])])])])}});export{he as default};
|
