0.1.2 • Published 4 years ago

vue-resize-pane v0.1.2

Weekly downloads
1
License
MIT
Repository
github
Last release
4 years ago

vue-resize-pane

Resizable split panes 可调整的分割布局插件

Installation

npm install vue-resize-pane --save

yarn add vue-resize-pane

Usage

import ResizePane from 'vue-resize-pane'
Vue.use(ResizePane)

or

import ResizePane from 'vue-resize-pane'
new Vue({
    components: {
        ResizePane
    }
})

Next

<ResizePane layout="row" first-min-size="300px" second-min-size="500px">
  <div slot="first"></div> 
  <div slot="second"></div>
</ResizePane> 

first和second为第一格和第二格slot的名称,插件可嵌套使用,嵌套时可以使用不同的布局方向

Options

PropertyDescriptionTypeDefault
layoutrow为横向排列,col为垂直排列Stringrow
firstDefaultSize第一格的默认尺寸,可带css单位String50%
firstMinSize第一格的最小尺寸,可带css单位String100px
secondMinSize第二格的最小尺寸,可带css单位String100px
lineColor中间线条的颜色值String#999999
overflow格子的overflow样式Stringhidden
0.1.2

4 years ago

0.1.1

4 years ago

0.1.0

4 years ago