| title | Popup 弹出层 |
|---|---|
| preview | https://didi.github.io/mand-mobile/examples/#/popup |
由其他控件触发，屏幕滑出或弹出一块自定义内容区域
import { Popup, PopupTitleBar } from 'mand-mobile'
Vue.component(Popup.name, Popup)
Vue.component(PopupTitleBar.name, PopupTitleBar)| 属性 | 说明 | 类型 | 默认值 | 备注 |
|---|---|---|---|---|
| v-model | 弹出层是否可见 | Boolean | false |
- |
| has-mask | 是否有蒙层 | Boolean | true |
- |
| mask-closable | 点击蒙层是否可关闭弹出层 | Boolean | true |
- |
| position | 弹出层位置 | String | center |
center, top, bottom, left, right |
| transition | 弹出层过渡动画 | String | - | fade, fade-bounce, fade-slide, fade-zoomslide-up, slide-down, slide-left, slide-right |
| 属性 | 说明 | 类型 | 默认值 | 备注 |
|---|---|---|---|---|
| title | 标题 | String | - | - |
| describe | 描述 | String | - | - |
| ok-text | 确认按钮文案 | String | - | 为空则没有确认按钮 |
| cancel-text | 取消按钮文案 | String | - | 为空则没有取消按钮 |
| large-radius 2.4.0+ | 大圆角模式 | Boolean | false |
- |
| only-close 2.4.0+ | 只有右侧关闭按钮 | Boolean | false |
- |
| title-align 2.4.0+ | 标题和描述位置 | String | center |
注意left和right时会分别隐藏左右两侧按钮 |
弹出层即将展示事件
弹出层展示事件
弹出层即将隐藏事件
弹出层隐藏事件
确认选择事件
取消选择事件