| 1 |
- System.register(["./icon_back-legacy-a8ad0d25-1724872791500.js","./index-legacy-0bdb7c82-1724872791500.js","./icon_default-legacy-fa9bb009-1724872791500.js","./icon_separator-legacy-74573619-1724872791500.js","./useSpeak-legacy-233aa69e-1724872791500.js","./icon-pan-legacy-9492b61b-1724872791500.js","./index-legacy-508a3c9b-1724872791500.js","./index-legacy-d33e259a-1724872791500.js","./api-legacy-7368d35a-1724872791500.js","./Slider-legacy-b847817e-1724872791500.js"],(function(i,t){"use strict";var e,n,a,x,s,l,_,o,r,c,d,g,m,z,w,u,A,h,p,v,f,S,b,y,C,R,N,E,k,Q,D;return{setters:[i=>{e=i.i},i=>{n=i.T,a=i.P,x=i.b,s=i.c,l=i.i,_=i.a},i=>{o=i.i},i=>{r=i.i},i=>{c=i.u,d=i.i,g=i.a,m=i.b},i=>{z=i.i},i=>{w=i.d,u=i.a,A=i.u,h=i.e,p=i.U,v=i.q,f=i.f,S=i.x,b=i.aP,y=i.aQ,C=i.k,R=i.w,N=i.j,E=i.E},i=>{k=i.T},i=>{Q=i.e},i=>{D=i.N}],execute:function(){var t=document.createElement("style");t.textContent='._container_x7xz2_1{display:flex;flex-direction:column;height:100%}._container_x7xz2_1 ._iconBack_x7xz2_6{width:1.875vw;height:1.875vw}._container_x7xz2_1 .n-breadcrumb>ul{display:flex;align-items:center}._container_x7xz2_1 .n-breadcrumb>ul .n-breadcrumb-item{display:flex;align-items:center}._container_x7xz2_1 .n-breadcrumb>ul .n-breadcrumb-item__separator{display:none}._container_x7xz2_1 .n-breadcrumb>ul .n-breadcrumb-item__link{padding:.26041667vw .9375vw;background:#FFFFFF;border-radius:.83333333vw;color:#21225d;line-height:1.04166667vw}._container_x7xz2_1 .n-breadcrumb .n-breadcrumb-item:last-child .n-breadcrumb-item__link{color:#fff;background:var(--product-color)}._container_x7xz2_1 .highlight{color:#0378ec}._container_x7xz2_1>.n-space{height:1.875vw;flex-shrink:0}._container_x7xz2_1 ._separator_x7xz2_39{width:.46875vw;height:.78125vw;margin:0 .83333333vw}._wrap_x7xz2_44{padding-top:.78125vw;flex:1;transition:padding .3s;overflow:hidden}._wrap_x7xz2_44._wrapBottom_x7xz2_50{padding-bottom:5.625vw}._content_x7xz2_53{display:flex;flex-direction:column;height:100%;background:#DDF2FF;border-radius:1.04166667vw}._tools_x7xz2_60{padding:1.04166667vw;display:flex;align-items:center;flex-shrink:0}._tools_x7xz2_60 .n-input{margin-left:auto;width:18.80208333vw}._tools_x7xz2_60 .n-input__input-el{height:100%;line-height:100%}._contentWrap_x7xz2_74{position:relative;flex:1;display:flex;padding:1.04166667vw 2.86458333vw 1.04166667vw 1.04166667vw;overflow:hidden;gap:0 1.66666667vw}._musicList_x7xz2_82{background-color:#fff;border-radius:.83333333vw;width:24.47916667vw;min-width:15.3125vw;height:100%;overflow-x:hidden;overflow-y:auto;min-width:330Px}._musicList_x7xz2_82::-webkit-scrollbar{width:0;display:none}._musicList_x7xz2_82 ._instrumentGroup_x7xz2_96{padding-top:1.40625vw;padding-bottom:1.04166667vw;display:flex;align-items:center;justify-content:center;flex-direction:column}._musicList_x7xz2_82 ._instrumentGroup_x7xz2_96 ._instrumentImg_x7xz2_104{width:6.51041667vw;height:6.51041667vw;overflow:hidden;border-radius:50%}._musicList_x7xz2_82 ._instrumentGroup_x7xz2_96 ._instrumentName_x7xz2_110{padding:.67708333vw 0 .26041667vw;font-size:max(.9375rem,14Px);font-weight:600;color:#131415;line-height:1.30208333vw;letter-spacing:1px}._musicList_x7xz2_82 ._instrumentGroup_x7xz2_96 ._instrumentTag_x7xz2_118{font-size:max(.67708333rem,12Px);color:#777;line-height:.9375vw}._musicList_x7xz2_82 ._wrapList_x7xz2_123{width:24.47916667vw;padding:0 .88541667vw;min-width:15.3125vw;min-height:100%;border-radius:.83333333vw}._musicList_x7xz2_82 ._wrapList_x7xz2_123 .n-empty .n-empty__description{font-size:calc(.72916667rem,12Px)}._musicList_x7xz2_82 ._wrapList_x7xz2_123 ._titlec_x7xz2_133{padding:1.04166667vw 0;font-size:max(.9375rem,14Px);font-weight:600;color:#000;line-height:1.30208333vw;border-top:1px solid #F2F2F2;display:flex;align-items:center}._musicList_x7xz2_82 ._wrapList_x7xz2_123 ._icon2_x7xz2_143{width:1.19791667vw;height:1.19791667vw;margin-right:.41666667vw;background:url(data:image/png;base64,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) no-repeat center;background-size:contain}._musicList_x7xz2_82 ._empty_x7xz2_150{display:flex;align-items:center;justify-content:center;height:50vh}._itemContainer_x7xz2_156{width:100%;border-radius:.83333333vw;padding:.20833333vw .41666667vw}._itemContainer_x7xz2_156:first-child{padding-top:.41666667vw}._itemContainer_x7xz2_156:last-child{padding-bottom:.41666667vw}._item_x7xz2_156{position:relative;display:flex;align-items:center;padding:.52083333vw;border-radius:.625vw;cursor:pointer}._item_x7xz2_156:hover{background-color:rgba(0,0,0,.05)}._item_x7xz2_156._active_x7xz2_178{background-color:#ddf2ff}._item_x7xz2_156._active_x7xz2_178 ._arrow_x7xz2_181{opacity:1}._item_x7xz2_156 ._img_x7xz2_184{position:relative;width:3.125vw;height:3.125vw;border-radius:.9375vw;margin-right:.625vw;overflow:hidden;flex-shrink:0}._item_x7xz2_156 ._img_x7xz2_184 .n-image{width:3.125vw;height:3.125vw}._item_x7xz2_156 ._img_x7xz2_184 img{transition:opacity .3s;opacity:0;height:100%;width:100%}._item_x7xz2_156 ._img_x7xz2_184 img[data-loaded=true]{opacity:1}._item_x7xz2_156 ._title_x7xz2_133{flex:1;overflow:hidden;display:flex;flex-direction:column;align-items:flex-start}._item_x7xz2_156 ._title_x7xz2_133 ._titleName_x7xz2_213{font-size:calc(.88541667rem,12Px);font-weight:600;color:#131415;line-height:1.45833333vw;width:100%}._item_x7xz2_156 ._title_x7xz2_133 ._titleDes_x7xz2_220{font-size:.72916667rem;font-weight:400;color:#777;line-height:1.04166667vw;max-width:100%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}._item_x7xz2_156 ._btn_x7xz2_230{margin-left:auto;width:4.375vw;height:2.08333333vw;background:linear-gradient(to right,#44CAFF,#259DFE);border:none;padding:0;font-weight:700!important;flex-shrink:0;min-width:3.22916667vw;min-height:1.5625vw}._item_x7xz2_156 ._btn_x7xz2_230 .n-button__content>img{margin-left:.52083333vw;width:.46875vw;height:.625vw}._item_x7xz2_156 ._arrow_x7xz2_181{position:absolute;top:50%;right:.625vw;transform:translate(124%,-50%);opacity:0}._item_x7xz2_156 ._showPlayLoading_x7xz2_254{opacity:0}._loadingWrap_x7xz2_257{display:flex;justify-content:center;min-height:4.16666667vw}._musicStaff_x7xz2_262{display:flex;flex-direction:column;position:relative;left:-.41666667vw;flex:1;background-color:#fff;border-radius:.83333333vw;padding-bottom:.9375vw;z-index:1;overflow:hidden}._musicStaff_x7xz2_262::-webkit-scrollbar{width:0;display:none}._musicStaff_x7xz2_262 ._musicTitle_x7xz2_278{padding:1.40625vw 1.40625vw .67708333vw;font-size:max(.9375rem,14Px);font-weight:600;color:#000;line-height:1.30208333vw;display:flex;align-items:center;justify-content:space-between}._musicStaff_x7xz2_262 ._musicTitle_x7xz2_278 ._icon1_x7xz2_288{display:inline-block;width:1.19791667vw;height:1.19791667vw;margin-right:.41666667vw;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAAXNSR0IArs4c6QAACTRJREFUaEO9Wm1slWcZvu5z2lIowYWFWjbIsgmLkYHOrAILSElMRstkLgYTlX1Fk2UY/ywmRjfmZNOf+2MGbpr4Q6YTNItLGCCVVsi0jGiWmZGV1kQDqZSyLaM90vXjuc39fN7ve95TTtfRJoT2vO/zPPd1f1z3x3MIdf7sfJubLg5jKxvsYOAzAG6Sf8xYzAwwMwgA2/1IPrD/y+fpb/fMfeZ+J8IYM4YMY4iAswS8esut6Dm0hibqEU3OnPGno4fbpgyeYsY3mXlJODgJEaV2wskLzE5++3vYXp4J0gQwPsq8Y+FeMcBLpRL2ntlOF2cSsCaAzgFeMHYeT7DB44a5JQjuJBANO627v5JWRXAipXmLJ2k8WKZqvQfn1gcDUgWE51rL+MmRLvqwCEghAKv1abzCwAZ7uN/R/mq1nARKLpLUbeX1r2iAGeG8C1WD88IHAzqF9JUacH+RNaoAbO7mdUw4zMAKu3kwuddk0Ha1+av9O61Pz4IColHybpazlnNJq7gLIHT9/Sv0T22JDACrecYZY3hFcgtnzyiwdxcniPP3fGC6gNZupGLCL6l7vbI+QBcaFqBdWyICEJ8f/Q96DXiDPrzIf1Mw6oBMQGdcH+MjuJnnLiaYacbUJMNMAlNTBDYMNi7krA1KQLmR+m5Zio4QExHA5m7eO828J7xsNRs8qIoWveASDYpttJXCA/c8RKXyb6VZM8WYGAcmJUxDnPmNY9xl/sYzA4+WnwpSwAftIAMtllk8kwSmqKZO5x4poB0rOY8KzOT93qiAVzQayGGiYjBxVVnSK81pNpszgjcQqNLYSKvOPkIX7Xub/sz7jOHHElUm6strQDbdcTPjyyuA2xYTFjXMxNLXflaZZAy+Dxw6xzjUH3Uaqded7/WjrEmE/QOPlneTZNih/2LEJaks4nyA3thEeHodcNeN1xbso7zxtyHG93oYI8oikaQsV3hXtKBKVxqXYhltPsH3TE/z0XzaV8kexpcJP7tLhL9m8v4ossc1AuIhIXGvdZ0k44f+7YZSaRvd3c3Pw/Du6gDMlgX3rST8YM2cZKt78ZOnDA6+o0uPsFSRAYAySvto43HuIUZHCD2dfELmFOv8Yj3jjhuur/aDmG9eYuz8Y6TAXDEYihkrSy/dfZz7mXF7Yb2i6pgTX5p7wNZrAgnsz/3K11yJy/1yZRmicwJglA0vjjEgiSZSX3BEQt+2eo//eN5b/aKprmRjYHgaZxqjjX9yxJ0pj6vqeEJfZ7Fgf70E/PQtYPhqiqKgjHyVKjtU3gOMYXxyEfDsZsKWlcVuufqFkIJTQAcJYnYWNtp4zCjZ3Wb5OJDPTncVH3RvN2PY0l6Ow1U1Gp8xo/I+w0y7TwTEqW+UCjXjACQjxCJSl9sSHRuOir+ogk3zrSrYagHYfpxxadylmuoKUynEAxwfM5j0718bQH5f7zq+nrIkEwGogI31fEyBhNNdxS70+jBbFxIQ0ZSaQGKJ4daL9sUKbS0zu9Aqb4FUoqjzVQdnASTNJSG0yWTpG9vnh0KDmKtfEItWx5Vz8eRbtP6IYRE2ZFudkW3B5s013wDEAhKssT1VRZ5rQZzb0/ojoQOvrvwii9D8W2DVz30QKyNUFZYSA194TZG+8i3tz2KVN+79ePi93l0+td8BiNSp+g7NahZAmQgtDcDCEtBcZjQQUPZd0JR0SQAOdRTHgATxs2+6IM6MUzzrLGtm7LkT2NQ2uxhyAIqq4wSq3ATQfScML2nUWBP1WRLyyH/9xWIBOo8KjaZ6PfS6cdDFQOsi4Fjn7ACsflHaSd9S+hQj8VBqYJTKtrW0LSY9eMrlgdi2V7mR49JaALqOMoY1hcbsk/ZsbQaO1UiEtVxq3e+q29UYkz6IBSA9eCo1gdlpQtjamfHAlmIN/uMy8OQZB8IyWah4vSJaFxL23MnYtHx2Flj7chrpaDrNdGjiZA9YC+RGgH5UorNrLQD1BuVs31v7cm5E6TfQQwTRFj1wUuyQHcZm8ocPxgNbZivC3N5f+1tdmuRmU6rOol0nXSLLZj1B7zsyX48fqMFCcxOz9moLwHtG1m2yIxoLQNcbaTCbdasDHddL1OJ97/hNsoBmw9jm2BZAYuAkj7oZf/F8PxS0820BAaDzQLBCrIWca48KgH5j+HZHtXre6TQTEP9yE6F5jjOgem34v0lG+8EQtVk21JmZpKXc1cs9IHRkJ8lpkUPM+PHngVWfmB0V1itw/r23LjO+fiwBKCIVl/Wpl3b9hZ9n5t3Za6C0ZVi8dTnw7U/PD4AfnWb8fsB7gO7t9ZROPKZE+8SF7jF2sOWcSDdx+Xr8h59lrFl6fUH0XWR8q9uVy0X3C8GvLa4SbaOn3+amwcsYYZO9/7JsZKuMtNENTcB31uC6gRDhv/86YeSqJxRVgerWxg+fr5QWYplV565e3seMx7Jzf2XCGDnOSluXMzpuBla2AM1Sus7hRwJ28APgD/+CdRtNk1nGyV5bAbS//2HabU9/WG5mgEF9maeryWAFzcexAGRgfAr49yiQOovsCDAIkl8fb35036y9uEZvTUSVEiON170V9hrDe/RhImR1q6nplSBTtPNjInzuptLHlJ74FRZlqvoNtVfi/GyFENmoRM/0P0TpgkPO+u4AL3jvPHrlZlIPusJ8VFOZ7akZePcqMKJ6gWh/ySeqRsxqvuAWUvUdgUwC2FhGeKByY3lra8EVU3ClCcYZZl7haqFcMPma6YMPgXcnCOOTblddflTPhrTA2aIsvFs0wQtsk4kDogtlRrvczGQzlQrCr3bzOjI4XC4JCGCaCZPTjHGZ50wBlQn5LLmR1XpoMNQ9VhBAwMkoMd8nWMEy5KCAKt8X6zkypAvE6HrnkRmuWcN+7Ye5bWocrxjDG5KW5MBcJagmZEkHuQs9PQ5RUnsqjFyfaLL6QpBBfQ3A/VrzNS0QHnS+xguGKngCjMcRLv9CqsvxcySOoDnFKo5knTvm/TnDTv5gPbQCqIISnrtt2Sy/aqBpvf0gt03CfdnDgJdkegd1DZvJ2rlZTtHXDoKLRV3oTAW6AuClMmNvkda1fHVnoZ0HuekcYysDO5jd122YcRNY7hZ8TFghcs2R5nh1cnRNojEwhuQrN8w4S2W8WmpGz9mv1fd1m/8DImFhcE1PpNsAAAAASUVORK5CYII=) no-repeat center;background-size:contain}._musicStaff_x7xz2_262 ._musicTitle_x7xz2_278 ._musicTitleLeft_x7xz2_296{display:flex;align-items:center}._musicStaff_x7xz2_262 ._musicTitle_x7xz2_278 ._musicTitleRight_x7xz2_300 ._textRead_x7xz2_300,._musicStaff_x7xz2_262 ._musicTitle_x7xz2_278 ._musicTitleRight_x7xz2_300 ._textClose_x7xz2_301{padding:.36458333vw .41666667vw;background:#E8F4FF;border-radius:.67708333vw;font-weight:500;font-size:max(.67708333rem,12Px);color:#0378ec;line-height:.9375vw;display:flex;align-items:center;cursor:pointer}._musicStaff_x7xz2_262 ._musicTitle_x7xz2_278 ._musicTitleRight_x7xz2_300 ._icon_x7xz2_6{display:inline-block;margin-right:.26041667vw;width:.78125vw;height:.78125vw}._musicStaff_x7xz2_262 ._musicTitle_x7xz2_278 ._musicTitleRight_x7xz2_300 ._textRead_x7xz2_300 ._icon_x7xz2_6{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAAAXNSR0IArs4c6QAAAs5JREFUWEflmL9v00AUx79nx6VJURBxVKTSLkggVOjCAEzsSCyIEUERP1pgYEECOwUpQ6nDgsTQih8LqhAMKCwM/AuAGBCgFhiBBRQbaKmof91Djp1SpUlsN21qCU927u7d59733r13YUjYw9rlkQqVk5zYOAgMAhtxJ3LP27G5aqC+ImW+mcYUiIZrAIyxGUeT93QcqEvVBznwhIgG6yd3S/lVL9KzFXuwVKic4oRJEDKNPNExoEYSbRhQK4miStZT+L3NJHMaQFoQadQaz882WlCoZGESRQVKKcZVAi8F/RdECOesUu5x/fimQFEligrUrfzcYcN9DdDWf1GJkqPl1eU2GgLFkSgqkNdvkzq3y4VdJqK9tXGiIBy3JnKPliDrDcaVKA6Q19fz/PdF4yGBji7Jx9h+S5NnqmEvFozD4HQPoP52DrTa2ChhH0C9INBQFYKxl44mH/SBFP3LWsF4BuuB0kW93zZRBsERmHTG0rIfqvJd+7XTce03tfNMEHHAvpF/xUSlQmvhmWYeklTjAic+5bezzxkm7ZvXsrr3Jar6HRCN+m3CtFvKDa87UKa40Gcu/vkEoMdnYnddTT7vvXZdN4Zcm78NFmPmZVledyBvMkmtDHPCg9rEW7pZr1GU57zvlFqZJcJun1U41BEgf2L93VK4MxxztfzTAOgZEY5URWNspGNAoqLfB+hsEFWXHU2+FYDeJqJL1d8hKP8vUErR3xPIL942WrJEber0WGW75eJjYsJeUoyLHHwyxsG4zqljTB+wOZUB5giQToenjqQl1/o8Vt2AwFSzIj4s74Vl+9Dyo9EEiSrQaoCJKmGXey1uBdlMspRqXCHiNwPb8Yv85VBxJGwGtLk437toWt41KNPWNSiuhGGbOiwoQu9lK6IwKVfpqBJ23EOtJWRf3ZI8ECZLq/bYkq08SH+cIHCFCNkN/cOqHS+0GvsXg7X8PncMLskAAAAASUVORK5CYII=);background-size:contain}._musicStaff_x7xz2_262 ._musicTitle_x7xz2_278 ._musicTitleRight_x7xz2_300 ._textClose_x7xz2_301 ._icon_x7xz2_6{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAAAXNSR0IArs4c6QAABTBJREFUWEfNmGtsFFUUx8+5M7PbotDuzFpDQ6T4ADRRKhhMUQmamBBFHgV8JKhoFD4R0Q9kZ4txjXRnjYni4wtoFJXEB7VQhajxA4qBRiIImiigQjFNG8nObGmV7u7M3GNm292d3e52HwV1P87MOec3//u/555ZhP/ZDyfKM28bST/2GGucPDc1yTuPrEdzIjknDCQE9G0AtG4EArfbEWX9fwukRn8DgmtGeOB3W/Nf+68A+SJGXSwgn88vJqh6DxBNHwHCs7amNOU/Uyy2EHjJJbs8NNQQjyd3EdBCRNg/zavc0xPCeDrZeEBNIarpjev7COAuBDxQU+NZ/Vdo8rnxFBwXyLM5er1t4z4gmpFJgsIyW/N9Wg6QoMaWAtld2Vg8Iwh0b3KL/5diUEWBRNW4jYD2AlG9KyFnIptrvuA7Xg6Q9GxsDrf4USBirhwDCLjE0uSDZS/ZZHVQuQDJn4BgajYITYHh48mwvNOdqJSHPEFjjc3pbQCSslDQPwk8Nw5pU/R8qIIKiQG9k4BW5LwVslYr7NtfjanFYOxOIt7pVhsBd1sRpbUkkBSMruUc3nHBJBkJC8xI/ZFCEpdSKB0jBQbmcbQPAZEnfY0xeMwM+3e4845RSAxETxDArPRDyNgmKyy/VMyE5QI58aJqbCLiL2ZyA5y0Iv7ZRYFE1biDiB/IBCAe3uyVW0Ih5BcDKBQitiVhdBPR/GwNttDS5G9dkNlSgqrvAKJHM5Ki8Iip+d4fr29UopCTR1JjD3Oy33NZ4l1bU9aOASIiFFXd6cSTR27i+akN8tTeZ3D4YgJNe5lq+88Z/QBUN5p3yNKUOkSkVNV0Me/m89dZlnnKRdplRfzLx4Nx7lWqUMpLgegeAliWzi2K0szElrpfc4DEgL6YgD53+WerpSlPXxIgVX+FiDZmNw4utsLKlzlAnqDxoM35Bxn/MNxohpVXSwNVftpLQf0pzmlrOrfA2EPJsPxhDpDQpq8EmzoyQAAbzIj/jZJAVcxDUjC6gXN4LWtsWGlr/s7cJVP1FiI6lJWRaVZYDpYCqmZiFINGmDhXXfZYYGlKdw5QTVtsumnbPVlT4ydWRFlVCqia+2JA7yCglelYSRCa4u2+szlAqz8mofMH408gUlIPIg7O8spX/BzCZDVFi8XcECLPybgezbQXRL31ZvnKXfejnQM0uoVzGiPkzT4XA6zAjFS4MaaA2qIrwIaUuUZEwmNmWJ6bbloTBXKarxQ0jhJRcyaXAK12u3931iquKo5Bj50xTgDQ1ZndhrjO1JQ3JwrjxEuq/iQn2p7NhaebZ8iz3Z9OY077/H4ECHEGsMjU/N9NBEpSo7dygm8AwJvO4+4/BRVyLo7KepCIWlwA5xjC0mqhRmGcObzBtYsPmZp8e74dCk6Mk0J/NyYSw9/njrCQYIgbkmH5rXI95bycJ2g8wYledysDCP1eb+0tF0KX9eWrXnTIl9qi87kNXwNArTvIMToBe26Wt/6LYi0htbUTA4sR+PM5Bh5JNMwEWGS2+w8XssC4n0EpKA578pRKb8FBJPgKGJ5CzlNvSow1AqeZhHA3EE0ZUxChnzFYXgxmTB8qROwsXzIR78jzVMX+RsRuj7dmVaFlylmBcjI7XvC2xR6wObW7W0I5sQB4WmDYlmj3fVSO90p+SruLpvrUH/oS4OgMV0syx8wYZ6LzvbUXGHU1X6XsreQvmoqA3HWds++z4wPTLM4biUFjav059ImM9d03p743fTaVp6KrVVYacKmfr1qhSwX2D94egkMmRY0HAAAAAElFTkSuQmCC);background-size:contain}._musicStaff_x7xz2_262 ._musicContent_x7xz2_327{flex:1;overflow-y:auto;height:100%;padding:0 1.40625vw;user-select:text;position:relative}._musicStaff_x7xz2_262 ._musicContent_x7xz2_327>img{width:100%}._musicStaff_x7xz2_262 ._musicContent_x7xz2_327 section,._musicStaff_x7xz2_262 ._musicContent_x7xz2_327>div{font-size:inherit!important}._staffImgs_x7xz2_342{flex:1;overflow-y:auto;height:100%;padding:0 1.5625vw}._staffImgs_x7xz2_342>img{width:100%}.van-fade-enter-active,.van-fade-leave-active{transition:all .3s}.van-fade-enter-from,.van-fade-leave-to{opacity:0}._changeSizeSection_x7xz2_359{position:absolute;right:.52083333vw;bottom:50%;width:1.82291667vw;transform:translateY(50%);background:#fff;border-radius:.36458333vw;display:flex;align-items:center;flex-direction:column;padding:.67708333vw 0}._changeSizeSection_x7xz2_359 ._iconT_x7xz2_372{width:.78125vw;height:.78125vw}._changeSizeSection_x7xz2_359 ._iconAddT_x7xz2_376,._changeSizeSection_x7xz2_359 ._iconPlusT_x7xz2_377{width:1.19791667vw;height:1.19791667vw;cursor:pointer}._changeSizeSection_x7xz2_359 ._iconAddT_x7xz2_376{margin-top:.67708333vw;margin-bottom:.41666667vw}._changeSizeSection_x7xz2_359 ._iconPlusT_x7xz2_377{margin-top:.41666667vw}._changeSizeSection_x7xz2_359 .n-slider{height:6.51041667vw;--n-handle-size: .78125vw !important;--n-rail-height: 0 !important}._changeSizeSection_x7xz2_359 .n-slider.n-slider--vertical .n-slider-rail,._changeSizeSection_x7xz2_359 .n-slider .n-slider-rail .n-slider-rail__fill{border-radius:.52083333vw}._changeSizeSection_x7xz2_359 .n-slider.n-slider--vertical .n-slider-handles{top:.15625vw!important;bottom:.15625vw!important}._musicTop_x7xz2_404,._musicInfo_x7xz2_405{display:flex;align-items:center;flex-direction:column;padding-top:1.875vw;padding-bottom:1.14583333vw}._musicInfo_x7xz2_405{flex-direction:row}._musicImg_x7xz2_415{position:relative;width:5.20833333vw;height:5.20833333vw;border-radius:.10416667vw;z-index:9;margin-right:2.8125vw;margin-left:1.61458333vw}._musicImg_x7xz2_415 ._img_x7xz2_184{position:relative;z-index:9;width:5.20833333vw;height:5.20833333vw;border-radius:.10416667vw}._musicImg_x7xz2_415 ._panSection_x7xz2_431{position:absolute;right:-2.29166667vw;top:.26041667vw;width:4.94791667vw;height:4.94791667vw;z-index:0;display:flex;align-items:center;justify-content:center}._musicImg_x7xz2_415 ._panSection_x7xz2_431 ._img2_x7xz2_442{position:relative;z-index:1;width:3.33333333vw;height:3.33333333vw;border-radius:50%}._musicImg_x7xz2_415 ._iconPan_x7xz2_449{position:absolute;left:0;right:0;width:4.94791667vw;height:4.94791667vw;z-index:0}._musicImg_x7xz2_415:before{content:" ";position:absolute;top:0;left:0;z-index:10;display:inline-block;width:.26041667vw;height:5.20833333vw;background:linear-gradient(270deg,rgba(0,0,0,.18) 0%,rgba(255,255,255,0) 100%)}._musicImg_x7xz2_415:after{content:" ";position:absolute;left:-1.61458333vw;bottom:0;z-index:8;width:7.70833333vw;height:.83333333vw;background:linear-gradient(180deg,rgba(0,0,0,0) 0%,rgba(0,0,0,.3) 100%);filter:blur(.1215vw);border-radius:50%}._info_x7xz2_480{text-align:left}._musicInfo_x7xz2_405 ._name_x7xz2_483{font-size:max(1.09375rem,15Px);font-weight:600;color:#131415;line-height:1.30208333vw;padding-bottom:.41666667vw;max-width:11.45833333vw}._musicInfo_x7xz2_405 ._c_x7xz2_1{font-size:max(.67708333rem,12Px);color:#777;line-height:.9375vw}._musicInfo_x7xz2_405 ._c_x7xz2_1 span{flex-shrink:0}._musicInfo_x7xz2_405 ._c_x7xz2_1>div{display:flex;margin-right:1.04166667vw;max-width:11.45833333vw}._selectionCouser_x7xz2_504{display:flex;align-items:center;position:absolute}._selectionCouser_x7xz2_504._hide_x7xz2_509{opacity:0;visibility:hidden}._selectionCouser_x7xz2_504 ._textStart_x7xz2_513,._selectionCouser_x7xz2_504 ._textReadOnly_x7xz2_514{cursor:pointer;background:#1A8CFF;border-radius:.67708333vw;font-weight:600;font-size:max(.67708333rem,12Px);color:#fff;line-height:.9375vw;display:inline-flex;align-items:center;padding:.15625vw .41666667vw;flex-shrink:0}._selectionCouser_x7xz2_504 ._textStart_x7xz2_513 ._icon_x7xz2_6,._selectionCouser_x7xz2_504 ._textReadOnly_x7xz2_514 ._icon_x7xz2_6{margin-left:.20833333vw;display:inline-block}._selectionCouser_x7xz2_504 ._textStart_x7xz2_513 ._icon_x7xz2_6{width:.41666667vw;height:.52083333vw;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAYCAYAAAD6S912AAAAAXNSR0IArs4c6QAAARNJREFUSEvNlT1qQlEQhb9DME2yhGAT3ECaQHahkCWkszcr0C3ENURInfRCmtRqJwTE2jIERg/4RFF5Xt8tPNX7ufO9uW/mnhFARNSBJnANvEua+vk5UkQ8AZ/A7RrwtwJ3gZ4kXyfJwG/g8UDUCHiRNEwhGugsakeCAugDHUmLU8AGOqhMM6At6aNs4anAgmOgwf7AQaUCDfHWO/4VkvZ2dw6wyMzFctFcvI2qAA3Za7GqwCIzZ9mSNM4FNHgO3OcEGtq6aKB7s5ErQxelKWlSFei26dmdCmeqAszW2D56r8BbjqOXzRyS7OsfuMppsD/AQ84R4CH1BdxsDamdVihz6R378k1E3AHP6xcDSb8pkO21S8b8kMPKilR5AAAAAElFTkSuQmCC) no-repeat center;background-size:contain}._selectionCouser_x7xz2_504 ._textReadOnly_x7xz2_514{margin-left:.52083333vw}._selectionCouser_x7xz2_504 ._textReadOnly_x7xz2_514 ._icon_x7xz2_6{width:.46875vw;height:.46875vw;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAAAXNSR0IArs4c6QAAAGpJREFUSEtj/P//vycDA8MsBgYGGQbqgCcMDAxpjP///39MRUNhTntCU4NpExTUCVZMUxhHDYaFAO2CYjSDQMMYnPNGMwg4NGiX3IZeliYjVUBqCEbG7fh8S25B/4SRkVF2wAwmNYMQFRQAiDs+r+CXpUMAAAAASUVORK5CYII=) no-repeat center;background-size:contain}\n',document.head.appendChild(t);const I="_container_x7xz2_1",F="_iconBack_x7xz2_6",Y="_separator_x7xz2_39",B="_wrap_x7xz2_44",T="_wrapBottom_x7xz2_50",G="_content_x7xz2_53",O="_contentWrap_x7xz2_74",P="_musicList_x7xz2_82",j="_wrapList_x7xz2_123",J="_titlec_x7xz2_133",M="_icon2_x7xz2_143",Z="_empty_x7xz2_150",U="_itemContainer_x7xz2_156",L="_item_x7xz2_156",X="_arrow_x7xz2_181",q="_img_x7xz2_184",H="_title_x7xz2_133",V="_titleName_x7xz2_213",W="_btn_x7xz2_230",K="_showPlayLoading_x7xz2_254",$="_loadingWrap_x7xz2_257",ii="_musicStaff_x7xz2_262",ti="_musicTitle_x7xz2_278",ei="_icon1_x7xz2_288",ni="_musicTitleLeft_x7xz2_296",ai="_musicTitleRight_x7xz2_300",xi="_textRead_x7xz2_300",si="_textClose_x7xz2_301",li="_icon_x7xz2_6",_i="_musicContent_x7xz2_327",oi="_changeSizeSection_x7xz2_359",ri="_iconT_x7xz2_372",ci="_iconAddT_x7xz2_376",di="_iconPlusT_x7xz2_377",gi="_musicInfo_x7xz2_405",mi="_musicImg_x7xz2_415",zi="_panSection_x7xz2_431",wi="_img2_x7xz2_442",ui="_iconPan_x7xz2_449",Ai="_info_x7xz2_480",hi="_name_x7xz2_483",pi="_c_x7xz2_1",vi="_selectionCouser_x7xz2_504",fi="_hide_x7xz2_509",Si="_textStart_x7xz2_513",bi="_textReadOnly_x7xz2_514";i("default",w({name:"instrument-detail",setup(){const i=u(),t=A(),w=c();h({page:1,rows:20,status:!0,name:"",type:i.query.type});const yi=h({loading:!1,finshed:!1,reshing:!1,details:{},list:[],listActive:0,playState:"pause",showPlayer:!1,showPreivew:!1,previewUrl:"",showCloseBtn:!0,fontSize:18}),Ci=p((()=>yi.list[yi.listActive]||{})),Ri=i=>{const t=yi.list.findIndex((t=>t.id===i.id));t>-1&&(yi.listActive===t?yi.playState="play"===yi.playState?"pause":"play":yi.playState="play",yi.showPlayer=!0,yi.listActive=t)},Ni=i=>{"play"===i?yi.playState="play":"pause"===i?yi.playState="pause":"pre"===i?yi.list[yi.listActive-1]&&Ri(yi.list[yi.listActive-1]):"next"===i&&yi.list[yi.listActive+1]&&Ri(yi.list[yi.listActive+1])};return v((()=>{(async()=>{yi.loading=!0;let t={};try{t=await Q({id:i.query.id})}catch(a){console.log(a)}yi.reshing&&(yi.list=[],yi.reshing=!1),yi.finshed=!0,yi.list=t.data.knowledgeWikiResources||[],yi.list.forEach((i=>{i.audioFileUrl=i.url,i.musicSheetName=i.name}));const e=t.data.knowledgeWikiCategories||[];t.data.knowledgeName=e.length>0?e[0].name:"",t.data.intros=t.data.intros.replace(/<video/gi,'<video style="width: 100% !important;" controlslist="nodownload"');const n=(new DOMParser).parseFromString(t.data.intros,"text/html");document.querySelector("#musicContent")?.appendChild(w.processNode(n.body)),yi.details=t.data,yi.loading=!1})()})),()=>f("div",{class:I},[f(S,{align:"center",wrapItem:!1,size:16},{default:()=>[f("img",{style:{cursor:"pointer"},src:e,class:F,onClick:()=>{t.push("/content-music")}},null),f(b,{separator:""},{default:()=>[f(y,{onClick:()=>{t.push("/content-music")}},{default:()=>[C("名曲鉴赏")]}),f("img",{class:Y,src:r},null),f(y,null,{default:()=>[i.query.name]})]})]}),f("div",{class:[B,yi.showPlayer?T:""]},[f("div",{class:G},[f("div",{class:O},[f("div",{class:[P,"musicList-container"]},[f("div",{class:j},[f("div",{class:gi},[f("div",{class:mi},[f("img",{src:yi.details?.avatar||o,class:q},null),f("div",{class:zi},[f("img",{src:z,class:ui},null),f("img",{src:yi.details?.avatar||o,class:wi},null)])]),f("div",{class:Ai},[f("div",{class:hi},[f(n,{text:yi.details.name,style:{marginRight:"0"}},null)]),f("div",{class:pi},[yi.details.composers?f("div",null,[f("span",null,[C("作曲：")]),f(n,{text:yi.details.composers,style:{marginRight:"0"}},null)]):"",yi.details.lyricists?f("div",null,[f("span",null,[C("作词：")]),f(n,{text:yi.details.lyricists,style:{marginRight:"0"}},null)]):""])])]),f("div",{class:J},[f("i",{class:M},null),C("名曲鉴赏")]),yi.list.map(((i,t)=>f("div",{class:U},[f("div",{class:[L],onClick:t=>{t.stopPropagation(),Ri(i)}},[f("div",{class:q},[f(R,{lazy:!0,objectFit:"cover",previewDisabled:!0,src:i.titleImg||o,onLoad:i=>{i.target.dataset.loaded="true"}},null),f(a,{class:[yi.listActive===t&&"play"===yi.playState?"":K]},null)]),f("div",{class:H},[f("div",{class:V},[f(n,{text:i.name,style:{marginRight:"12px"}},null)])]),f(N,{color:"#259CFE",textColor:"#fff",round:!0,class:W,type:"primary",onClick:t=>{t.stopPropagation(),Ri(i),w.onCloseSpeak()}},{default:()=>[C("播放"),f("img",{src:yi.listActive===t&&"play"===yi.playState?x:s},null)]}),f("img",{class:X,src:l},null)])]))),!yi.finshed&&f("div",{class:$},[f(E,{show:!0},null)]),!yi.loading&&0===yi.list.length&&f("div",{class:Z},[f(k,{description:"暂无名曲鉴赏",style:{paddingTop:"0px"}},null)])])]),f("div",{class:ii},[f("div",{class:ti},[f("div",{class:ni},[f("i",{class:ei},null),C("名曲故事")]),f("div",{class:ai},[w.isSpeak.value?f("span",{class:si,onClick:w.onCloseSpeak},[f("i",{class:li},null),C("关闭朗读")]):f("span",{class:xi,onClick:()=>{w.onAllSpeak(),Ni("pause")}},[f("i",{class:li},null),C("全文朗读")])])]),f("div",{class:_i,id:"musicContent",style:{fontSize:yi.fontSize+"px"}},[f("div",{id:"selectionCouser",class:[vi,!w.showDom.value&&fi]},[f("span",{class:Si,onClick:()=>{w.onTextStart(),Ni("pause")}},[C("开始朗读"),f("i",{class:li},null)]),f("span",{class:bi,onClick:()=>{w.onTextReadOnly(),Ni("pause")}},[C("只读这段"),f("i",{class:li},null)])])])]),f("div",{class:oi},[f("img",{src:d,class:ri},null),f("img",{src:g,class:ci,onClick:()=>{yi.fontSize>=32||(yi.fontSize+=1)}},null),f(D,{value:yi.fontSize,"onUpdate:value":i=>yi.fontSize=i,placement:"left",vertical:!0,min:12,max:32},null),f("img",{src:m,class:di,onClick:()=>{yi.fontSize<=12||(yi.fontSize-=1)}},null)])])])]),0!==yi.list.length&&f(_,{show:yi.showPlayer,playState:yi.playState,item:Ci.value,onChange:i=>Ni(i)},null)])}}))}}}));
|
