NoticeBar 通告栏

使用指南

在 .json 中引入组件

  1. "usingComponents": {
  2.     "i-notice-bar": "../../dist/notice-bar/index"
  3. }

示例

  1. 通告栏
  3. <i-notice-bar>
  4.     2018年世界杯,将于6月14日至7月15日举行
  5. </i-notice-bar>
  7. icon 通告栏
  9. <i-notice-bar icon="systemprompt">
  10.     2018年世界杯,将于6月14日至7月15日举行
  11. </i-notice-bar>
  13. 关闭 通告栏
  15. <i-notice-bar icon="systemprompt" closable>
  16.     2018年世界杯,将于6月14日至7月15日举行
  17. </i-notice-bar>
  19. 滚动 通告栏
  21. <i-notice-bar icon="systemprompt" loop>
  22.     2018年世界杯,将于6月14日至7月15日举行;2018年世界杯,将于6月14日至7月15日举行;
  23. </i-notice-bar>

API

NoticeBar properties

属性说明类型默认值
i-class自定义 class 类名String-
closable是否显示关闭按钮Booleanfalse
icon自定义图标String-
loop文字是否滚动显示Booleanfalse
background-color背景色String#fefcec
color字体及图标颜色String#f76a24
speed滚动速度Number1000