layui/example/docs/zh-CN/components/noticeBar.md

::: anchor :::

::: title 基本介绍 :::

::: describe 全局展示操作反馈信息。 :::

::: title 基础使用 :::

::: demo

<script> import { layer } from "@layui/layer-vue" export default { setup() { return { } } } </script>

:::

::: title 使用图标 :::

::: demo

<script> import { ref } from "vue" export default { setup() { return { } } } </script>

:::

::: title 允许关闭 :::

::: demo

<script> import { ref } from "vue" export default { setup() { const visible = ref(true); return { visible } } } </script>

:::

::: title Notice Bar 事件 :::

::: table

事件	描述	参数
mode	模式	{ current: 当前页面 }
text	内容	滚动内容
leftIcon	左侧图标	{ current: 当前页面 }
rightIcon	右侧图标	滚动内容

:::