vue3-multipane v0.0.6

vue3-multipane

可调节大小的拆分窗格

安装

import { createApp } from 'vue'
import App from './App.vue'
import { multipane} from 'vue3-multipane';
import 'vue3-multipane/dist/index.css';
createApp(App).use(multipane).mount('#app')

使用

<template>
  <multipane>
    <div class="pane">test1</div>
    <multipaneResizer />
    <div class="pane">test2</div>
    <multipaneResizer />
    <div class="pane">test3</div>
  </multipane>
</template>

<style>
.pane {
  text-align: center;
  width: 33%;
  height: 100vh;
}
</style>

效果