<template>
    <div class="ht-base-split-position-demo">
        <div class="demo-split">
            <ht-base-split v-model="split2" mode="vertical">
                <div slot="top" class="demo-split-pane">
                    上边面板
                </div>
                <div slot="bottom" class="demo-split-pane">
                    下边面板
                </div>
            </ht-base-split>
        </div>
    </div>
</template>

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

            .demo-split-pane {
                padding: 10px;
            }
        }
    }
</style>

