1.0.2 • Published 6 years ago

ux-ethos-poplayer v1.0.2

Weekly downloads
2
License
ISC
Repository
gitlab
Last release
6 years ago

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