2021-12-21 09:51:43 +08:00

31 lines
860 B
Plaintext

<demo-block title="基础用法">
<van-notice-bar
text="{{ text }}"
left-icon="volume-o"
/>
</demo-block>
<demo-block title="滚动模式">
<van-notice-bar scrollable text="{{ shortText }}" custom-class="demo-margin-bottom" />
<van-notice-bar scrollable="{{ false }}" text="{{ text }}" custom-class="demo-margin-bottom" />
</demo-block>
<demo-block title="多行展示">
<van-notice-bar wrapable scrollable="{{ false }}" text="{{ text }}" />
</demo-block>
<demo-block title="通知栏模式">
<van-notice-bar mode="closeable" text="{{ shortText }}" />
<van-notice-bar custom-class="margin-top" mode="link" text="{{ shortText }}" />
</demo-block>
<demo-block title="自定义样式">
<van-notice-bar
text="{{ shortText }}"
color="#1989fa"
background="#ecf9ff"
left-icon="info-o"
>
</van-notice-bar>
</demo-block>