Skip to content

ResizeBox 调整尺寸

介绍

ResizeBox 调整尺寸组件允许用户通过拖拽调整容器的尺寸。

基础用法

vue
<template>
  <yc-resize-box 
    :width="300" 
    :height="200"
    style="border: 1px solid #d9d9d9;"
  >
    <div style="padding: 20px;">
      <p>可调整尺寸的内容区域</p>
      <p>拖拽边框可以调整大小</p>
    </div>
  </yc-resize-box>
</template>

API

ResizeBox Props

参数名描述类型默认值
width初始宽度number-
height初始高度number-
min-width最小宽度number0
min-height最小高度number0
max-width最大宽度numberInfinity
max-height最大高度numberInfinity

Released under the MIT License.