diff --git a/src/renderer/src/views/teachingDesign/index.vue b/src/renderer/src/views/teachingDesign/index.vue
index 2a82af7..d356986 100644
--- a/src/renderer/src/views/teachingDesign/index.vue
+++ b/src/renderer/src/views/teachingDesign/index.vue
@@ -1,16 +1,15 @@
 <template>
-  <div class="page-design">
-    <!-- <div class="page-left">
+  <div class="page-design flex">
+    <div class="page-left">
     
       <left />
     </div>
     <div class="page-right">
      
       <right />
-    </div> -->
-  <el-row :gutter="20">
+    </div>
+  <!-- <el-row :gutter="20">
     <el-col :span="5">
-      <!-- <div style="background:#ccc">1</div> -->
       <Left/>
     </el-col>
     <el-col :span="13">
@@ -19,27 +18,37 @@
     <el-col :span="6">
       <Right/>
     </el-col>
-  </el-row>
+  </el-row> -->
     
   </div>
 </template>
 
 <script setup>
-// import left from './container/left.vue';
-// import right from './container/right.vue';
-import Left from './container/left2.vue'
-import Center from './container/center.vue'
-import Right from './container/right2.vue'
+import left from './container/left.vue';
+import right from './container/right.vue';
+// import Left from './container/left2.vue'
+// import Center from './container/center.vue'
+// import Right from './container/right2.vue'
 </script>
 
 <style lang="scss" scoped>
+// .page-design {
+//   height: 100%;
+//   .el-row{
+//     height: 100%;
+//     .el-col{
+//       height: 100%;
+//     }
+//   }
+// }
+
 .page-design {
   height: 100%;
-  .el-row{
-    height: 100%;
-    .el-col{
-      height: 100%;
-    }
+  .page-left{
+    width: 50%;
+  }
+  .page-right{
+    width: 50%;
   }
 }
 </style>
\ No newline at end of file