分割内容组件 - IkSplitPan

用于将整个页面分成左右或上下两个部分，并支持拖拽调整大小。

水平分割

props

props	类型	说明	默认值
horizontal	Boolean	是否垂直方向分割	false
size	Number	左侧初始大小	50

水平分割示例代码

<template>
  <IkPageMain fixed style="padding: 16px; box-sizing: border-box">
    <div style="width: 750px; height: 500px">
      <IkSplitPan :size="0">
        <template #left>
          <div style="background-color: #c0c0c0; height: 100%">
            <div v-for="item in 6" :key="item" v-html="`<h${item}>左侧内容</h${item}>`"></div>
          </div>
        </template>
        <template #right>
          <div style="background-color: #cccccc; height: 100%">
            <div v-for="item in 6" :key="item" v-html="`<h${item}>右侧内容</h${item}>`"></div>
          </div>
        </template>
      </IkSplitPan>
    </div>
  </IkPageMain>
</template>