一、简介

TopDown 是封装的支持拖动的上下布局组件。

二、效果

http://210.12.53.106:8888/outer/test/TopDown (opens new window)

三、代码示例

<template>
  <top-down :flex="{ top: 5, down: 5 }">
    <template #top="{ topHeight }">
      <div :style="{ backgroundColor: 'pink', height: `${topHeight}px` }"></div>
    </template>
    <template #down="{ downHeight }">
      <div :style="{ backgroundColor: 'skyblue', height: `${downHeight}px` }"></div>
    </template>
  </top-down>
</template>