• notice-bar 跑馬燈
  • 屬性說(shuō)明
  • 示例
    • 代碼示例

notice-bar 跑馬燈

解釋： 跑馬燈組件，可配置跑馬燈內(nèi)容，跑馬燈樣式，跑馬燈滾動(dòng)狀態(tài)以及滾動(dòng)配置。適用于提示引導(dǎo)，并可放置在頁(yè)面的任何位置。

網(wǎng)站建設(shè)哪家好，找成都創(chuàng)新互聯(lián)！專注于網(wǎng)頁(yè)設(shè)計(jì)、網(wǎng)站建設(shè)、微信開發(fā)、小程序制作、集團(tuán)企業(yè)網(wǎng)站建設(shè)等服務(wù)項(xiàng)目。為回饋新老客戶創(chuàng)新互聯(lián)還提供了霍州免費(fèi)建站歡迎大家使用！

屬性說(shuō)明

text

String

否

跑馬燈文本

icon

Boolean

否

true

是否展示跑馬燈尾部 icon 圖標(biāo)

iconName

String

否

delete

展示的 icon 圖標(biāo)名稱

iconColor

String

否

#fa6400

展示的 icon 圖標(biāo)顏色

scroll

Boolean

否

true

跑馬燈是否滾動(dòng)

delay

Number

否

1

跑馬燈滾動(dòng)延時(shí)時(shí)間

speed

Number

否

50

跑馬燈每秒滾動(dòng)速度

notice-bar-class

String

否

提供跑馬燈的擴(kuò)展樣式類，供開發(fā)者自定義組件樣式，可通過(guò)此 class 改變跑馬燈外層樣式

text-class

String

否

提供跑馬燈的擴(kuò)展樣式類，供開發(fā)者自定義組件樣式，可通過(guò)此 class 改變跑馬燈文本樣式

示例

跳轉(zhuǎn)編輯工具

在開發(fā)者工具中打開

在 WEB IDE 中打開

掃碼體驗(yàn)

代碼示例

請(qǐng)使用百度APP掃碼

代碼示例

• SWAN
• JS
• CSS
• JSON

 
 
 
  
  
  
  
  
  
 
  
  
  
 
  
  
  
 
  
  
  
 
  
  
  
 默認(rèn)樣式
  
  
  
 
  
  
  
 
  
  
  
 
  
  
  
 
  
  
  
 
  
  
  
 
  
  
  
 
  
  
  
 
  
  
  
 
  
  
  
 可配樣式
  
  
  
 
  
  
  
 
  
  
  
 
  
  
  
 
  
  
  
 text="{{noticeBarText2}}"
  
  
  
 icon-color="#fff"
  
  
  
 notice-bar-class="comp-notice-bar"
  
  
  
 text-class="comp-notice-bar-text"
  
  
  
 >