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 | 左侧面板最小宽度 | number | 0.1 |
leftMax | 左侧面板最大宽度 | number | 0.3 |
bordered | 是否显示边框 | boolean | true |