Popup弹出层

Props

参数 说明 类型 默认值
show 是否显示Popup，需要双向绑定 Boolean false
height 弹出层高度 String auto

如果希望弹出层铺满整个屏幕，则可设置height=100%

Events

名字 参数 描述
on-first-show - 第一次出现时，用于需要在第一次进行异步数据获取或者必要的UI渲染（如Popup内有Scroller）

Demo

template

<div>
  <group>
    <switch title="Default popup" :value.sync="show"></switch>
    <switch title="Full popup" :value.sync="show1"></switch>
  </group>
  <popup :show.sync="show">
    <div class="popup0">
      <group>
        <switch title="Another Switcher" :value.sync="show"></switch>
      </group>
    </div>
  </popup>
  <popup :show.sync="show1" height="100%">
    <div class="popup1">
      <group>
        <switch title="Another Switcher" :value.sync="show1"></switch>
      </group>
    </div>
  </popup>
</div></code></pre>scriptexport default {
    data () {
        return {
            show: false,
            show1: false
        }
    }
}style.popup0 {
  padding-bottom:15px;
  height:200px;
}
.popup1 {
  width:100%;
  height:100%;
}

results matching ""

    No results matching ""