javascript - float 操作按钮重叠

Question

我想要两个 float 操作按钮 (FAB)，但目前按钮重叠，我想要实现的是将两个 float 操作按钮显示在彼此之上，如下图所示。

这可能是一个反复出现的问题，但我没有找到 vuetify 的任何解决方案

这是我的代码:

<v-btn fab bottom fixed right dark color="primary"></v-btn>
<v-btn fab bottom fixed small right dark color="secondary"></v-btn>

Vuetify 版本:2.1.11

Answer 1

您可以将它们放在一个固定的容器中，例如 v-navigation-drawer...

  <v-navigation-drawer stateless permanent floating fixed right>
        <v-btn fab dark color="primary" class="mb-2">
        </v-btn>
        <v-btn fab dark color="secondary">
        </v-btn>
  </v-navigation-drawer>

Demo