• notice-bar 跑马灯
  • 属性说明
  • 示例
    • 代码示例

notice-bar 跑马灯

解释： 跑马灯组件，可配置跑马灯内容，跑马灯样式，跑马灯滚动状态以及滚动配置。适用于提示引导，并可放置在页面的任何位置。

网站建设哪家好，找成都创新互联！专注于网页设计、网站建设、微信开发、小程序制作、集团企业网站建设等服务项目。为回馈新老客户创新互联还提供了霍州免费建站欢迎大家使用！

属性说明

text

String

否

跑马灯文本

icon

Boolean

否

true

是否展示跑马灯尾部 icon 图标

iconName

String

否

delete

展示的 icon 图标名称

iconColor

String

否

#fa6400

展示的 icon 图标颜色

scroll

Boolean

否

true

跑马灯是否滚动

delay

Number

否

1

跑马灯滚动延时时间

speed

Number

否

50

跑马灯每秒滚动速度

notice-bar-class

String

否

提供跑马灯的扩展样式类，供开发者自定义组件样式，可通过此 class 改变跑马灯外层样式

text-class

String

否

提供跑马灯的扩展样式类，供开发者自定义组件样式，可通过此 class 改变跑马灯文本样式

示例

跳转编辑工具

在开发者工具中打开

在 WEB IDE 中打开

扫码体验

代码示例

请使用百度APP扫码

代码示例

• SWAN
• JS
• CSS
• JSON

 
 
 
  
  
  
  
  
  
 
  
  
  
 
  
  
  
 
  
  
  
 
  
  
  
 默认样式
  
  
  
 
  
  
  
 
  
  
  
 
  
  
  
 
  
  
  
 
  
  
  
 
  
  
  
 
  
  
  
 
  
  
  
 
  
  
  
 可配样式
  
  
  
 
  
  
  
 
  
  
  
 
  
  
  
 
  
  
  
 text="{{noticeBarText2}}"
  
  
  
 icon-color="#fff"
  
  
  
 notice-bar-class="comp-notice-bar"
  
  
  
 text-class="comp-notice-bar-text"
  
  
  
 >