iview-Modal 二次封装

对于 iview-Modal 的二次封装，可以通过创建一个自定义的组件来实现。下面是一个简单的示例：

<template>
  <div>
    <Button @click="showModal">打开模态框</Button>
    <Modal v-model="visible" title="示例模态框" @on-ok="handleOk" @on-cancel="handleCancel">
      <p>这是一个示例模态框内容</p>
    </Modal>
  </div>
</template>

<script>
import { Modal, Button } from 'view-design';

export default {
  components: {
    Modal,
    Button,
  },
  data() {
    return {
      visible: false,
    };
  },
  methods: {
    showModal() {
      this.visible = true;
    },
    handleOk() {
      // 处理确认事件
      this.visible = false;
    },
    handleCancel() {
      // 处理取消事件
      this.visible = false;
    },
  },
};
</script>

在这个示例中，我们使用了 `Modal` 和 `Button` 组件，通过 `v-model` 实现了模态框的显示与隐藏。`@on-ok` 和 `@on-cancel` 监听了确定和取消按钮的点击事件，并在回调函数中处理对应的逻辑。

你可以根据实际需求，对 `Modal` 进行更多的二次封装，例如添加自定义样式、传递参数等。