vant sidebar,vant底部导航栏,vant tabbar,vant弹出框,vant顶部导航栏,vant 导航栏
Vant4 NoticeBar 通知栏是一个基于 Vue.js 的 UI 组件，用于在网页上展示一条可滚动的通知消息。它可以用于向用户展示重要的信息、提示、警告等。

Vant4 NoticeBar 通知栏组件包括以下特点：

1. 可以设置通知栏的高度、字体大小、背景颜色等样式；
2. 支持多种滚动方式，如从左往右、从右往左、竖直滚动等；
3. 支持自定义通知栏的内容和点击事件。

以下是一个简单的 Vant4 NoticeBar 通知栏的代码示例：

html
<template>
<div>
<van-notice-bar left-icon="volume-o" mode="closeable">
这是一条通知栏消息，可以点击或者关闭。
</van-notice-bar>
</div>
</template>

<script>
import { NoticeBar } from 'vant';

export default {
components: {
[NoticeBar.name]: NoticeBar,
},
};
</script>


在上面的例子中，我们引入了 Vant4 中的 NoticeBar 组件，并设置了通知栏的左侧图标和关闭按钮，显示了一条简单的通知消息。