Vuetify

商店

企业版

v-banner 组件用于通过 1-2 个操作向用户发送中级中断消息。它有两个变量,single-linemulti-line。这些变量在和你的消息和动作一起使用时包含图标。

横幅可以有 1-2 行文本、动作和图标。

Options

从下面选择您想要的组件,并查看可用的属性、插槽、事件和函数。

下面是一些简单到复杂的例子。

Single-line VBanner 用于少量信息,推荐仅在桌面分辨率下实现。你可以启用 sticky 属性来保证内容被固定到屏幕上(注意:IE11 不工作)。参阅更多 sticky positioning here

Two-line VBanner 能够存储大量数据,用于大量消息。

图标插槽允许你明确控制其包含的内容和功能。

横幅上的图标在点击时发出 click:icon 事件,该事件带有自定义图标插槽。

actions 插槽在其范围内具有 dismiss 功能,你可以使用它来轻松地隐藏横幅。

Caught a mistake or want to contribute to the documentation? Edit Layout on GitHub!