<template>
  <div>
    <el-dialog
      title="提示"
      :visible.sync="visible"
      width="70%"
      :before-close="handleClose"
      class="dia"
    >
      <news-category v-if="visible" />
      <!--<span slot="footer" class="dialog-footer" />-->
    </el-dialog>
  </div>
</template>

<script>

import newsCategory from '@/components/newsCategory/index.vue'
export default {
  name: 'NewsCategoryFrom',
  components: { newsCategory },
  data() {
    return {
      visible: false,
      callback: function() {}
    }
  },
  watch: {
    // show() {
    //   this.visible = this.show
    // }
  },
  methods: {
    handleClose() {
      this.visible = false
    }
  }
}
</script>

<style scoped lang="scss">
 .dia ::v-deep .el-dialog {
    height: 100%;
  }
  .dia ::v-deep .el-dialog__body{
    height: 700px !important;
  }
</style>
