antd实现简易相册，zdppy+vue3+antd实现前后端分离相册

news2025/2/24 3:18:41

前端代码

<template>
  <a-image
      :preview="{ visible: false }"
      :width="200"
      src="http://localhost:8889/download/1.jpg"
      @click="visible = true"
  />
  <div style="display: none">
    <a-image-preview-group
        :preview="{ visible, onVisibleChange: vis => (visible = vis) }"
    >
      <a-image
          src="http://localhost:8889/download/1.jpg"
      />
      <a-image
          src="http://localhost:8889/download/2.jpg"
      />
      <a-image
          src="http://localhost:8889/download/3.jpg"
      />
    </a-image-preview-group>
  </div>
</template>
<script setup>
import { ref } from 'vue';
const visible = ref(false);
</script>

点击之前

在这里插入图片描述

点击之后

在这里插入图片描述

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.coloradmin.cn/o/1902306.html

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈，一经查实，立即删除！

WACV2023论文速览Attention注意力机制相关

Paper1 ScoreNet: Learning Non-Uniform Attention and Augmentation for Transformer-Based Histopathological Image Classification 摘要原文: Progress in digital pathology is hindered by high-resolution images and the prohibitive cost of exhaustive localized an…