cv-dialog-full 模态弹窗 - 全屏 ¶

简要 ¶

全屏过度弹入弹出
app中兼容性不是很好，无法遮挡导航栏、状态栏、tabBar菜单；

示例 ¶

vue

<template>
  <view class="content">
    <view class="components-title">
      <view class="components-title-t">cv-dialog-full</view>
      <view class="components-title-d">全屏弹窗</view>
    </view>
    <cv-dialog-full :show="maxshow" @confirm="onMaxConfirm">
      <view>全屏弹窗</view>
      <view>全屏弹窗</view>
    </cv-dialog-full>
    <button @tap="showMaxModal">显示弹窗</button>
  </view>
</template>

<script>
export default {
  data() {
    return {
      maxshow: false
    };
  },
  onLoad() {},
  methods: {
    showMaxModal() {
      this.maxshow = true;
    },
    onMaxConfirm(e) {
      console.log(e);
      this.maxshow = false;
    }
  }
};
</script>

<style>
button {
  font-size: 14px;
  width: 260px;
}
</style>

属性 ¶

属性名	类型	默认值	说明
show	Boolean	false	是否显示弹窗

事件 ¶

事件名	说明	回值
confirm	监听点击确定按钮	Bollean
cancel	监听点击取消按钮	Bollean