export default {
  components: {
  },
  props: {
    title: {
      type: [String],
      default: '标题'
    },
    // 是否显示隐藏
    isShow: {
      type: Boolean,
      default: true
    },
    // 宽度
    width: {
      type: [String, Number],
      default: '800'
    },
    // 高度
    height: {
      type: [String, Number],
      default: '550'
    },
    // 距离顶部偏移
    top: {
      type: [String, Number],
      default: 50
    },
    // 距离左侧偏移
    left: {
      type: [String, Number],
      default: 50
    },
    marginTop: {
      type: [String, Number],
      default: 0
    },
    // 控制显示隐藏
    popIsShow: {
      type: Boolean,
      default: true
    }
  },
  computed: {
    style: function () {
      let style = {
        top: this.top + '%',
        left: this.left + '%',
        width: this.width + 'px',
        height: this.height + 'px'
      };

      if (!(this.marginTop === 0 || this.marginTop === '0')) {
        style.marginTop = this.marginTop + 'px';
      }
      return {
        top: this.top + '%',
        left: this.left + '%',
        width: this.width + 'px',
        height: this.height + 'px'
      };
    }
  },
  mounted () {
    document.body.appendChild(this.$el); // 将组件挂载到 body 上
  },
  data () {
    return {
    };
  },
  methods: {
    // 关闭
    close () {
      this.$emit('update:popIsShow', false);
    }
  }
};
