横幅

v-banner 组件用于展示给用户一个中度打断性的消息，并且可以提供一到两个操作。

使用

横幅有两种变体：单行和多行（隐式）。它们可以包含图标和操作，你可以在消息中使用。

API

组件	描述
v-banner	主要组件
v-banner-text	用于显示 v-banner 子标题的组件。同样可以使用 #text 插槽实现
v-banner-actions	会修改默认 v-btn 的样式的子组件。同样也可以使用 #actions 插槽实现

组件结构

v-banner 中元素的推荐放置是:

• 将 v-banner-avatar 或者 v-banner-icon 放置于最左边
• 将 v-banner-text 放置于任何可视内容的右侧
• 将 v-banner-actions 放置于文字内容的右边，和底部留出距离

元素 / 区域	描述
1. 容器	所有 v-banner 组件需要的横幅容器
2. 头像 / 图标（可选）	使用图标形式提高文字的可读性
3. 文字	显示文本和其他内联元素的内容区域
4. 操作（可选）	拥有若干例如 v-btn 组件的内容区域

示例

属性

行数

组件会根据 lines 属性来决定显示多少文字的内容。

粘连

你可以设置 sticky 属性，来使横幅停留在屏幕顶部。

插槽

行为

横幅可能有一个或两个文本按钮，它们不太突出。

图标

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

前置

prepend 插槽允许你显式地控制其中的内容和功能。图标还有助于强调横幅的消息。