index.vue

<template>
  <div
    class="preview-wrap"
    @click="preview">
    <img :src="silders" >
  </div>
</template>
<script>
export default {
  props: {
    silders: ''
  },
  methods: {
    preview() {
      this.$emit('input', false)
    }
  }
}
</script>
<style lang="less" scoped>
    .preview-wrap {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, .4);
        z-index: 9999;
        display: flex;
        align-items: center;
        justify-content: center;
    }
</style>