vue脚手架实现图片层次感

要实现图片的层次感，可以使用 CSS 的 z-index 属性，它可以控制元素在垂直方向上的堆叠顺序。在 Vue 脚手架中，可以为每个图片组件设置不同的 z-index 值，从而让它们在页面上呈现出不同的层次关系。

例如，可以在组件的 style 中设置 z-index：

<template>
  <div class="image-container">
    <img src="image1.jpg" class="image1">
    <img src="image2.jpg" class="image2">
  </div>
</template>

<style>
.image1 {
  position: absolute;
  z-index: 1;
}
.image2 {
  position: absolute;
  z-index: 2;
}
</style>

在上面的代码中，第一个图片元素的 z-index 值为 1，第二个图片元素的 z-index 值为 2，因此第二个图片元素会覆盖在第一个图片元素上方，从而形成了层次感。