vite-manageweb/plop-templates/component.hbs

<template>
  <div>
    <vxe-modal
      v-model="visible"
      :width="width"
      :height="height"
      :title="title"
      :loading="loading"
      show-footer
      remember
      resize
      ref="xModal"
      @close="closeModal"
    >
      <div>
        {{ name }}
      </div>
      <template #footer>
        <el-button type="primary" size="mini" @click="confirm()">
          确认
        </el-button>
        <el-button size="mini" @click="visible = false">
          取消
        </el-button>
      </template>
    </vxe-modal>
  </div>
</template>

<script>
export default {
  name: '{{ properCase name }}',
  i18n: {
    messages: {
      cn: {
      },
      tw: {
      },
      en: {
      }
    }
  },
  components: {
  },
  props: {
    title: {
      required: false,
      type: String,
      default() {
        return ''
      }
    },
    width: {
      required: false,
      type: String,
      default: '1100'
    },
    height: {
      required: false,
      type: String,
      default: '600'
    }
  },
  data() {
    return {
      visible: false,
      loading: false
    }
  },
  created() {

  },
  methods: {
    openModal() {
      this.visible = true
    },
    closeModal() {
      this.visible = false
    },
    confirm() {

    }
  }
}
</script>

<style lang="scss" scoped>

</style>