From 7fe2f27311dd901752e9b714c0f6476559491dc7 Mon Sep 17 00:00:00 2001
From: lyc <ly_cheng2023@163.com>
Date: Sun, 29 Dec 2024 13:19:01 +0800
Subject: [PATCH] edit

---
 .../views/teachingDesign/container/left2.vue  | 29 ++++++++++++++
 .../src/views/teachingDesign/index.vue        | 39 ++++++++++++-------
 2 files changed, 55 insertions(+), 13 deletions(-)
 create mode 100644 src/renderer/src/views/teachingDesign/container/left2.vue

diff --git a/src/renderer/src/views/teachingDesign/container/left2.vue b/src/renderer/src/views/teachingDesign/container/left2.vue
new file mode 100644
index 0000000..88b9a85
--- /dev/null
+++ b/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>
\ No newline at end of file
diff --git a/src/renderer/src/views/teachingDesign/index.vue b/src/renderer/src/views/teachingDesign/index.vue
index 69f5753..276c723 100644
--- a/src/renderer/src/views/teachingDesign/index.vue
+++ b/src/renderer/src/views/teachingDesign/index.vue
@@ -1,31 +1,44 @@
 <template>
-  <div class="page-design flex">
-    <div class="page-left">
-      <!--左侧-->
+  <div class="page-design">
+    <!-- <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 right from './container/right.vue';
-
+// import left from './container/left.vue';
+// import right from './container/right.vue';
+import left from './container/left2.vue'
 
 </script>
 
 <style lang="scss" scoped>
 .page-design {
   height: 100%;
-  .page-left{
-    width: 50%;
-  }
-  .page-right{
-    width: 50%;
+  .el-row{
+    height: 100%;
+    .el-col{
+      height: 100%;
+    }
   }
 }
 </style>
\ No newline at end of file