index-bf2668b2.js 1.8 KB

1
  1. import{d as r,U as c,x as d,y as u,a as e,S as m,D as g}from"./index-fd4e3b76.js";import{M as a}from"./index-132d88b5.js";import{u as p,a as _}from"./index-dab62b28.js";import{A as f}from"./index-f6c0d6d0.js";import{I as b}from"./index-1c7f272f.js";import"./browser-504037ee.js";import"./index-51e10e74.js";import"./index-ee63fde8.js";const v="_detail_1wi23_1",w="_bgSection_1wi23_7",y="_bg_1wi23_7",L="_container_1wi23_29",k="_instrumentLogo_1wi23_36",S="_logo_1wi23_49",M="_title_1wi23_53",h="_content_1wi23_62",o={detail:v,bgSection:w,bg:y,container:L,instrumentLogo:k,logo:S,title:M,content:h},O=""+new URL("banner1-f5de7771.png",import.meta.url).href,U=r({name:"instrument-detail",setup(){const s=c(),t=d({titleOpacity:0,background:"transparent",color:"#fff",detail:{},musicList:[]}),l=async()=>{try{const{data:i}=await g.get("/edu-app/knowledgeWiki/detail/"+s.query.id);i.intros=i.intros.replace(/<video/gi,'<video style="width: 100% !important;" controlslist="nodownload"'),t.detail=i||{},t.musicList=i.knowledgeWikiResources.map(n=>({id:n.id,name:n.name,url:n.url}))}catch(i){}};return u(()=>{p(document,"scroll",()=>{const{y:i}=_();t.titleOpacity=i.value>100?1:i.value/100}),l()}),()=>e("div",{class:o.detail},[e("div",{class:o.bgSection},[e("img",{class:o.bg,src:t.detail.avatar||O},null)]),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:o.container},[e("div",{class:o.instrumentLogo},[e(b,{class:o.logo,fit:"cover",src:t.detail.avatar},null)]),e("div",{class:o.title},[t.detail.name]),e("div",{class:o.content,innerHTML:t.detail.intros},null)]),e(a,{position:"bottom"},{default:()=>[t.musicList.length>0&&e(f,{musicList:t.musicList},null)]})])}});export{U as default};