7.9 操作确认弹窗（Operation Modal）

单操作确认弹窗，适合删除等危险操作；点击遮罩层可关闭弹窗。

# 基础用法

<template>
  <dof-operation-modal
    :show="showModal"
    del-title="删除"
    @onDelete="onDelete"
    @close="close"
  ></dof-operation-modal>
</template>

<script>
import { DofOperationModal } from 'dolphin-intl-ui'

export default {
  components: { DofOperationModal },
  data() {
    return { showModal: true }
  },
  methods: {
    onDelete() {
      this.showModal = false
    },
    close() {
      this.showModal = false
    },
  },
}
</script>

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27

# Attributes

Prop	Type	Required	Default	Description
`show`	`Boolean`	`N`	`false`	是否显示
`del-title`	`String`	`N`	`删除`	操作按钮文本
`need-dark-mode`	`Boolean`	N	`false`	是否启用 M-dark/T-dark 内置暗黑适配
`background-color`	`String`	N	`''`	背景色
`text-color`	`String`	N	`''`	文字颜色

设置 :need-dark-mode="true" 可启用内置暗黑配色，主题初始化与构建配置见接入说明。

颜色属性为空时使用内置配色；业务显式颜色和样式覆盖优先于默认配色，关闭暗黑适配后仍有效。

# Events

事件名	说明	回调参数
`onDelete`	点击操作按钮时触发	`{}`
`close`	点击遮罩层时触发	`{}`

# 7.9 操作确认弹窗（Operation Modal）

# 基础用法

# Attributes

# Events