<script>
import iNoticeBar from 'iview-mpvue/dist/components/notice-bar/notice-bar'
export default {
components: {
'i-notice-bar': iNoticeBar
}
}
</script>
import 'iview-mpvue/dist/components/notice-bar/style/css'
<i-notice-bar>
2018年世界杯,将于6月14日至7月15日举行
</i-notice-bar>
</i-panel>
<i-panel title="自定义颜色 通告栏">
<i-notice-bar backgroundColor="#99cc66" color="#ffff66">
2018年世界杯,将于6月14日至7月15日举行
</i-notice-bar>
</i-panel>
<i-panel title="icon 通告栏">
<i-notice-bar icon="systemprompt">
2018年世界杯,将于6月14日至7月15日举行
</i-notice-bar>
</i-panel>
<i-panel title="关闭 通告栏">
<i-notice-bar icon="systemprompt" :closable="true">
2018年世界杯,将于6月14日至7月15日举行
</i-notice-bar>
</i-panel>
<i-panel title="滚动 通告栏">
<i-notice-bar icon="systemprompt" :loop="true">
2018年世界杯,将于6月14日至7月15日举行;2018年世界杯,将于6月14日至7月15日举行;
</i-notice-bar>
<i-notice-bar icon="systemprompt" :loop="true" speed="200">
2018年世界杯,将于6月14日至7月15日举行;2018年世界杯,将于6月14日至7月15日举行;
</i-notice-bar>
</i-panel>