zhuhao
/
AIx_Smarttalk_WS
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases 6 Wiki Activity

edit

This commit is contained in:
lyc 2024-12-29 13:19:01 +08:00
parent 7f525d4a98
commit 7fe2f27311
2 changed files with 55 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

29
src/renderer/src/views/teachingDesign/container/left2.vue Normal file
View File

@ -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>

37
src/renderer/src/views/teachingDesign/index.vue
View File

@ -1,31 +1,44 @@
<template> <template>
<div class="page-design flex"> <div class="page-design">
<div class="page-left"> <!-- <div class="page-left">
<!--左侧-->
<left /> <left />
</div> </div>
<div class="page-right"> <div class="page-right">
<!--右侧-->
<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> </div>
</template> </template>
<script setup> <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> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.page-design { .page-design {
height: 100%; height: 100%;
.page-left{ .el-row{
width: 50%; height: 100%;
.el-col{
height: 100%;
} }
.page-right{
width: 50%;
} }
} }
</style> </style>