Popup

弹出层，Toast、Dialog、Picker、ActionSheet等组件的基础组件。Demo

引入

import { Popup } from 'vue-pmui';
// 全局使用
Vue.component(Popup.name, Popup);
// 或者
Vue.use(Popup);

例子

控制Popup组件显示的方法：

• 1.使用v-show指令
• 2.为组件添加ref属性调用组件的内部方法show和hide
• 两种方法不要混合使用

为了方便定制，Popup主体并没有设置任何样式

样式

.popup-content {
  background-color: #fff;
  padding: 30px;
}

禁用遮罩层

<pm-popup :mask="false">
  <div class="popup-content">禁用遮罩层</div>
</pm-popup>

处于屏幕不同位置

<!-- 屏幕上方，默认为正中央 -->
<pm-popup position="top">
  <div class="popup-content">屏幕上方</div>
</pm-popup>

为Popup添加过渡，同时使用v-show指令

<pm-popup v-show="visible">
  <transition name="yourTransitionName">
    <div v-show="visible" 
         class="popup-content">
      transition
    </div>
  <transition>
</pm-popup>

Props

Methods

Slots

Events