Popup 弹出
代码展示
<alice-popup v-model="popup1">
<div class="p20">中间弹出</div>
</alice-popup>
<alice-popup v-model="popup2" transiton="left">
<div class="p20">左边弹出</div>
</alice-popup>
<alice-popup v-model="popup3" transiton="right">
<div class="p20">右边弹出</div>
</alice-popup>
<alice-popup v-model="popup4" transiton="top">
<div class="p20">上边弹出</div>
</alice-popup>
<alice-popup v-model="popup5" transiton="bottom">
<div class="p20">下边弹出</div>
</alice-popup>
Popup API
| 参数 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| value | 当前组件是否显示 | Boolean | false |
| isMask | 是否显示遮罩 | Boolean | true |
| closeOnClickMask | 是否点击遮罩关闭 | Boolean | true |
| position | 位置,可选值为 top bottom right left fade | String | fade |
| transition | 动画移动,可选值为 top bottom right left fade | String | fade |
Popup Event
| 事件名 | 说明 | 参数 |
|---|---|---|
| input | 当绑定值变化时触发的事件 | 当前组件的值 |
| on-change | 当绑定值变化时触发的事件 | 当前组件的值 |
Popup Slot
| 名称 | 说明 |
|---|---|
| - | 插入 |