@lucifinil/luc-modal

luc-modal

介绍

• 对ant-design-vue modal的二次封装，保留原有的属性和方法。新增全屏、最小化的功能。

• 

• 在某处可停顿 0.5s、1s、2s 等

Install

  npm i @lucifinil/luc-modal

Usages

<template>
  <div>
    <luc-modal
      :centered="true"
      :maskClosable="false"
      title="添加"
      :visible="visible"
      :width="600"
      max
      show-full-screen
      @cancel="visible = false"
    >
      <h3>hello world！</h3>
    </luc-modal>
    <a-button type="primary" @click="openModal">打开</a-button>
  </div>
</template>

<script>
  export default {
    data() {
      return {
        visible: false,
      }
    },
    methods: {
      openModal() {
        this.visible = true;
      }
    }
  }
</script>

MIT