ux-ethos-poplayer
v1.0.2
Published
--- Category:Components Subtitle:非模式弹层 Type:通用 Title:PopLayer ---
Downloads
3
Readme
Category:Components
Subtitle:非模式弹层
Type:通用
Title:PopLayer
描述
非模式弹层,这里根据设计的要求,最多📄展示10条数据。
何时使用
主要的使用场景是下拉菜单之类,在选择的时候会弹出这种非模式弹窗
API
let props = {
text:[
{text:'个人主页'},
{text:'编辑简档'},
{text:'个人设置'},
{text:'修改头像'},
{text:'别熬夜'},
{text:'基础视觉'}],
type:'small',
onClick:this.handleClick,
button:'checkbox',
ishidden:true
}
<PopLayer {...this.data} />
按钮的属性说明如下:
| 属性 | 说明 | 类型 | 默认值 | | --- | --- | --- | --- | | text | 这就是菜单中对应的文字啊 | arr | --- | | type | 判断大下拉,小下拉,还是随form变大变小,分别是‘small’,'big','from' | srting | 'small' | | button | 因为这里支持单选与多选两种类型,所有有了这个变量,那么单选为‘single’,多选为'checkbox' | srting | 'single' | | onClick | 很明显,是点击确定的时候触发的函数 ,我会给你传一个点击的结果| function | --- | | ishidden | 这个参数是控制我们的这个弹层是出现还是消失,我建议在使用的时候一定要传这个参数 | bool | --- |