Vuetify底部导航栏扩展

Question

我目前正在研究一个小项目，并为我的底部导航栏设计了一个设计（只是一个要学习的小个人项目）。

相当标准的底部导航栏，左侧留有两个按钮，然后一个向下移了一点。 第一步是将我的按钮包装到div中，然后将其退出。接下来，我将该按钮包裹在另一个带有圆圈的div中，以创建“ padding”。但是，要创建从条到填充的“平滑”曲线是一项挑战。我摆弄了svg路径，然后能够将该svg和按钮一起放入div，将svg推出，然后再按一下按钮。 但是，我偶然遇到了fluid_bottom_nav_bar，这似乎很完美，所以我在想有什么更好的方法可以实现这一目标。 谢谢大家。