import{d as r,U as c,x as d,y as u,a as e,S as m,D as p}from"./index-fd4e3b76.js";import{M as a}from"./index-132d88b5.js";import{u as f,a as g}from"./index-dab62b28.js";import{A as v}from"./index-f6c0d6d0.js";import{I as _}from"./index-1c7f272f.js";import"./browser-504037ee.js";import"./index-51e10e74.js";import"./index-ee63fde8.js";const y="_detail_1vfwn_1",w="_container_1vfwn_7",L="_instrumentLogo_1vfwn_14",k="_logo_1vfwn_27",b="_title_1vfwn_31",M="_content_1vfwn_40",i={detail:y,container:w,instrumentLogo:L,logo:k,title:b,content:M},H=r({name:"instrument-detail",setup(){const s=c(),t=d({titleOpacity:0,background:"transparent",color:"#fff",detail:{},musicList:[]}),l=async()=>{try{const{data:o}=await p.get("/edu-app/knowledgeWiki/detail/"+s.query.id);o.intros=o.intros.replace(/<video/gi,'<video style="width: 100% !important;" controlslist="nodownload"'),t.detail=o||{},t.musicList=o.knowledgeWikiResources.map(n=>({id:n.id,name:n.name,url:n.url}))}catch(o){}};return u(()=>{f(document,"scroll",()=>{const{y:o}=g();t.titleOpacity=o.value>100?1:o.value/100}),l()}),()=>e("div",{class:i.detail},[e(a,{position:"top"},{default:()=>[e(m,{border:!1,background:`rgba(255,255,255, ${t.titleOpacity})`,color:`rgba(51,51,51, ${t.titleOpacity})`,title:t.detail.name||""},null)]}),e("div",{class:i.container},[e("div",{class:i.instrumentLogo},[e(_,{class:i.logo,fit:"cover",src:t.detail.avatar},null)]),e("div",{class:i.title},[t.detail.name]),e("div",{class:i.content,innerHTML:t.detail.intros},null)]),e(a,{position:"bottom"},{default:()=>[t.musicList.length>0&&e(v,{musicList:t.musicList},null)]})])}});export{H as default};