vue中 style less如何把遍历出来的数据和照片重叠在一起

首先你需要在Vue组件中引入Less，然后可以使用v-for指令遍历数据，然后在遍历的每一个元素中添加一个img标签，然后使用CSS绝对定位和z-index属性来将图片和数据重叠在一起。

示例代码如下：

<template>
  <div class="wrapper">
    <div v-for="(item, index) in items" :key="index" class="item">
      <img :src="item.imgSrc" alt="item.name" />
      <p>{{ item.name }}</p>
    </div>
  </div>
</template>

<style lang="less">
.wrapper {
  display: flex;
  flex-wrap: wrap;
}

.item {
  position: relative;
  width: 200px;
  height: 300px;
  margin: 10px;
}

.item img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 1;
}

.item p {
  position: absolute;
  bottom: 10px;
  left: 10px;
  color: #fff;
  font-size: 24px;
  z-index: 2;
}
</style>

在上面的代码中，我们使用v-for指令遍历items数组中的每一个元素，然后在每一个元素中添加一个img标签和一个p标签。我们使用CSS中的position属性来将img标签和p标签定位在父元素.item中。我们使用z-index属性来控制元素的层级，将图片放到最底层，文本放到最上层，从而实现重叠效果。