合并代码

dist/assets/index-legacy.6e8e52b4.js

@@ -1 +0,0 @@
-!function(){var e=document.createElement("style");e.innerHTML="._indexMusic_16io7_1{padding:.26667rem .42667rem 0}\n",document.head.appendChild(e),System.register(["./index-legacy.b5971451.js","./index-legacy.b88fd65c.js","./index-legacy.ddb124b1.js","./index-legacy.7ef67fdb.js","./index-legacy.863b202f.js","./index-legacy.53298efe.js","./request-legacy.eaa5ea94.js","./index-legacy.1bc783ea.js","./vue3-lottie.es-legacy.c37a67ec.js","./index-legacy.75bf9d2f.js","./utils-legacy.2e55ffa8.js"],(function(e){"use strict";var n,i,c,t,u;return{setters:[function(e){n=e.B},function(e){i=e.H},function(e){c=e.H},function(e){t=e.d,u=e.c},function(){},function(){},function(){},function(){},function(){},function(){},function(){}],execute:function(){var l="_indexMusic_16io7_1";e("default",t({name:"indexMusic",setup:function(){return function(){return u("div",{style:{paddingBottom:"100px"}},[u("div",{class:l},[u(n,null,null),u(i,null,null)]),u(c,null,null)])}}}))}}}))}();

dist/assets/index-legacy.88c891ad.js

@@ -0,0 +1 @@
+!function(){var n=document.createElement("style");n.innerHTML="._indexMusic_16io7_1{padding:.26667rem .42667rem 0}\n",document.head.appendChild(n),System.register(["./index-legacy.9b076f05.js","./index-legacy.9a0f3c8b.js","./index-legacy.55697177.js","./index-legacy.5789868b.js","./index-legacy.3763c635.js","./index-legacy.137c01d8.js","./request-legacy.ee94b691.js","./index-legacy.8f0def7f.js","./vue3-lottie.es-legacy.7f1a24a8.js","./index-legacy.67bff574.js","./utils-legacy.2e55ffa8.js"],(function(n){"use strict";var e,i,c,t,u;return{setters:[function(n){e=n.B},function(n){i=n.H},function(n){c=n.H},function(n){t=n.d,u=n.c},function(){},function(){},function(){},function(){},function(){},function(){},function(){}],execute:function(){var l="_indexMusic_16io7_1";n("default",t({name:"indexMusic",setup:function(){return function(){return u("div",{style:{paddingBottom:"100px"}},[u("div",{class:l},[u(e,null,null),u(i,null,null)]),u(c,null,null)])}}}))}}}))}();

dist/assets/index-legacy.80b64cb8.js → dist/assets/index-legacy.fe824466.js

@@ -1 +1 @@
-!function(){var e=document.createElement("style");e.innerHTML="._home_p8f2p_1{padding:.26667rem .42667rem 2.13333rem}\n",document.head.appendChild(e),System.register(["./index-legacy.b88fd65c.js","./index-legacy.b5971451.js","./index-legacy.7ef67fdb.js","./index-legacy.1bc783ea.js","./index-legacy.53298efe.js","./vue3-lottie.es-legacy.c37a67ec.js","./request-legacy.eaa5ea94.js","./index-legacy.863b202f.js"],(function(e){"use strict";var n,t,c,u;return{setters:[function(e){n=e.H},function(e){t=e.B},function(e){c=e.d,u=e.c},function(){},function(){},function(){},function(){},function(){}],execute:function(){var i="_home_p8f2p_1";e("default",c({name:"indexHome",setup:function(){return function(){return u("div",{class:i},[u(t,null,null),u(n,null,null)])}}}))}}}))}();
+!function(){var e=document.createElement("style");e.innerHTML="._home_p8f2p_1{padding:.26667rem .42667rem 2.13333rem}\n",document.head.appendChild(e),System.register(["./index-legacy.9a0f3c8b.js","./index-legacy.9b076f05.js","./index-legacy.5789868b.js","./index-legacy.8f0def7f.js","./index-legacy.137c01d8.js","./vue3-lottie.es-legacy.7f1a24a8.js","./request-legacy.ee94b691.js","./index-legacy.3763c635.js"],(function(e){"use strict";var n,t,c,u;return{setters:[function(e){n=e.H},function(e){t=e.B},function(e){c=e.d,u=e.c},function(){},function(){},function(){},function(){},function(){}],execute:function(){var i="_home_p8f2p_1";e("default",c({name:"indexHome",setup:function(){return function(){return u("div",{class:i},[u(t,null,null),u(n,null,null)])}}}))}}}))}();

dist/assets/index.14cb2dce.js

@@ -0,0 +1 @@
+import{T as m}from"./index.c4c936e9.js";import{d as n,r as u,w as p,c as t,u as c,a as d}from"./index.c622a9f9.js";import"./index.d46b68cd.js";import{T as f,a as r}from"./index.0f261b05.js";import"./index.05d478ae.js";import{T as y}from"./index.157c15dc.js";import v from"./index.77a63176.js";import w from"./index.2fa296df.js";import _ from"./index.8dc4f100.js";import"./logo-1.1c5bc018.js";import"./index.eb89a1a8.js";import"./utils.e748d7c8.js";import"./use-tab-status.cce35c94.js";import"./icon-search.f54aed7d.js";import"./vue3-lottie.es.3556df51.js";import"./index.babf814d.js";import"./index.a1388803.js";import"./request.7e2a52c3.js";import"./index.a831c861.js";import"./index.8e675b65.js";import"./index.110e4e3a.js";const h="_layout_10u7w_1",b="_sticky_10u7w_1",T="_tabs_10u7w_6",l={layout:h,sticky:b,tabs:T},K=n({name:"indexApp",setup(){const o=c(),s=d(),a=u(o.name);return p(o,()=>[a.value=o.name]),console.log(o.name),()=>t("div",{class:l.layout},[t("div",{class:l.sticky},[t(y,null,null)]),t(f,{class:l.tabs,active:a.value,"onUpdate:active":e=>a.value=e,color:"var(--van-primary-color)","line-width":"26px",swipeable:!0,animated:!0,sticky:!0,"offset-top":"1.46667rem",onChange:e=>{const i=e==="home"?"/":"/"+e;s.replace({path:i})}},{default:()=>[t(r,{title:"\u9996\u9875",name:"home"},{default:()=>[t(w,null,null)]}),t(r,{title:"\u8C31\u5E93",name:"music"},{default:()=>[t(_,null,null)]}),t(r,{title:"\u4E0B\u8F7D",name:"down"},{default:()=>[t(v,null,null)]})]}),t(m,null,null)])}});export{K as default};

dist/assets/index.2597e030.js

@@ -1 +0,0 @@
-import{H as e}from"./index.9600f46d.js";import{B as m}from"./index.a013fe9c.js";import{d as t,c as o}from"./index.3718c0a8.js";import"./index.ef83260a.js";import"./index.2b675c4f.js";import"./vue3-lottie.es.e34f7e89.js";import"./request.a45d1be5.js";import"./index.7077e759.js";const r="_home_p8f2p_1",n={home:r},f=t({name:"indexHome",setup(){return()=>o("div",{class:n.home},[o(m,null,null),o(e,null,null)])}});export{f as default};

dist/assets/index.27f80e98.css

@@ -1 +0,0 @@
-._theMusicGrid_wdvuz_1 .van-grid{margin:0 -.10667rem}._theMusicGrid_wdvuz_1 .van-grid-item{width:calc(100% / 3)}._theMusicGrid_wdvuz_1 .van-grid-item__content{display:block;padding:0 .10667rem;background-color:transparent}._theMusicGrid_wdvuz_1 ._item_wdvuz_12{margin-bottom:.4rem}._theMusicGrid_wdvuz_1 ._item_wdvuz_12 ._title_wdvuz_15{font-size:.37333rem;color:#333;line-height:.53333rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:.05333rem}._theMusicGrid_wdvuz_1 ._item_wdvuz_12 ._des_wdvuz_24{font-size:.32rem;color:#999;line-height:.42667rem}._theMusicGrid_wdvuz_1 ._imgWrap_wdvuz_29{position:relative;height:29vw;border-radius:.16rem;overflow:hidden;margin-bottom:.16rem;max-height:9.46667rem}._theMusicGrid_wdvuz_1 ._imgWrap_wdvuz_29 ._albumType_wdvuz_37{position:absolute;left:0;top:0;background:linear-gradient(180deg,#ff8900 0%,#ff5100 100%);box-shadow:0 .02667rem .05333rem rgba(150,13,0,.11);border-radius:.26667rem 0;font-size:.32rem;padding:0 .16rem;line-height:.53333rem;color:#fff;z-index:9}._theMusicGrid_wdvuz_1 ._imgWrap_wdvuz_29 ._model_wdvuz_50{position:absolute;left:.10667rem;bottom:.10667rem;background:rgba(67,67,67,.6);backdrop-filter:blur(.53333rem);-webkit-backdrop-filter:blur(.53333rem);display:flex;align-items:center;padding:.10667rem .16rem;border-radius:.53333rem;font-size:.32rem;color:#fff;transform:scale(.9)}._theMusicGrid_wdvuz_1 ._imgWrap_wdvuz_29 ._num_wdvuz_65{margin-left:.08rem}

dist/assets/index.2fa296df.js

@@ -0,0 +1 @@
+import{H as e}from"./index.babf814d.js";import{B as m}from"./index.a831c861.js";import{d as t,c as o}from"./index.c622a9f9.js";import"./index.a1388803.js";import"./index.d46b68cd.js";import"./vue3-lottie.es.3556df51.js";import"./request.7e2a52c3.js";import"./index.05d478ae.js";const r="_home_p8f2p_1",n={home:r},f=t({name:"indexHome",setup(){return()=>o("div",{class:n.home},[o(m,null,null),o(e,null,null)])}});export{f as default};

dist/assets/index.493b2f8b.js

@@ -1 +0,0 @@
-import{T as m}from"./index.b591d515.js";import{d as n,r as u,w as p,c as t,u as c,a as d}from"./index.3718c0a8.js";import"./index.2b675c4f.js";import{T as f,a as r}from"./index.1c8a9e51.js";import"./index.7077e759.js";import{T as y}from"./index.e6572137.js";import v from"./index.4063e52a.js";import w from"./index.2597e030.js";import _ from"./index.c2104007.js";import"./logo-1.1c5bc018.js";import"./index.e03f08ff.js";import"./utils.e748d7c8.js";import"./use-tab-status.a6d8936e.js";import"./icon-search.f54aed7d.js";import"./vue3-lottie.es.e34f7e89.js";import"./index.9600f46d.js";import"./index.ef83260a.js";import"./request.a45d1be5.js";import"./index.a013fe9c.js";import"./index.395fb153.js";import"./index.87de90a8.js";const h="_layout_10u7w_1",b="_sticky_10u7w_1",T="_tabs_10u7w_6",l={layout:h,sticky:b,tabs:T},K=n({name:"indexApp",setup(){const o=c(),s=d(),a=u(o.name);return p(o,()=>[a.value=o.name]),console.log(o.name),()=>t("div",{class:l.layout},[t("div",{class:l.sticky},[t(y,null,null)]),t(f,{class:l.tabs,active:a.value,"onUpdate:active":e=>a.value=e,color:"var(--van-primary-color)","line-width":"26px",swipeable:!0,animated:!0,sticky:!0,"offset-top":"1.46667rem",onChange:e=>{const i=e==="home"?"/":"/"+e;s.replace({path:i})}},{default:()=>[t(r,{title:"\u9996\u9875",name:"home"},{default:()=>[t(w,null,null)]}),t(r,{title:"\u8C31\u5E93",name:"music"},{default:()=>[t(_,null,null)]}),t(r,{title:"\u4E0B\u8F7D",name:"down"},{default:()=>[t(v,null,null)]})]}),t(m,null,null)])}});export{K as default};

dist/assets/index.8dc4f100.js

@@ -0,0 +1 @@
+import{B as o}from"./index.a831c861.js";import{H as t}from"./index.babf814d.js";import{H as n}from"./index.8e675b65.js";import{d as s,c as i}from"./index.c622a9f9.js";import"./index.05d478ae.js";import"./index.d46b68cd.js";import"./request.7e2a52c3.js";import"./index.a1388803.js";import"./vue3-lottie.es.3556df51.js";import"./index.110e4e3a.js";import"./utils.e748d7c8.js";const r="_indexMusic_16io7_1",e={indexMusic:r},B=s({name:"indexMusic",setup(){return()=>i("div",{style:{paddingBottom:"100px"}},[i("div",{class:e.indexMusic},[i(o,null,null),i(t,null,null)]),i(n,null,null)])}});export{B as default};

dist/assets/index.395fb153.js → dist/assets/index.8e675b65.js

@@ -1 +1 @@
-import{T as p}from"./index.87de90a8.js";import{T as m,r as d}from"./request.a45d1be5.js";import{d as h,r as a,o as f,c as s,_ as w,a as _}from"./index.3718c0a8.js";import{S,a as y}from"./index.7077e759.js";import{c as M}from"./utils.e748d7c8.js";const v="_hotMusic_olatt_1",b="_title_olatt_4",I="_swipeItem_olatt_7",i={hotMusic:v,title:b,swipeItem:I};function g(e){return typeof e=="function"||Object.prototype.toString.call(e)==="[object Object]"&&!w(e)}const N=h({name:"HotMusic",setup(){const e=_(),c=a([]),l=async()=>{try{const{data:t}=await d.post("/api-website/open/music/sheet/list",{data:{albumStatus:"PASS",page:1,rows:12,state:1}});t&&Array.isArray(t.rows)&&(c.value=M(t.rows,4))}catch{}};f(()=>{l(),n()});const r=a(312),o=a(!1),n=()=>{o.value=!1;const t=document.body.clientWidth>750?750:document.body.clientWidth;r.value=t-63,o.value=!0};return()=>{let t;return s("div",{class:i.hotMusic},[s(m,{class:i.title,title:"\u70ED\u95E8\u66F2\u76EE",onMore:()=>e.push("/search")},null),o.value&&s(S,{showIndicators:!1,loop:!1,width:r.value},g(t=c.value.map(u=>s(y,{class:i.swipeItem},{default:()=>[s(p,{list:u},null)]})))?t:{default:()=>[t]})])}}});export{N as H};
+import{T as p}from"./index.110e4e3a.js";import{T as m,r as d}from"./request.7e2a52c3.js";import{d as h,r as a,o as f,c as s,_ as w,a as _}from"./index.c622a9f9.js";import{S,a as y}from"./index.05d478ae.js";import{c as M}from"./utils.e748d7c8.js";const v="_hotMusic_olatt_1",b="_title_olatt_4",I="_swipeItem_olatt_7",i={hotMusic:v,title:b,swipeItem:I};function g(e){return typeof e=="function"||Object.prototype.toString.call(e)==="[object Object]"&&!w(e)}const N=h({name:"HotMusic",setup(){const e=_(),c=a([]),l=async()=>{try{const{data:t}=await d.post("/api-website/open/music/sheet/list",{data:{albumStatus:"PASS",page:1,rows:12,state:1}});t&&Array.isArray(t.rows)&&(c.value=M(t.rows,4))}catch{}};f(()=>{l(),n()});const r=a(312),o=a(!1),n=()=>{o.value=!1;const t=document.body.clientWidth>750?750:document.body.clientWidth;r.value=t-63,o.value=!0};return()=>{let t;return s("div",{class:i.hotMusic},[s(m,{class:i.title,title:"\u70ED\u95E8\u66F2\u76EE",onMore:()=>e.push("/search")},null),o.value&&s(S,{showIndicators:!1,loop:!1,width:r.value},g(t=c.value.map(u=>s(y,{class:i.swipeItem},{default:()=>[s(p,{list:u},null)]})))?t:{default:()=>[t]})])}}});export{N as H};

dist/assets/index.3536719e.js → dist/assets/index.a5ca5263.js

@@ -1 +1 @@
-import{d as w,r as h,Q as L,w as v,a1 as C,o as E,K as R,c as r,J as B,g as T}from"./index.3718c0a8.js";import{c as N,b as _,m as y,t as F,f as H,i as I,L as J,w as K}from"./index.2b675c4f.js";import{u as M}from"./use-tab-status.a6d8936e.js";const[Q,o,U]=N("list"),V={error:Boolean,offset:_(300),loading:Boolean,finished:Boolean,errorText:String,direction:y("down"),loadingText:String,finishedText:String,immediateCheck:F};var j=w({name:Q,props:V,emits:["load","update:error","update:loading"],setup(e,{emit:c,slots:a}){const d=h(!1),f=h(),g=h(),s=M(),m=L(f),n=()=>{B(()=>{if(d.value||e.finished||e.error||(s==null?void 0:s.value)===!1)return;const{offset:t,direction:l}=e,i=T(m);if(!i.height||I(f))return;let u=!1;const x=T(g);l==="up"?u=i.top-x.top<=t:u=x.bottom-i.bottom<=t,u&&(d.value=!0,c("update:loading",!0),c("load"))})},b=()=>{if(e.finished){const t=a.finished?a.finished():e.finishedText;if(t)return r("div",{class:o("finished-text")},[t])}},k=()=>{c("update:error",!1),n()},P=()=>{if(e.error){const t=a.error?a.error():e.errorText;if(t)return r("div",{role:"button",class:o("error-text"),tabindex:0,onClick:k},[t])}},S=()=>{if(d.value&&!e.finished)return r("div",{class:o("loading")},[a.loading?a.loading():r(J,{class:o("loading-icon")},{default:()=>[e.loadingText||U("loading")]})])};return v(()=>[e.loading,e.finished,e.error],n),s&&v(s,t=>{t&&n()}),C(()=>{d.value=e.loading}),E(()=>{e.immediateCheck&&n()}),H({check:n}),R("scroll",n,{target:m}),()=>{var t;const l=(t=a.default)==null?void 0:t.call(a),i=r("div",{ref:g,class:o("placeholder")},null);return r("div",{ref:f,role:"feed",class:o(),"aria-busy":d.value},[e.direction==="down"?l:i,S(),b(),P(),e.direction==="up"?l:i])}}});const D=K(j);export{D as L};
+import{d as w,r as h,Q as L,w as v,a1 as C,o as E,K as R,c as r,J as B,g as T}from"./index.c622a9f9.js";import{c as N,b as _,m as y,t as F,f as H,i as I,L as J,w as K}from"./index.d46b68cd.js";import{u as M}from"./use-tab-status.cce35c94.js";const[Q,o,U]=N("list"),V={error:Boolean,offset:_(300),loading:Boolean,finished:Boolean,errorText:String,direction:y("down"),loadingText:String,finishedText:String,immediateCheck:F};var j=w({name:Q,props:V,emits:["load","update:error","update:loading"],setup(e,{emit:c,slots:a}){const d=h(!1),f=h(),g=h(),s=M(),m=L(f),n=()=>{B(()=>{if(d.value||e.finished||e.error||(s==null?void 0:s.value)===!1)return;const{offset:t,direction:l}=e,i=T(m);if(!i.height||I(f))return;let u=!1;const x=T(g);l==="up"?u=i.top-x.top<=t:u=x.bottom-i.bottom<=t,u&&(d.value=!0,c("update:loading",!0),c("load"))})},b=()=>{if(e.finished){const t=a.finished?a.finished():e.finishedText;if(t)return r("div",{class:o("finished-text")},[t])}},k=()=>{c("update:error",!1),n()},P=()=>{if(e.error){const t=a.error?a.error():e.errorText;if(t)return r("div",{role:"button",class:o("error-text"),tabindex:0,onClick:k},[t])}},S=()=>{if(d.value&&!e.finished)return r("div",{class:o("loading")},[a.loading?a.loading():r(J,{class:o("loading-icon")},{default:()=>[e.loadingText||U("loading")]})])};return v(()=>[e.loading,e.finished,e.error],n),s&&v(s,t=>{t&&n()}),C(()=>{d.value=e.loading}),E(()=>{e.immediateCheck&&n()}),H({check:n}),R("scroll",n,{target:m}),()=>{var t;const l=(t=a.default)==null?void 0:t.call(a),i=r("div",{ref:g,class:o("placeholder")},null);return r("div",{ref:f,role:"feed",class:o(),"aria-busy":d.value},[e.direction==="down"?l:i,S(),b(),P(),e.direction==="up"?l:i])}}});const D=K(j);export{D as L};

dist/assets/index.a013fe9c.js → dist/assets/index.a831c861.js

@@ -1 +1 @@
-import{d as n,r as s,o as i,c as r,_ as c}from"./index.3718c0a8.js";import{a as p,S as l}from"./index.7077e759.js";import{r as u}from"./request.a45d1be5.js";import{T as m}from"./index.ef83260a.js";const f="_swiper_ey2je_1",y={swiper:f};function b(t){return typeof t=="function"||Object.prototype.toString.call(t)==="[object Object]"&&!c(t)}const j=n({name:"banner",setup(){const t=s([]),a=async()=>{try{const{data:e}=await u.get("/api-website/open/banner/list");e&&Array.isArray(e)&&(t.value=e)}catch{}};return i(()=>{a()}),()=>{let e;return r(l,{class:y.swiper,autoplay:3e3},b(e=t.value.map(o=>r(p,null,{default:()=>[r(m,{src:o.coverImage,objectFit:"cover"},null)]})))?e:{default:()=>[e]})}}});export{j as B};
+import{d as n,r as s,o as i,c as r,_ as c}from"./index.c622a9f9.js";import{a as p,S as l}from"./index.05d478ae.js";import{r as u}from"./request.7e2a52c3.js";import{T as m}from"./index.a1388803.js";const f="_swiper_ey2je_1",y={swiper:f};function b(t){return typeof t=="function"||Object.prototype.toString.call(t)==="[object Object]"&&!c(t)}const j=n({name:"banner",setup(){const t=s([]),a=async()=>{try{const{data:e}=await u.get("/api-website/open/banner/list");e&&Array.isArray(e)&&(t.value=e)}catch{}};return i(()=>{a()}),()=>{let e;return r(l,{class:y.swiper,autoplay:3e3},b(e=t.value.map(o=>r(p,null,{default:()=>[r(m,{src:o.coverImage,objectFit:"cover"},null)]})))?e:{default:()=>[e]})}}});export{j as B};

dist/assets/index.c2104007.js

@@ -1 +0,0 @@
-import{B as o}from"./index.a013fe9c.js";import{H as t}from"./index.9600f46d.js";import{H as n}from"./index.395fb153.js";import{d as s,c as i}from"./index.3718c0a8.js";import"./index.7077e759.js";import"./index.2b675c4f.js";import"./request.a45d1be5.js";import"./index.ef83260a.js";import"./vue3-lottie.es.e34f7e89.js";import"./index.87de90a8.js";import"./utils.e748d7c8.js";const r="_indexMusic_16io7_1",e={indexMusic:r},B=s({name:"indexMusic",setup(){return()=>i("div",{style:{paddingBottom:"100px"}},[i("div",{class:e.indexMusic},[i(o,null,null),i(t,null,null)]),i(n,null,null)])}});export{B as default};

dist/assets/index.d713ea77.css

@@ -0,0 +1 @@
+._theSong_qtml0_1{padding:0 .26667rem;background-color:#fff;border-radius:.21333rem;box-shadow:0 .05333rem .26667rem rgba(229,229,229,.1)}._theSong_qtml0_1 ._item_qtml0_7{display:flex;align-items:center;border-bottom:.02667rem solid #e8e8e8;padding:.42667rem 0}._theSong_qtml0_1 ._item_qtml0_7:last-child{border:none}._theSong_qtml0_1 ._play_qtml0_16{flex-shrink:0}._theSong_qtml0_1 ._iconFine_qtml0_19{width:.42667rem;height:.53333rem;margin-right:.16rem;flex-shrink:0}._theSong_qtml0_1 ._iconAlbum_qtml0_25{width:.4rem;height:.4rem;margin-right:.16rem;flex-shrink:0}._theSong_qtml0_1 ._content_qtml0_31{flex:1}._theSong_qtml0_1 ._content_qtml0_31 ._top_qtml0_34{display:flex;align-items:center;margin-bottom:.26667rem}._theSong_qtml0_1 ._content_qtml0_31 ._tag_qtml0_39{flex-shrink:0;padding:.05333rem .10667rem;border-radius:.10667rem}._theSong_qtml0_1 ._content_qtml0_31 ._user_qtml0_44{display:flex;align-items:center}._theSong_qtml0_1 ._content_qtml0_31 ._user_qtml0_44 ._name_qtml0_48{font-size:.37333rem;color:#999;line-height:.42667rem;margin-right:.32rem;max-width:4rem;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}._theSong_qtml0_1 ._content_qtml0_31 ._user_qtml0_44 ._tags_qtml0_58{font-size:.32rem}._theSong_qtml0_1 ._content_qtml0_31 ._user_qtml0_44 ._tags_qtml0_58>span{display:inline-block;background:#effbf9;border-radius:.53333rem;color:var(--van-primary-color);padding:.10667rem .21333rem;margin-right:.10667rem}._theSong_qtml0_1 ._content_qtml0_31 ._title_qtml0_69{max-width:3.86667rem;font-size:.42667rem;font-weight:700;color:#1a1a1a;margin:0 .16rem 0 0}._theSong_qtml0_1 ._content_qtml0_31 ._singer_qtml0_76{max-width:1.33333rem;font-size:.32rem;color:#999}

dist/assets/index.f038b45d.css

@@ -0,0 +1 @@
+._theMusicGrid_16ct8_1 .van-grid{margin:0 -.10667rem}._theMusicGrid_16ct8_1 .van-grid-item{width:calc(100% / 3)}._theMusicGrid_16ct8_1 .van-grid-item__content{display:block;padding:0 .10667rem;background-color:transparent}._theMusicGrid_16ct8_1 ._item_16ct8_12{margin-bottom:.4rem}._theMusicGrid_16ct8_1 ._item_16ct8_12 ._title_16ct8_15{font-size:.37333rem;color:#333;line-height:.53333rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:.05333rem}._theMusicGrid_16ct8_1 ._item_16ct8_12 ._des_16ct8_24{font-size:.32rem;color:#999;line-height:.42667rem}._theMusicGrid_16ct8_1 ._imgWrap_16ct8_29{position:relative;height:29vw;border-radius:.26667rem;overflow:hidden;margin-bottom:.16rem;max-height:9.46667rem}._theMusicGrid_16ct8_1 ._imgWrap_16ct8_29 ._albumType_16ct8_37{position:absolute;left:0;top:0;background:linear-gradient(180deg,#ff8900 0%,#ff5100 100%);box-shadow:0 .02667rem .05333rem rgba(150,13,0,.11);border-radius:.26667rem 0;font-size:.32rem;padding:0 .16rem;line-height:.53333rem;color:#fff;z-index:9}._theMusicGrid_16ct8_1 ._imgWrap_16ct8_29 ._model_16ct8_50{position:absolute;left:.10667rem;bottom:.10667rem;background:rgba(67,67,67,.6);backdrop-filter:blur(.53333rem);-webkit-backdrop-filter:blur(.53333rem);display:flex;align-items:center;padding:.10667rem .16rem;border-radius:.53333rem;font-size:.32rem;color:#fff;transform:scale(.9)}._theMusicGrid_16ct8_1 ._imgWrap_16ct8_29 ._num_16ct8_65{margin-left:.08rem}

dist/assets/use-tab-status-legacy.14cce99d.js → dist/assets/use-tab-status-legacy.647c2282.js

@@ -1 +1 @@
-System.register(["./index-legacy.7ef67fdb.js"],(function(e){"use strict";var t;return{setters:[function(e){t=e.A}],execute:function(){var n=e("T",Symbol());e("u",(function(){return t(n,null)}))}}}));
+System.register(["./index-legacy.5789868b.js"],(function(e){"use strict";var t;return{setters:[function(e){t=e.A}],execute:function(){var n=e("T",Symbol());e("u",(function(){return t(n,null)}))}}}));

dist/assets/use-tab-status.a6d8936e.js

@@ -1 +0,0 @@
-import{A as s}from"./index.3718c0a8.js";const t=Symbol(),a=()=>s(t,null);export{t as T,a as u};

dist/assets/use-tab-status.cce35c94.js

@@ -0,0 +1 @@
+import{A as s}from"./index.c622a9f9.js";const t=Symbol(),a=()=>s(t,null);export{t as T,a as u};

src/views/musicDetail/index.module.less

@@ -92,10 +92,11 @@
 }
 
 .iframe {
-  iframe {
+  .iframeContainer {
     border: 0;
     width: 100%;
     height: 350px;
+    overflow-y: auto;
   }
   .sheetName {
     text-align: center;
@@ -110,12 +111,12 @@
   z-index: 10;
   .alumnList {
     position: relative;
-    padding: 100px 12px 12px 12px;
+    padding: 60px 12px 12px 12px;
     border-radius: 6px;
     background-color: #fff;
     min-height: 100px;
   }
-  .alumnList.emtry{
+  .alumnList.emtry {
     padding-top: 12px;
   }
   .tag {
@@ -163,8 +164,8 @@
         height: 10px;
         fill: #000;
       }
-      &::before{
-        content: '';
+      &::before {
+        content: "";
         position: absolute;
         left: 0;
         right: 0;
@@ -173,20 +174,20 @@
         background-color: #fff;
         z-index: 9;
       }
-      &::after{
-        content: '';
+      &::after {
+        content: "";
         position: absolute;
         left: 0;
         right: 0;
         top: 0;
         bottom: 0;
-        background-image: url('../../assets/icon-player.png');
+        background-image: url("../../assets/icon-player.png");
         background-size: 100%;
         background-repeat: no-repeat;
         z-index: 10;
       }
-      &[aria-label='Pause']::after{
-        background-image: url('../../assets/icon-Pause.png');
+      &[aria-label="Pause"]::after {
+        background-image: url("../../assets/icon-Pause.png");
       }
     }
     .plyr__time--current {
@@ -227,3 +228,15 @@
     }
   }
 }
+
+.emptyContainer {
+  margin: 0 auto;
+  font-size: 14px;
+  color: #999999;
+  line-height: 20px;
+  text-align: center;
+  padding-top: 60px;
+  .emptyImg {
+    width: 172px;
+  }
+}

src/views/musicDetail/index.tsx

@@ -5,7 +5,7 @@ import TheTitle from "@/components/TheTitle";
 import TheSong from "@/components/TheSong";
 import request from "@/helpers/request";
 import { useRoute, useRouter } from "vue-router";
-import { Icon } from "vant";
+import { Icon, Image } from "vant";
 import { useEventListener } from "@vant/use";
 import icon_teacher from "@/assets/icon_teacher.png";
 import Plyr from "plyr";
@@ -15,6 +15,7 @@ import oStart from "@/assets/icon-xinxin.png";
 import printIcon from "@/assets/printIcon.png";
 import IconRect from "@/assets/icon-rect.png";
 import Iconmusicdetail from "@/assets/icon-music-detail.png";
+import empty from "@/assets/emtpy.png";
 import TheDown from "@/components/TheDown";
 
 interface IState {
@@ -32,6 +33,7 @@ export default defineComponent({
       getAlumn();
     });
     const state = reactive<IState>({});
+    const img = ref("");
     const mp3 = reactive({
       iframe: "",
       audioFileUrl: "",
@@ -40,23 +42,19 @@ export default defineComponent({
       const id = route.query.id;
       if (!id) return;
       try {
-        const { data } = await request.get(
-          `/api-website/open/music/sheet/detail/${id}`
-        );
+        const { data } = await request.get(`/api-website/open/music/sheet/detail/${id}`);
         Object.assign(state, data);
         if (Array.isArray(data.background) && data.background.length) {
           const item = data.background[0];
           mp3.audioFileUrl = item.audioFileUrl;
           console.log(route);
-          if (
-            location.host.includes("dev.colexiu") ||
-            location.host.includes("192.168")
-          ) {
+          if (location.host.includes("dev.colexiu") || location.host.includes("192.168")) {
             mp3.iframe = `https://dev.colexiu.com/accompany/colxiu-website.html?id=${id}&part-index=${item.id}`;
           } else {
             mp3.iframe = `https://online.colexiu.com/accompany/colxiu-website.html?id=${id}&part-index=${item.id}`;
           }
         }
+        img.value = state.musicImg ? state.musicImg.split(",") : [];
       } catch (error) {}
     };
     onMounted(() => {
@@ -76,13 +74,7 @@ export default defineComponent({
 
     const initAudio = () => {
       const a = new Plyr("#musicAudio", {
-        controls: [
-          "play-large",
-          "play",
-          "progress",
-          "current-time",
-          "duration",
-        ],
+        controls: ["play-large", "play", "progress", "current-time", "duration"],
       });
     };
 
@@ -106,33 +98,19 @@ export default defineComponent({
     const downRef = ref();
     return () => (
       <div class={styles.musicDeatail}>
-        <TheHeader
-          style={{ background: `rgba(255,255,255,${backgorundColor.value})` }}
-          class={styles.header}
-          theme={isTop.value ? "dark" : "light"}
-        />
-        <img
-          class={styles.bgImg}
-          src={state.teacher?.userAvatar || icon_teacher || state.titleImg}
-        />
+        <TheHeader style={{ background: `rgba(255,255,255,${backgorundColor.value})` }} class={styles.header} theme={isTop.value ? "dark" : "light"} />
+        <img class={styles.bgImg} src={state.teacher?.userAvatar || icon_teacher || state.titleImg} />
         <div class={styles.musicContent}>
           <div class={styles.bg}>
             <div class={styles.alumWrap}>
-              <div class={[styles.alumTitle, "van-ellipsis"]}>
-                {state.musicSheetName}
-              </div>
+              <div class={[styles.alumTitle, "van-ellipsis"]}>{state.musicSheetName}</div>
               <div class={styles.musicDes}>
                 <div class={styles.des}>
-                  <div class={[styles.desItem, "van-multi-ellipsis--l2"]}>
-                    作曲：{state.composer}
-                  </div>
+                  <div class={[styles.desItem, "van-multi-ellipsis--l2"]}>作曲：{state.composer}</div>
                   <div class={styles.desItem}>声部：{state.subjectNames}</div>
                 </div>
                 <div class={styles.author}>
-                  <img
-                    class={styles.avator}
-                    src={state.teacher?.userAvatar || icon_teacher}
-                  />
+                  <img class={styles.avator} src={state.teacher?.userAvatar || icon_teacher} />
                   <div class={styles.authorName}>
                     <div class="van-ellipsis">{state.teacher?.userName}</div>
                     <div class={styles.by}>上传者</div>
@@ -168,7 +146,16 @@ export default defineComponent({
 
             <div class={styles.iframe}>
               <div class={styles.sheetName}>{state.musicSheetName}</div>
-              <iframe id="musicIframe" src={mp3.iframe}></iframe>
+              <div class={styles.iframeContainer}>
+                {img.value.length <= 0 ? (
+                  <Image src={img.value[0]} />
+                ) : (
+                  <div class={styles.emptyContainer}>
+                    <Image class={styles.emptyImg} src={empty} />
+                    <p>暂无乐谱预览图</p>
+                  </div>
+                )}
+              </div>
             </div>
           </div>
 
@@ -176,8 +163,7 @@ export default defineComponent({
             <div class={styles.btn} onClick={() => downRef.value?.toggle()}>
               <img src={oStart} />
               <div>
-                <span style={{ color: "#EB5E00" }}>{state.favoriteNum}</span>{" "}
-                收藏
+                <span style={{ color: "#EB5E00" }}>{state.favoriteNum}</span> 收藏
               </div>
             </div>
             <div class={styles.btn} onClick={() => downRef.value?.toggle()}>