快應(yīng)用 marquee

2020-08-07 15:54 更新

概述

跑馬燈

跑馬燈用來(lái)插入一段滾動(dòng)的文字，默認(rèn)為單行。

子組件

不支持

屬性

支持 通用屬性

名稱 類型 默認(rèn)值 必填 描述
scrollamount <number> 6 否 設(shè)置每次滾動(dòng)時(shí)移動(dòng)的長(zhǎng)度，單位：px
loop <number> -1 否 設(shè)置 marquee 滾動(dòng)的次數(shù)。如果未指定值，默認(rèn)值為 ?1，表示 marquee 將連續(xù)滾動(dòng)
direction <string> left 否 文字滾動(dòng)方向，支持left，right

樣式

支持 通用樣式

名稱 類型 默認(rèn)值 必填 描述
color <color> rgba(0, 0, 0, 0.54) 否 文本顏色
font-size <number> 30px 否 文本尺寸
font-family <string> - 否 文本字體?？稍O(shè)置一個(gè)有先后順序的，由字體名或者字體族名組成的列表，以逗號(hào)分隔。列表中第一個(gè)已安裝或者通過(guò) font-face 指定的字體，會(huì)被選中作為文本的字體。

事件

支持 通用事件

名稱 參數(shù) 描述
bounce - 當(dāng) marquee 滾動(dòng)到結(jié)尾時(shí)觸發(fā)
finish - 當(dāng) marquee 完成 loop 屬性設(shè)置的值時(shí)觸發(fā)。它只能在 loop 屬性設(shè)置為大于 0 的某個(gè)數(shù)字時(shí)觸發(fā)
start - 當(dāng) marquee 開(kāi)始滾動(dòng)時(shí)觸發(fā)

方法

名稱 參數(shù) 描述
start - 開(kāi)始滾動(dòng)marquee
stop - 停止?jié)L動(dòng)marquee

示例代碼

  <marquee scrollamount=6 loop=-1 direction="left" >scrollamount控制滾動(dòng)速度，默認(rèn)值為6px</marquee>


以上內(nèi)容是否對(duì)您有幫助：
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號(hào)
微信公眾號(hào)

編程獅公眾號(hào)