<!--
 Copyright (c) 2018-2999 广州市蓝海创新科技有限公司 All rights reserved.

 https://www.mall4j.com/

 未经允许，不可做商业用途！

 版权所有，侵权必究！
-->
<template>
  <el-dialog
    v-model="visible"
    :close-on-click-modal="false"
    top="10vh"
    :append-to-body="true"
    :lock-scroll="true"
    class="Mall4j img-preview"
    width="650px"
  >
    <div class="img-box">
      <ImgShow
        :src="imgUrl"
        :class-list="['img']"
      />
    </div>
  </el-dialog>
</template>

<script setup>

const imgUrl = ref('')
const visible = ref(false)

// eslint-disable-next-line no-unused-vars
const init = (imgUrl) => {
  imgUrl.value = addDomain(imgUrl)
  visible.value = true
}

</script>

<style lang="scss" scoped>
.img-preview {
  .img-box {
    display: block;
    width: 100%;
    max-height: 700px;
    overflow: auto;
  }
  .img-box::-webkit-scrollbar {
    display: none;
  }
}
</style>
