Ue-dropdown NPM

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}
/>

@everything-registry/sub-chunk-3003 @infinitebrahmanuniverse/nolb-ue

1.0.0

6 years ago