通告栏 NoticeBar

基本用法

<za-notice-bar>普通</za-notice-bar>
<za-notice-bar theme="error">错误色</za-notice-bar>
<za-notice-bar icon="wrong-round">自定义图标</za-notice-bar>
<za-notice-bar scrollable>各位zarmer请注意，本组件使用了自动滚动功能，更多用法请参见使用文档。</za-notice-bar>

特定场景

<za-notice-bar hasArrow @click="handleClick">链接样式的</za-notice-bar>
<!-- 也可以不绑定visible -->
<za-notice-bar closable :visible.sync="visible">
  可关闭的
</za-notice-bar>

Vue Script

<script name="vue">
export default {
  data() {
    return {
      visible: true,
    }
  },
  methods: {
    handleClick(){
      alert('click this notice!');
    }
  },
};
</script>

API

NoticeBar Attributes

NoticeBar Events