Skip to content

Splitter 分隔面板

代码演示

基本用法
初始化面板大小,面板大小限制。
vue
<template>
  <wl-splitter class="container">
    <template #left> First </template>
    <template #right> Second </template>
  </wl-splitter>
</template>

<script setup lang="ts"></script>
<style lang="less" scoped>
.container {
  height: 200px;
}
</style>

API

参数说明类型默认值
leftMin左侧面板最小宽度number0.1
leftMax左侧面板最大宽度number0.3
bordered是否显示边框booleantrue