弹窗/dialog

使用方式

<template>
  <div>
    <sp-button type="danger" size="fixed" @click="visible = true">点我显示弹窗</sp-button>
    <sp-dialog :visible="visible" @close="dialog()">
      <div slot="body">内容/body</div>
      <div slot="footer">底部/footer</div>
    </sp-dialog>
  </div>
</template>

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

sp-dialog

props/属性

slot/插槽

methods/暴露方法