1.0.22 • Published 6 years ago
bonc-element v1.0.22
bonc-element
一些常用的组件,使用react hooks编写
install
npm install bonc-element 或者 cnpm install bonc-element
css3 flex 布局组件
import { view } from 'bonc-element'
example
property api
| property | default | type | values | description |
|---|---|---|---|---|
| row | true | boolean | true or false | 水平居中 |
| column | false | boolean | true or false | 垂直居中 |
| wrap | false | boolean | true or false | 换行 |
| flex | false | boolean | true or false | 填满剩余空间 |
| around | false | boolean | true or false | 平均分布 |
| justContent | start | string | start, center, end | 水平位置 |
| alignItems | top | string | top, middle, bottom | 垂直位置 |
| line | null | string | top, left, right, bottom | 0.5像素细线主要用于移动端 |
import { EventEmitter } from 'bonc-element'
| property | default | type | description |
|---|---|---|---|
| emit | void | Function | 发布事件 |
| listenerEmit | void | Function | 订阅事件 |
| removeListeners | void | Function | 移除订阅的事件 |
EventEmitter.listenerEmit(type, func) 订阅事件
EventEmitter.emit(type, args) 发布事件
EventEmitter.removeListeners(type, func) 移除事件
pc图片预览组件,以横屏或竖屏为基准进行等比缩放,大图预览,支持数组或对象数组'.png'或{url: '.png'},是对象数组的时候可以设置title,显示的标题,不设置则为图片索引加图片数目为图片标题
| property | default | type | values | description |
|---|---|---|---|---|
| visible | false | boolean | true or false | 打开、关闭 |
| data | empty | array | array | 图片数组 |
example
1.0.22
6 years ago
1.0.21
6 years ago
1.0.20
6 years ago
1.0.19
6 years ago
1.0.18
6 years ago
1.0.17
6 years ago
1.0.16
7 years ago
1.0.15
7 years ago
1.0.14
7 years ago
1.0.13
7 years ago
1.0.12
7 years ago
1.0.11
7 years ago
1.0.10
7 years ago
1.0.9
7 years ago
1.0.8
7 years ago
1.0.7
7 years ago
1.0.6
7 years ago
1.0.5
7 years ago
1.0.4
7 years ago
1.0.3
7 years ago
1.0.2
7 years ago
1.0.1
7 years ago
1.0.0
7 years ago