1.0.0 • Published 6 years ago
ue-dropdown v1.0.0
DropDown 下拉框组件
安装使用
import DropDown from 'ue-dropdown';
参数说明
参数 | 说明 |
---|---|
prefix | 可覆盖样式前缀 |
disabled | 选项框是否可点击 |
float | 浮动方向 |
name | 类名 |
width | 组件宽度 |
height | 组件高度 |
dropDownSelectStyle | 组件内容框展示的样式 |
dropDownListStyle | 组件下拉列表的样式 |
title | 是否展示 title(hover的时候显示全部名称) |
dataSource | 下拉框列表数据 |
onDropDown | 监听下拉点击事件 |
value | 展示默认值 |
itemName | 展示的字段名称 |
使用示例
this.state = {
dataSource: [],
value: 'defaultName',
};
onDropDown = (obj) => {
// obj : 下拉列表数据项
}
<DropDown
float="fl"
name="classname"
itemName="mediaName"
disabled={true}
onDropDown={this.onDropDown}
value={this.state.value}
dataSource={this.state.dataSource}
/>
1.0.0
6 years ago