80323dd641
'admin-22.12.12:发布v2.4.21版本，具体更新内容查看CHANGELOG.md' !42 修复 工作流无法添加新节点问题 Merge pull request !42 from beta/bugfix_workflow 修复 工作流无法添加新节点问题 1. 修复 工作流无法添加新节点问题 2. 修复 左侧导航无法隐藏问题 'admin-22.12.09:发布v2.4.2版本，具体更新内容查看CHANGELOG.md' !41 修复get请求传递嵌套对象或数组时无法正常编码问题 Merge pull request !41 from 随心/master !40 开启TagsView缓存后，刷新后所有的路由都变成组件缓存了 Merge pull request !40 from mrjimin/master 修复get请求传递嵌套对象或数组时无法正常编码问题 update src/layout/routerView/parent.vue. Signed-off-by: mrjimin <z8888788@163.com> update src/layout/routerView/parent.vue. 这里应该拿到的是已经设置开启组件缓存的路由，而不是全部，需要先判断item.meta.isKeepAlive Signed-off-by: mrjimin <z8888788@163.com> 'admin-22.11.30:发布v2.4.1版本，具体更新内容查看CHANGELOG.md' Merge branch 'master' of https://gitee.com/lyt-top/vue-next-admin 'admin-22.11.30:删除v2.4.0版本不需要的依赖' update src/views/error/404.vue. Signed-off-by: lyt-Top <1105290566@qq.com> update src/components/table/index.vue. Signed-off-by: lyt-Top <1105290566@qq.com> 'admin-22.11.30:修改v2.4.0文字说明' 'admin-22.11.30:修改v2.4.0文字说明' 'admin-22.11.29:发布v2.4.0版本，具体更新内容查看CHANGELOG.md' 'admin-22.11.19:修复v2.3.0版本动态路由事件调用关闭当前tagsview、普通路由刷新界面参数丢失问题' 'admin-22.11.18:优化v2.3.0版本tagsview风格5兼容火狐' 'admin-22.11.17:优化v2.3.0版本iframe右键菜单刷新问题' ...
45 lines
1.2 KiB
Vue
45 lines
1.2 KiB
Vue
<template>
|
||
<div class="splitpanes-container layout-pd">
|
||
<el-card shadow="hover" header="splitpanes 窗格拆分器">
|
||
<el-alert
|
||
title="感谢优秀的 `splitpanes`，项目地址：https://github.com/antoniandre/splitpanes"
|
||
type="success"
|
||
:closable="false"
|
||
class="mb15"
|
||
></el-alert>
|
||
<splitpanes class="default-theme" @resize="paneSize = $event[0].size" style="height: 500px">
|
||
<pane :size="32"> 1 </pane>
|
||
<pane :size="36">
|
||
<splitpanes class="default-theme" :horizontal="true">
|
||
<pane :size="100"> 2 </pane>
|
||
<pane :size="100"> 3 </pane>
|
||
</splitpanes>
|
||
</pane>
|
||
<pane :size="32"> 4 </pane>
|
||
</splitpanes>
|
||
</el-card>
|
||
</div>
|
||
</template>
|
||
|
||
<script setup lang="ts" name="funSplitpanes">
|
||
import { ref } from 'vue';
|
||
import { Splitpanes, Pane } from 'splitpanes';
|
||
import 'splitpanes/dist/splitpanes.css';
|
||
|
||
// 定义变量内容
|
||
const paneSize = ref(50);
|
||
</script>
|
||
|
||
<style scoped lang="scss">
|
||
.splitpanes__pane {
|
||
justify-content: center;
|
||
align-items: center;
|
||
display: flex;
|
||
position: relative;
|
||
font-size: 70px;
|
||
color: var(--el-color-primary-light-5);
|
||
border: 1px solid var(--el-border-color-lighter);
|
||
background-color: var(--el-color-primary) !important;
|
||
}
|
||
</style>
|