ImagePreview 图片预览

独立的大图预览层（Image 组件内置预览也可继续使用）。

基础用法

<script setup>
import { ref } from 'vue'
import { DanButton, DanImagePreview } from '@dandan-ui/ui'

const visible = ref(false)
</script>

<template>
  <div>
    <DanButton type="primary" @click="visible = true">预览图片</DanButton>
    <DanImagePreview
      v-model="visible"
      url="/images/wall-sunset.png"
      alt="demo"
    />
  </div>
</template>