图片预览 ​

<template>
  <button @click="show = true">图片预览</button>
  <YikViewImage v-model:show="show" :imgs="imgs" :index="1"></YikViewImage>
</template>
<script setup>
import { reactive, toRefs } from "vue";
const state = reactive({
  show: false,
  imgs: [
    "https://img0.baidu.com/it/u=1604010673,2427861166&fm=253&fmt=auto&app=138&f=JPEG?w=500&h=889",
    "https://img1.baidu.com/it/u=1458656822,2078909008&fm=253&fmt=auto&app=120&f=JPEG?w=500&h=750",
  ],
});
const { show, imgs } = toRefs(state);
</script>
<style lang="less" scoped>
button {
  padding: 5px 10px;
  background-color: #1a89fa;
  font-size: 14px;
  color: #fff;
  border-radius: 5px;
  margin-right: 10px;
  margin-bottom: 10px;
}
</style>