ux-ethos-modulelayer

--- Category:Components Subtitle:模式弹层 Type:通用 Title:ModuleLayer ---

Usage no npm install needed!

<script type="module">
  import uxEthosModulelayer from 'https://cdn.skypack.dev/ux-ethos-modulelayer';
</script>

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