Meri Plus组件示例
主要功能
组成
滚动
侧拉窗
按钮关闭
宽度
关闭 Icon
Attributes
| 名称 | 类型 | 可选值 | 默认值 | 说明 |
|---|---|---|---|---|
| modelValue | boolean | false/true | false | 是否显示，类型：boolean（v-model 绑定） |
| zInde | number | -- | 1000 | 自定义层级 |
| title | string | -- | "" | 侧弹窗的标题(插槽优先级更高) |
| show | boolean | false/true | false | 是否显示，类型：boolean |
| width | string | -- | 240px | 可传入百分比/具体宽度 |
| shadow | boolean | -- | false | 是否显示蒙层 |
| shadowClick | boolean | -- | false | 点击蒙层是否关闭弹窗，若设置没有蒙层时，点击区域外的内容也会导致弹窗关闭 |
| footFixed | boolean | -- | true | 底部是否固定（与#handle 冲突） |
| height | string | -- | 100% | 弹窗高度（是否需要留出顶部栏） |
| drawerClass | string | -- | "" | 侧弹窗的 class |
| customCloseClassName | string | -- | '' | 点击外部关闭某个元素不关闭时使用，点击带当前类名元素不进行关闭侧弹窗 |
| titleOverFlow | boolean | false/true | true | 标题文字是否超出隐藏 |
Events
| 名称 | 参数 | 说明 |
|---|---|---|
| close | (event: Event) | 关闭组件时触发的回调 |
Slot
| 名称 | 说明 |
|---|---|
| title | 头部内容 |
| content | 内容 |
| icon | 关闭按钮的 Icon |
| handle | 底部内容 |