v-banner 组件用于通过 1-2 个操作向用户发送中级中断消息。它有两个变量，single-line 和 multi-line。这些变量在和你的消息和动作一起使用时包含图标。
从下面选择您想要的组件，并查看可用的属性、插槽、事件和函数。
当在 v-main 中使用时，将根据应用程序 v-toolbar 和 v-system-bar 来计算顶部位置。
将指定的颜色应用于控件 - 它可以是 material color 的名称（例如 success 或者 purple）或 css 颜色 (#033 或 rgba(255, 0, 0, 0.5))。 你可以在 colors page 中找到内置类的列表。
将暗色主题变量应用到组件。你可以在 dark themes 的 Material Design 文档中找到更多有关信息。
组件的海拔可接受 0 到 24 之间的值。你可以在 elevation page 浏览更多信息。
设定组件的高度。
指定特定的图标。
指定特定的图标颜色。
为组件设置浅色主题。
设定组件的最大高度。
设定组件的最大宽度。
设定组件的最小高度。
设定组件的最小宽度。
Removes elevation (box-shadow) and adds a thin border.
Designates the border-radius applied to the component. You can find more information on the Border Radius page.
Applies a large border radius on the top left and bottom right of the card.
强制横幅变为一行。
组件应用 position: sticky（常绿浏览器）。你能够在 MDN documentation for sticky position 浏览更多信息。
指定在根元素上使用的自定义标签。
Removes the component's border-radius.
控制组件可见还是隐藏。
设定组件的宽度。
默认Vue 插槽。
用于图标内容的插槽。
控制组件可见还是隐藏。
(): void8px !default;90px !default;0 !default;8px !default;0 !default;8px !default;16px !default;20px !default;12px !default;24px !default;10px !default;36px !default;16px !default;16px !default;map-get($rounded, 'xl') $banner-border-radius !default;24px !default;16px !default;下面是一些简单到复杂的例子。
Single-line VBanner 用于少量信息，推荐仅在桌面分辨率下实现。你可以启用 sticky 属性来保证内容被固定到屏幕上（注意：IE11 不工作）。参阅更多 sticky positioning here。
Two-line VBanner 能够存储大量数据，用于大量消息。
图标插槽允许你明确控制其包含的内容和功能。
横幅上的图标在点击时发出 click:icon 事件，该事件带有自定义图标插槽。
actions 插槽在其范围内具有 dismiss 功能，你可以使用它来轻松地隐藏横幅。