v-bottom-navigation 组件是一个侧边栏的替代方案。它主要用于移动端，并有两个变量，图标+文本和转变。
从下面选择您想要的组件，并查看可用的属性、插槽、事件和函数。
给组件应用 position: absolute
指定该组件作为应用程序布局的一部分。用于动态调整内容的大小。使用此 prop 的组件应该位于 v-main组件的 外 部，才能正常运行。你可以在 应用程序页面 上获得更多关于布局的信息。注意： 这个 prop 会自动将 position: fixed 应用到布局元素上。你可以使用 absolute prop 来覆盖这个功能。
更改组件的背景颜色。
将指定的颜色应用于控件 - 它可以是 material color 的名称（例如 success 或者 purple）或 css 颜色 (#033 或 rgba(255, 0, 0, 0.5))。 你可以在 colors page 中找到内置类的列表。
将暗色主题变量应用到组件。你可以在 dark themes 的 Material Design 文档中找到更多有关信息。
给组件应用 position: fixed
设定组件的高度。
向上滚动时过渡到屏幕外。
控制组件是否可见。支持 .sync 修饰符。
为组件设置浅色主题。
强制始终选择一个值（如果可用）。
设定组件的最大高度。
设定组件的最大宽度。
设定组件的最小高度。
设定组件的最小宽度。
将组件指定为相对的滚动目标。默认为 window。
在 hide-on-scroll 激活之前的滚动距离。
设定组件的宽度。
默认Vue 插槽。
当前被选定按钮的值。若未分配值，则为按钮的当前索引号。
any用于 input-value.sync 的事件。
string | numbermap-deep-get($headings, 'caption', 'size') !default;168px !default;80px !default;calc(100% - 22px) !default;calc(100% - 12px) !default;下面是一些简单到复杂的例子。
color 属性会给底部导航栏的背景应用颜色。建议使用 light 和 dark 属性来提高与文本的对比度。
如果 v-bottom-navigation 有 grow 属性，其内的按钮会扩大并填满可用空间。
horizontal 属性将导航文本置于与图标水平的附近位置。
shift 属性将在按钮没被激活时隐藏它的文本。需用 <span> 包围 v-btn 的文本。
v-bottom-navigation 的显示状态可使用 input-value 属性来控制。你也可以使用 v-model 来控制当前已经激活的按钮。
当目标元素滚动时，“滚动时隐藏”会隐藏 v-bottom-navigation。
scroll-threshold 属性可以自定义触发 v-bottom-navigation 消失的滚动阈值。