弹窗

dv-dialog-1

这是标题

<template>
  <dv-dialog-1 title="这是标题" :visible.sync="visible1"></dv-dialog-1>
</template>
<script>
export default {
  data () {
    return {
      visible1: true
    }
  }
}
</script>

隐藏代码

显示代码

配置

属性	说明	类型	可选值	默认值
visible	是否显示 Dialog，支持 .sync 修饰符	Boolean	true	visible
title	标题	String	-	''
titleOptions	标题样式	Object	-	{ fontSize: "18px", color: "#fff", fontWeight: 400 }
backgroundColor	背景颜色	String	-	#031327
beforeClose	关闭前的回调，会暂停 Dialog 的关闭	Function(done)，done 用于关闭 Dialog	-	-

Events事件

事件名称	说明	回调参数
close	Dialog 关闭的回调	-

dv-dialog-2

<template>
  <dv-dialog-2 :visible.sync="visible2"></dv-dialog-2>
</template>
<script>
export default {
  data () {
    return {
      visible2: true
    }
  }
}
</script>

隐藏代码

显示代码

配置

属性	说明	类型	可选值	默认值
visible	是否显示 Dialog，支持 .sync 修饰符	Boolean	true	visible
backgroundColor	背景颜色	String	-	#060f25
beforeClose	关闭前的回调，会暂停 Dialog 的关闭	Function(done)，done 用于关闭 Dialog	-	-

Events事件

事件名称	说明	回调参数
close	Dialog 关闭的回调	-

dv-dialog-3

这是标题

<template>
  <dv-dialog-3 title="这是标题" :visible.sync="visible3"></dv-dialog-3>
</template>
<script>
export default {
  data () {
    return {
      visible3: true
    }
  }
}
</script>

隐藏代码

显示代码

配置

属性	说明	类型	可选值	默认值
visible	是否显示 Dialog，支持 .sync 修饰符	Boolean	true	visible
title	标题	String	-	''
titleOptions	标题样式	Object	-	{ fontSize: "18px", color: "#fff", fontWeight: 400 }
backgroundColor	背景颜色	String	-	#060f25
beforeClose	关闭前的回调，会暂停 Dialog 的关闭	Function(done)，done 用于关闭 Dialog	-	-

Events事件

事件名称	说明	回调参数
close	Dialog 关闭的回调	-