<img class=“image-size” :src=“imgURL” alt=“” @click=“showBigImage = true” /> 图片是一个在卡片中显示的缩略图，但是是长方形，如何显示中间的正方形部分

要显示长方形图片的中间正方形部分，可以使用CSS来裁剪图片。具体来说，你可以使用`object-fit`属性和`clip-path`属性来实现这个效果。

以下是一个示例代码：

<template>
  <div class="image-container">
    <img :src="imgURL" alt="" @click="showBigImage = true" />
  </div>
</template>

<script>
export default {
  data() {
    return {
      imgURL: 'your-image-url.jpg', // 替换为你的图片URL
      showBigImage: false,
    };
  },
};
</script>

<style scoped>
.image-container {
  width: 200px; /* 设置容器宽度 */
  height: 200px; /* 设置容器高度 */
  overflow: hidden; /* 隐藏溢出的部分 */
  position: relative; /* 相对定位 */
}

.image-container img {
  width: 100%; /* 使图片填满容器 */
  height: auto; /* 保持图片比例 */
  object-fit: cover; /* 裁剪图片以适应容器 */
  clip-path: inset(25% 25% 25% 25%); /* 裁剪中间的正方形部分 */
}
</style>

在这个示例中：
1. `.image-container` 是包含图片的容器，设置了固定的宽度和高度，并使用 `overflow: hidden` 来隐藏溢出的部分。
2. `img` 标签使用了 `object-fit: cover` 来确保图片填满容器，同时使用 `clip-path: inset(25% 25% 25% 25%)` 来裁剪图片的中间部分，使其成为一个正方形。

你可以根据需要调整容器的宽度和高度以及 `clip-path` 的值，以达到你想要的效果。