| 1 |
- System.register(["./icon_back-legacy-a8ad0d25-1701776958851.js","./icon-plus-t-legacy-9d0f221a-1701776958851.js","./api-legacy-e71dd95c-1701776958851.js","./index-legacy-bab9705d-1701776958851.js","./index-legacy-2a95bcd6-1701776958851.js","./Slider-legacy-ee0f6969-1701776958851.js"],(function(e,t){"use strict";var i,n,_,a,r,c,l,o,s,v,d,x,A,g,w,u,q,m,h;return{setters:[e=>{i=e.i},e=>{n=e.i,_=e.a,a=e.b},e=>{r=e.d,c=e.e},e=>{l=e.T},e=>{o=e.d,s=e.u,v=e.r,d=e.e,x=e.n,A=e.f,g=e.w,w=e.ci,u=e.cj,q=e.k,m=e.A},e=>{h=e.N}],execute:function(){var t=document.createElement("style");t.textContent="._container_5vqx1_1{display:flex;flex-direction:column;height:100%}._container_5vqx1_1 ._iconBack_5vqx1_6{width:1.875vw;height:1.875vw}._container_5vqx1_1 .n-breadcrumb>ul{display:flex;align-items:center}._container_5vqx1_1 .n-breadcrumb>ul .n-breadcrumb-item{display:flex;align-items:center}._container_5vqx1_1 .n-breadcrumb>ul .n-breadcrumb-item__separator{display:none}._container_5vqx1_1 .n-breadcrumb>ul .n-breadcrumb-item__link{padding:.26041667vw .9375vw;background:#FFFFFF;border-radius:.83333333vw;color:#21225d;line-height:1.04166667vw}._container_5vqx1_1 .n-breadcrumb .n-breadcrumb-item:last-child .n-breadcrumb-item__link{color:#fff;background:var(--product-color)}._container_5vqx1_1>.n-space{height:1.875vw;flex-shrink:0}._container_5vqx1_1 ._separator_5vqx1_36{width:.46875vw;height:.78125vw;margin:0 .83333333vw}._wrap_5vqx1_41{padding-top:.78125vw;flex:1;transition:padding .3s;overflow:hidden}._wrap_5vqx1_41._wrapBottom_5vqx1_47{padding-bottom:5.625vw}._contentWrap_5vqx1_50{position:relative;flex:1;display:flex;padding:0 2.86458333vw 0 0;overflow:hidden;gap:0 1.66666667vw}._content_5vqx1_50{display:flex;flex-direction:column;height:100%;border-radius:1.04166667vw}._contentWrap_5vqx1_50 .n-scrollbar-container{max-height:100%}._contentWrap_5vqx1_50 ._scrollBar_5vqx1_67{margin-top:.625vw;padding:0 1.04166667vw}._contentWrap_5vqx1_50 ._directoryList_5vqx1_71{width:15.625vw;background:#FFFFFF;border-radius:.88541667vw;flex-shrink:0;height:100%;overflow-x:hidden;overflow-y:auto}._contentWrap_5vqx1_50 ._directoryList_5vqx1_71::-webkit-scrollbar{width:0;display:none}._contentWrap_5vqx1_50 ._treeParent_5vqx1_84{transition:height 1s ease-in-out}._contentWrap_5vqx1_50 ._treeChild_5vqx1_87{line-height:2.8125vw}._contentWrap_5vqx1_50 ._treeItem_5vqx1_90{display:flex;align-items:center;line-height:2.8125vw;padding:0 .26041667vw;cursor:pointer;border-radius:.52083333vw;font-size:max(.88541667rem,13Px)}._contentWrap_5vqx1_50 ._treeItem_5vqx1_90:hover{background:#F5F6FA}._contentWrap_5vqx1_50 ._treeItem_5vqx1_90 ._title_5vqx1_102{padding-left:.41666667vw;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:14.58333333vw!important;color:rgba(0,0,0,.5);display:flex;align-items:center}._contentWrap_5vqx1_50 ._treeItem_5vqx1_90 ._title_5vqx1_102 ._dir_5vqx1_71{flex-shrink:1;display:inline-block;width:.83333333vw;height:.9375vw;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAkCAYAAADo6zjiAAAAAXNSR0IArs4c6QAAAetJREFUWEftmL9Lw0AUx78v0aAgxSFprSDOdhAHJ0FCS3Hs5iR1ERH8tepWxb+gWkUQFzsqIo5FCuLqIA5xtg4drLWUohJNTk4pqGjpxZM4NFMg9333ue/lPe4d4cMTiUS0UqkyzMgZgEs6I7fz43ev78SURyisREy90vXuc8uy7Hosqr+Ew+F+x3HGXaDL60TN6BSgpqrqfrFYvObj3wD45M+OMwlAbSaIhDFOu6rucQh6t720+Ncr/wrNndB1fZ2Cwd4RFy9jElYlHEJBW46MUGiKMdYnrJYgIKIbMozQMiPWISGecAieHaQHgyvCSomC/w0QCASwubGBWCwGTdOE1m3bNvL5POYWFlCtVn/UNnQglUphfnZWaOKvgzOZDFbX1rwB7O7sIJFI/Arg6OgY0zPT3gDG4nFks1koiuIJwnVdJJNJ5E5OvAFw1dDgEExzFJomlqm2/YTT0zNcXF40hP/fWeDJd0FRy4GGDogUonK5jHQ6ja3tbaFNkF6IzGgUlmU1DdEQwEshmuB5n8vJARAtRIVCAaYZRe2hJgdApBDd39/h4PAQlUql6cnfDqWt80DLgZYDhtGzJKsJFco/noL8WO57Y+J7a+Z7c8r3zdf2vP7j+HpBUYf4fEUDQ1bTSoyeoOD2uyuaV7DJ02v4pZ8HAAAAAElFTkSuQmCC) no-repeat center;background-size:contain;margin-right:.3125vw}._contentWrap_5vqx1_50 ._treeItem_5vqx1_90 ._title_5vqx1_102._titleSelect_5vqx1_121{color:var(--n-color);font-weight:700}._contentWrap_5vqx1_50 ._treeItem_5vqx1_90 ._title_5vqx1_102._titleSelect_5vqx1_121 ._dir_5vqx1_71{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAkCAYAAADo6zjiAAAAAXNSR0IArs4c6QAAAc9JREFUWEftmEFIVFEUhr/zGlIIhAwc0rUxbXQfIgy5cuEmmIWYy4KgjRJjK8FdRCBFYLQRBRcDIq5clAyGuk4XJblqoWOLeUUwqIPNifvggU35eO++F8/F3NWFd/5z/vvfe8675wrnRva5XlOXhzS4J5BT6Dz/3XYu4Crs4bAsnbz59kRqvi/xJ91FHTgTSig3bQOFwgmVjFI4fCabxt4jYIL/EtZVuRrKSUwjEepXlLuGhHiyV9n/7ytvJi1U5Aa90vVUJ2jwIuai7OAOk9JV1C3gjp2H2KhtyU6pq8r12K4sHJjsMAqoBTYxyOUm0NEOrwqQvwVtmWiLPj2D8hd4XIKfJxdjAxWYHoZHg9ECN1u/3oCZNUsCb0dhpC8egdVdeLBkSWAoB4vj4Dh2JBoNuL8A7/csCRhYfw8M9tqdgQ/7sHMQTP5yZ4Gd8NFQLQUCFYhSiKo1eFmGOe+aEX4kXojys/DpKCECNoVobB7eBeT9X/eSoL9h1EL01QWjQK2ekAJRCpE5Aysf4cdx+ODGspWGLQVaCki2qNWkmtBoCej1hd61PL3GRNhKvzVLvTk1+5Zqe+4fnFQfKHwSfzzRCLeTalpF+K7K53890fwGwiHWBQCa64sAAAAASUVORK5CYII=) no-repeat center;background-size:contain}._contentWrap_5vqx1_50 ._treeItem_5vqx1_90 ._arrow_5vqx1_129{display:inline-block;width:.72916667vw;height:.78125vw;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAeCAYAAAA/xX6fAAAAAXNSR0IArs4c6QAAARRJREFUSEvt1cFKxDAQBuCZqVroua19gMpC32jx3h76En2aFQVvnnwCTz6Aewlsly0Yll667imV7vaoxElCQDHXhn5k8mcGwfNCzx78g5DneTgMQ1ZV1aZpGmV7BdqSxvH1EmBcEME6iqJHIcTRBtWCSZLV46iSCUGk9zC8uGvbdm+KssAJIaIDETx0XSdMUDY4IwogeJJy98pFTcGTgxi81HX1zAmTFXguMS9M1iA3TE5ATpicgT8Nk2twdi9XUm7fvkrwrwe179PZCRHpIwjgXteBnICcHmsNen34PlubNhzfNXV2Sb2OJ044jE+YpumtUnDDDYcxWBTFVd/3WVmWLWfuGYPcia7brw2N7gfc738f/ATIjb8fAy3RmAAAAABJRU5ErkJggg==) no-repeat center;background-size:contain}._contentWrap_5vqx1_50 ._treeItem_5vqx1_90 ._arrow_5vqx1_129._arrowSelect_5vqx1_136{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAYAAAByDd+UAAAAAXNSR0IArs4c6QAAAVBJREFUSEvtlLFKw1AYhf+TqggFcXCxUkFxcnAVETo5KT6BowUHQWz0AfoAkoiboIubs9DJSQXxBToVhyoWpJPooiZHMlRrucnNbWIHScbkP/8H5343kAE/GDBPMmDqjWeV/m2lC2fMt5/lnCIzaZAAaYyPykZ9G6+dfb/OsOBymR5v0oB977BQatm4VgKrpHXsyIWQq6lAgdqWLetVwFcCg5dzRxx7e5dbEc4ng6KeH5Glxg5euvcor8W0y9lPX+5ITvQDBdAesmSxWcF9bz70HhYPWfI8uSQ5bAIF8JHLycrDLq5UuciLX3C4SZ8nRkAL5Scbp2EZ7Z9m8oCOCCvxoHBb+7CjZrXA2OYqjDSutBPQm6s2sm9gEAwzN8rIRMAg3GuuzsjEwGBBt7nQGJkKMFgy5XINvvBxD7V49v5MaS01Xaibz4C6hoy///9KvwAj538d1KBtmgAAAABJRU5ErkJggg==) no-repeat center;background-size:contain}._contentWrap_5vqx1_50 ._treeItem_5vqx1_90 ._childArrow_5vqx1_140{width:.625vw}._contentWrap_5vqx1_50 ._treeItem_5vqx1_90._childItem_5vqx1_143{padding-left:1.5625vw;font-size:max(.78125rem,12Px)}._contentWrap_5vqx1_50 ._treeItem_5vqx1_90._childItem_5vqx1_143 ._title_5vqx1_102{color:#131415}._contentWrap_5vqx1_50 ._treeItem_5vqx1_90._childSelect_5vqx1_150{background:#F5F6FA}._contentWrap_5vqx1_50 ._treeItem_5vqx1_90._childSelect_5vqx1_150 ._title_5vqx1_102{color:var(--n-color);font-weight:700}._musicStaff_5vqx1_157{flex:1;background-color:#fff;border-radius:.83333333vw;z-index:1;overflow:hidden;padding:1.40625vw 0 1.40625vw 1.40625vw}._musicStaff_5vqx1_157::-webkit-scrollbar{width:0;display:none}._musicStaff_5vqx1_157 .n-spin-container{overflow-y:auto;height:100%}._musicStaff_5vqx1_157 ._musicTitle_5vqx1_173{padding:1.40625vw 1.40625vw .67708333vw;font-size:1.04166667rem;font-weight:600;color:#000;line-height:1.5625vw;text-align:center}._musicStaff_5vqx1_157 ._musicContent_5vqx1_181{flex:1;padding-right:1.40625vw}._musicStaff_5vqx1_157 ._musicContent_5vqx1_181>img{width:100%}._musicStaff_5vqx1_157 ._musicContent_5vqx1_181 section,._musicStaff_5vqx1_157 ._musicContent_5vqx1_181>div{font-size:inherit!important}._changeSizeSection_5vqx1_192{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_5vqx1_192 ._iconT_5vqx1_205{width:.78125vw;height:.78125vw}._changeSizeSection_5vqx1_192 ._iconAddT_5vqx1_209,._changeSizeSection_5vqx1_192 ._iconPlusT_5vqx1_210{width:1.19791667vw;height:1.19791667vw}._changeSizeSection_5vqx1_192 ._iconAddT_5vqx1_209{margin-top:.67708333vw;margin-bottom:.41666667vw}._changeSizeSection_5vqx1_192 ._iconPlusT_5vqx1_210{margin-top:.41666667vw}._changeSizeSection_5vqx1_192 .n-slider{height:6.51041667vw;--n-handle-size: .78125vw !important;--n-rail-height: 0 !important}\n",document.head.appendChild(t);const p={container:"_container_5vqx1_1",iconBack:"_iconBack_5vqx1_6",separator:"_separator_5vqx1_36",wrap:"_wrap_5vqx1_41",wrapBottom:"_wrapBottom_5vqx1_47",contentWrap:"_contentWrap_5vqx1_50",content:"_content_5vqx1_50",scrollBar:"_scrollBar_5vqx1_67",directoryList:"_directoryList_5vqx1_71",treeParent:"_treeParent_5vqx1_84",treeChild:"_treeChild_5vqx1_87",treeItem:"_treeItem_5vqx1_90",title:"_title_5vqx1_102",dir:"_dir_5vqx1_71",titleSelect:"_titleSelect_5vqx1_121",arrow:"_arrow_5vqx1_129",arrowSelect:"_arrowSelect_5vqx1_136",childArrow:"_childArrow_5vqx1_140",childItem:"_childItem_5vqx1_143",childSelect:"_childSelect_5vqx1_150",musicStaff:"_musicStaff_5vqx1_157",musicTitle:"_musicTitle_5vqx1_173",musicContent:"_musicContent_5vqx1_181",changeSizeSection:"_changeSizeSection_5vqx1_192",iconT:"_iconT_5vqx1_205",iconAddT:"_iconAddT_5vqx1_209",iconPlusT:"_iconPlusT_5vqx1_210"};e("default",o({name:"cotnent-knowledge",setup(){const e=s(),t=v(!1),o=v(!1),f=v(),S=d({fontSize:18,tableList:[],selectKey:null,details:{}}),b=async()=>{o.value=!0;try{const{data:e}=await c({id:S.selectKey});S.details=e}catch{}o.value=!1};return x((()=>{(async()=>{t.value=!0;try{const{data:e}=await r({type:"COURSEWARE"});if(S.tableList=e||[],S.tableList.length){const e=S.tableList[0].lessonCoursewareDetailKnowledgeDetailList;if(S.tableList[0].selected=!0,e&&e.length){const t=e[0];S.selectKey=t.id,b()}}}catch{}t.value=!1})()})),()=>A("div",{class:p.container},[A(g,{align:"center",wrapItem:!1,size:16},{default:()=>[A("img",{style:{cursor:"pointer"},src:i,class:p.iconBack,onClick:()=>{e.push("/")}},null),A(w,{separator:""},{default:()=>[A(u,{onClick:()=>{}},{default:()=>[q("乐理知识")]})]})]}),A("div",{class:[p.wrap]},[A("div",{class:p.content},[A("div",{class:p.contentWrap},[A("div",{class:p.directoryList},[A("div",{class:p.scrollBar},[A(m,{show:t.value},{default:()=>[A("div",{class:[p.listSection]},[S.tableList.map(((e,t)=>A("div",{class:p.treeParent,key:"parent"+t},[A("div",{class:[p.treeItem,p.parentItem],onClick:()=>{S.tableList.forEach((t=>{e.id!==t.id&&(t.selected=!1)})),e.selected=!e.selected}},[e.lessonCoursewareDetailKnowledgeDetailList&&e.lessonCoursewareDetailKnowledgeDetailList.length>0&&A("span",{class:[p.arrow,e.selected?p.arrowSelect:""]},null),A("p",{class:[p.title,e.selected?p.titleSelect:""]},[A("span",{class:[p.dir,e.selected?p.dirSelect:""]},null),e.name])]),e.selected&&e.lessonCoursewareDetailKnowledgeDetailList&&e.lessonCoursewareDetailKnowledgeDetailList.map(((e,t)=>A("div",{key:"child"+t,class:[p.treeItem,p.childItem,p.animation,S.selectKey===e.id?p.childSelect:""],onClick:()=>{S.selectKey!==e.id&&(S.selectKey=e.id,b(),f.value.$el.scrollTo(0,0))}},[A("span",{class:p.childArrow},null),A("p",{class:p.title},[e.name])])))])))])]}),!t.value&&S.tableList.length<=0&&A(l,null,null)])]),A("div",{class:p.musicStaff},[A(m,{show:o.value,ref:f},{default:()=>[S.details?.desc?A("div",{class:p.musicContent,innerHTML:S.details?.desc,style:{fontSize:S.fontSize+"px"}},null):""]}),!o.value&&!S.details?.desc&&A(l,null,null)]),A("div",{class:p.changeSizeSection},[A("img",{src:n,class:p.iconT},null),A("img",{src:_,class:p.iconAddT,onClick:()=>{S.fontSize>=32||(S.fontSize+=1)}},null),A(h,{value:S.fontSize,"onUpdate:value":e=>S.fontSize=e,vertical:!0,min:12,max:32},null),A("img",{src:a,class:p.iconPlusT,onClick:()=>{S.fontSize<=12||(S.fontSize-=1)}},null)])])])])])}}))}}}));
|
