vue3中 box-shadow

在Vue3中，你可以使用CSS的box-shadow属性来添加阴影效果。你可以在Vue组件的style中使用box-shadow属性来添加阴影效果，例如：

<template>
  <div class="box"></div>
</template>

<style>
.box {
  width: 100px;
  height: 100px;
  background-color: #fff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
</style>

在上面的例子中，我们给一个class名为.box的div添加了一个阴影效果。box-shadow属性的值由四个参数组成，分别是：

1. 水平偏移量
2. 垂直偏移量
3. 模糊半径
4. 阴影颜色

你可以根据需要调整这些参数来实现不同的阴影效果。