通告栏 NoticeBar

通告栏 NoticeBar

基本用法

<template lang="html">
  <div>
     <div class="demo-hidden">
    <za-panel>
      <za-panel-header title="基本"></za-panel-header>
      <za-panel-body>
        <za-notice-bar hasArrow @click='handleClick'>带图标，带右侧箭头的链接样式</za-notice-bar>
        <!-- 也可以不绑定visible -->
        <za-notice-bar closable theme='error' :visible.sync='visible' icon='wrong-round'>
          自定义icon，自定义主题，显示关闭按钮。
        </za-notice-bar>
        <za-notice-bar autoscroll>各位zarmer请注意，本组件使用了自动滚动功能，更多用法请参见使用文档。</za-notice-bar>
      </za-panel-body>
    </za-panel>
    </div>
  </div>
</template>
<script>
export default {
  data() {
    return {
      visible: true,
    }
  },
  methods: {
    handleClick(){
      alert('click this notice!');
    }
  },
};
</script>

API

NoticeBar Attributes

NoticeBar Events