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>
参数 说明 类型 默认值
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
事件名 说明 参数
input 当绑定值变化时触发的事件 当前组件的值
on-change 当绑定值变化时触发的事件 当前组件的值
名称 说明
- 插入