【发布时间】：2021-05-30 03:04:00
【问题描述】：
我正在使用这里的文档中的 vuetify 和 v-menu
https://vuetifyjs.com/en/components/menus/
我对如何使高程仅显示在左下角和右下角感到困惑，例如，如果我将类“elevation-2”应用于我的 v-menu，则高程会随处显示，但我只想它位于左侧、右侧和底部。
谢谢
【问题讨论】：
标签： css vue.js vuetify.js
【发布时间】：2021-05-30 03:04:00
【问题描述】：
我不认为将elevation-2 添加到 v-menu 对您有任何好处。我宁愿在v-btn 中添加一个css 类选择器并使用框阴影。我将一个 css 类选择器 test-btn 添加到我的 v-btn 中，然后在样式中添加一个框阴影，如下所示：
.test-btn {
-webkit-box-shadow: 1px 11px 20px -3px #000000;
box-shadow: 1px 11px 20px -3px #000000;
}
如果你对css中的box shadow不熟悉，可以使用this之类的生成器网站。
【讨论】：
-
这仍然在顶部给我留下了一些阴影，我正在寻找顶部没有阴影的那个
-
是的。我想展示使用 box-shadow 可以在任何你想要的地方添加阴影。您可以访问我添加的站点，并创建您喜欢和需要的任何阴影。