<template>
    <div class="ht-base-split-demo">
        <div class="demo-split">
            <ht-base-split v-model="split1">
                <div slot="left" class="demo-split-pane">
                    左边面板
                </div>
                <div slot="right" class="demo-split-pane">
                    右边面板
                </div>
            </ht-base-split>
        </div>
    </div>
</template>

<script>
    export default {
        name: 'HtBaseSplitDemo',
        data() {
            return {
                split1: 0.5
            }
        },
    }
</script>
<style lang="less">
    .ht-base-split-demo {
        .demo-split {
            height: 200px;
            border: 1px solid #dcdee2;
            .demo-split-pane {
                padding: 10px;
            }
        }
    }
</style>

