vue3 中按钮覆盖card

在Vue3中，你可以使用CSS来覆盖一个按钮在一个卡片上。你可以使用`position: absolute`属性将按钮放置在卡片上，并使用`z-index`属性来确保按钮覆盖卡片。下面是一个例子：

<template>
  <div class="card">
    <img src="./image.jpg" alt="Card image cap">
    <div class="card-body">
      <h5 class="card-title">Card title</h5>
      <p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
      <a href="#" class="btn btn-primary">Go somewhere</a>
    </div>
  </div>
</template>

<style>
.card {
  position: relative;
  width: 18rem;
}

.btn {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
}
</style>

在这个例子中，我们在卡片的底部左侧放置了一个按钮，并使用了`z-index: 1`确保按钮覆盖卡片。你可以根据需要调整按钮的位置和样式。