edit

src/renderer/src/views/teachingDesign/container/left2.vue

@@ -0,0 +1,29 @@
+<template>
+  <div class="container-left">
+    <div class="left-header flex" @mouseenter="isAdd = true" @mouseleave="isAdd = false">
+      <span>教学模式</span>
+      <el-button v-show="isAdd" type="primary" size="small" link><i class="iconfont icon-jiahao"></i>新增</el-button>
+    </div>
+
+  </div>
+</template>
+
+<script setup>
+import { ref } from 'vue'
+  const isAdd = ref(false)
+  const onMouseenter = () =>{}
+  const onMouseleave = () =>{}
+</script>
+
+<style lang="scss" scoped>
+  .container-left{
+    font-size: 14px;
+    .left-header{
+      justify-content: space-between;
+      cursor: pointer;
+      .icon-jiahao{
+        font-size: 12px;
+      }
+    }
+  }
+</style>

src/renderer/src/views/teachingDesign/index.vue

@@ -1,31 +1,44 @@
 <template>
-  <div class="page-design flex">
+  <div class="page-design">
-    <div class="page-left">
+    <!-- <div class="page-left">
-      <!--左侧-->
+    
       <left />
     </div>
     <div class="page-right">
-      <!--右侧-->
+     
       <right />
-    </div>
+    </div> -->
+  <el-row :gutter="20">
+    <el-col :span="5">
+      <!-- <div style="background:#ccc">1</div> -->
+      <left/>
+    </el-col>
+    <el-col :span="13">
+      <div style="background:#ccc">1</div>
+    </el-col>
+    <el-col :span="6">
+      <div style="background:#ccc">1</div>
+    </el-col>
+  </el-row>
+    
   </div>
 </template>
 
 <script setup>
-import left from './container/left.vue';
+// import left from './container/left.vue';
-import right from './container/right.vue';
+// import right from './container/right.vue';
-
+import left from './container/left2.vue'
 
 </script>
 
 <style lang="scss" scoped>
 .page-design {
   height: 100%;
-  .page-left{
+  .el-row{
-    width: 50%;
+    height: 100%;
-  }
+    .el-col{
-  .page-right{
+      height: 100%;
-    width: 50%;
+    }
   }
 }
 </style>