smartai2dian0/src/modules/answer-refference/AsideImage.vue

<template>
  <a-popover>
    <div class="image-aisde-btn-container">
      <img :src="src" class="image-aside-btn" />
    </div>

    <template #content>
      <img :src="src" class="image-large-view" />
    </template>
  </a-popover>
</template>
<script setup>
import { ref, computed } from 'vue';

const props = defineProps({
  src: String
});
</script>

<style scoped>
.image-aisde-btn-container {
  width: 120px;
  max-height: 120px;
  flex-shrink: 0;
  overflow: hidden;

  margin-right: 5px;
}

.image-aside-btn {
  width: 120px;
  max-height: 120px;
}

.image-large-view {
  max-width: 540px;
  max-height: 540px;
}
</style>