Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/33.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css vuetify v-menu如何创建自定义立面?_Css_Vue.js_Vuetify.js - Fatal编程技术网

Css vuetify v-menu如何创建自定义立面?

Css vuetify v-menu如何创建自定义立面?,css,vue.js,vuetify.js,Css,Vue.js,Vuetify.js,我正在使用vuetify和v-menu,就像这里的文档一样 我对如何使立面只显示在左下角和右下角感到困惑,例如,如果我将类“立面-2”应用于我的v形菜单,则立面会显示在所有位置,但我只希望它显示在左下角、右下角和底部 谢谢你我不认为在v-menu中添加elevation-2对你有什么好处。我宁愿在v-btn中添加一个css类选择器,并使用方框阴影。我将css类选择器test btn添加到我的v-btn中,然后在样式中添加如下框阴影: .test-btn { -webkit-box-shad

我正在使用vuetify和v-menu,就像这里的文档一样

我对如何使立面只显示在左下角和右下角感到困惑,例如,如果我将类“立面-2”应用于我的v形菜单,则立面会显示在所有位置,但我只希望它显示在左下角、右下角和底部


谢谢你

我不认为在v-menu中添加
elevation-2
对你有什么好处。我宁愿在
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,你可以在任何地方添加阴影。你可以访问我添加的站点,创建任何你喜欢和需要的阴影。