修改样式

src/views/attend-class/index.module.less

@@ -270,6 +270,20 @@
 .drawerContainer {
   width: 360px !important;
 
+  :global {
+    .n-drawer-header {
+      background-color: #F5F6FA !important;
+    }
+  }
+
+  // &.drawerContainerSource {
+  //   :global {
+  //     .n-drawer-header {
+  //       background-color: #F5F6FA !important;
+  //     }
+  //   }
+  // }
+
   .cardContainer {
     margin-bottom: 24px;
   }

src/views/attend-class/index.tsx

@@ -1616,7 +1616,7 @@ export default defineComponent({
         {/* 显示列表 */}
         <NDrawer
           v-model:show={popupData.open}
-          class={styles.drawerContainer}
+          class={[styles.drawerContainer, styles.drawerContainerSource]}
           onAfterLeave={handleClosePopup}
           showMask={false}>
           <NDrawerContent closable>

src/views/attend-class/model/source-list/index.tsx

@@ -49,7 +49,11 @@ export default defineComponent({
             <div
               class={[styles.treeItem, styles.parentItem]}
               onClick={() => {
-                parentIndex.value = index;
+                if (parentIndex.value === index) {
+                  parentIndex.value = -1;
+                } else {
+                  parentIndex.value = index;
+                }
               }}>
               <span
                 class={[

src/views/prepare-lessons/model/source-rhythm/index.tsx

@@ -1,10 +1,17 @@
 import { defineComponent } from 'vue';
 import styles from './index.module.less';
+import { useUserStore } from '/src/store/modules/users';
 
 export default defineComponent({
   name: 'source-rhythm',
   emits: ['close', 'confirm'],
   setup(props, { emit }) {
-    return () => <div class={styles.sourceRhythm}></div>;
+    const userStore = useUserStore();
+    const src = `${origin}/classroom-app/#/tempo-practice?Authorization=${userStore.getToken}&win=pc`;
+    return () => (
+      <div class={styles.sourceRhythm}>
+        <iframe src={src}></iframe>
+      </div>
+    );
   }
 });