ux-ethos-modulelayer
v1.0.3
Published
--- Category:Components Subtitle:模式弹层 Type:通用 Title:ModuleLayer ---
Downloads
4
Readme
Category:Components
Subtitle:模式弹层
Type:通用
Title:ModuleLayer
描述
这是一个弹层。。使用的时候大多数时候你只需要把子元素套在组件中即可。你需要传入几个必要的参数即可
何时使用
希望用户更加专注与当前操作,当前操作整体影响下一步操作。
API
data = {
tittle:'新建表单新建表单新建表单新建表单新建表单新建表单新建表单新建表单新建表单新建表单新建表单新建表单新建表单新建表单新建表单',
ishidden:true,
type:'small',
clickCertain:this.clickCertain,
clickClose:this.clickClose
}
<ModuleLayer {...props} >
{传入子元素}
</ModuleLayer>
按钮的属性说明如下:
| 属性 | 说明 | 类型 | 默认值 |
| --- | --- | --- | --- |
| tittle | 头部的文字参数 | string | 默认参数
|
| ishidden | 控制弹层是否出现,故弹层的状态完全由使用者控制 | blooen | 默认是true隐藏的 |
| type | 有两种类型的模式弹层可供选择,一种是大弹层一种是小弹层,分别为‘big’,'small' | string | ‘small’ |
| clickCertain | 点击确定时触发的函数 | function | --- |
| clickClose | 点击取消时触发的函数 | function | --- |