VBottomNavigation API
组件页面
属性
| 名称 | 类型 | 默认值 |
|---|---|---|
| absolute | ||
| 给组件应用 position: absolute | ||
| active | ||
| 控制项的 active 状态。这通常用于高亮显示组件。 | ||
| base-color | ||
| Sets the color of component when not focused. | ||
| bg-color | ||
| Applies specified color to the control’s background. Used on components that also support the color prop. - supports utility colors (for example success or purple) or css color (#033 or rgba(255, 0, 0, 0.5)). Find a list of built-in classes on the colors page . | ||
| border | ||
| Designates the border-radius applied to the component. This can be xs, sm, md, lg, xl. | ||
| color | ||
| Applies specified color to the control - supports utility colors (for example success or purple) or css color (#033 or rgba(255, 0, 0, 0.5)). Find a list of built-in classes on the colors page . | ||
| density | ||
| 调整组件使用的垂直高度。 | ||
| disabled | ||
| 将所有子组件设置为禁用状态。 | ||
| elevation | ||
| 组件的海拔可接受 0 到 24 之间的值。你可以在 elevation page 浏览更多信息。 | ||
| grow | ||
| Force all v-btn children to take up all available horizontal space. | ||
| height | ||
| 设定组件的高度。 | ||
| mandatory | ||
| 强制至少选择一个项目（如果可用）。 | ||
| max | ||
| 设置可以选择的最大数量。 | ||
| mode | ||
| Changes the orientation and active state styling of the component. | ||
| model-value | ||
| 组件 v-mode 的值。如果组件支持多属性，默认为空数组。 | ||
| multiple | ||
| 允许您选择多个选项。 | ||
| name | ||
| Assign a specific name for layout registration. | ||
| order | ||
| Adjust the order of the component in relation to its registration order. | ||
| rounded | ||
| Designates the border-radius applied to the component. This can be 0, xs, sm, true, lg, xl, pill, circle, and shaped. Find more information on available border radius classes on the Border Radius page . | ||
| selected-class | ||
| 配置被选中项目时应用的 CSS 类名。 | ||
| tag | ||
| 指定在根元素上使用的自定义标签。 | ||
| theme | ||
| Specify a theme for this component and all of its children. | ||
| tile | ||
| Removes any applied border-radius from the component. | ||
事件
| 名称 | 类型 |
|---|---|
| update:active | |
| MISSING DESCRIPTION | |
| update:modelValue | |
| 当组件的 model-value 更改时引发的事件。 | |
插槽
| default |
| 默认Vue 插槽。 |
SASS 变量
| 名称 | 默认值 |
|---|---|
| $bottom-navigation-background | |
| $bottom-navigation-border | |
| $bottom-navigation-border-color | |
| $bottom-navigation-border-radius | |
| $bottom-navigation-border-style | |
| $bottom-navigation-border-thin-width | |
| $bottom-navigation-border-width | |
| $bottom-navigation-button-color | |
| $bottom-navigation-color | |
| $bottom-navigation-content-font-size | |
| $bottom-navigation-elevation | |
| $bottom-navigation-flat-elevation | |
| $bottom-navigation-height | |
| $bottom-navigation-icon-font-size | |
| $bottom-navigation-max-width | |
| $bottom-navigation-min-width | |
| $bottom-navigation-opacity | |
| $bottom-navigation-shift-content-color | |
| $bottom-navigation-shift-icon-top | |
| $bottom-navigation-shift-icon-transform | |
| $bottom-navigation-text-transform | |
| $bottom-navigation-theme | |
| $bottom-navigation-transition | |