edit
This commit is contained in:
parent
7f525d4a98
commit
7fe2f27311
|
@ -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>
|
|
@ -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%;
|
||||
.el-row{
|
||||
height: 100%;
|
||||
.el-col{
|
||||
height: 100%;
|
||||
}
|
||||
.page-right{
|
||||
width: 50%;
|
||||
}
|
||||
}
|
||||
</style>
|
Loading…
Reference in New Issue