×
13518219792

建站动态

根据您的个性需求进行定制 先人一步 抢占小程序红利时代

创新互联百度小程序教程：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扫码

代码示例

 
 
 
      
  
  
    2.   
  
  
  2.  
    3.   
  
  
  3.  
    4.   
  
  
  4.  
    5.   
  
  
  5.  
    6.   
  
  
  6.  默认样式
    7.   
  
  
  7.  
    8.   
  
  
  8.  
    9.   
  
  
  9.  
    10.   
  
  
  10.  
    11.   
  
  
  11.  
    12.   
  
  
  12.  
    13.   
  
  
  13.  
    14.   
  
  
  14.  
    15.   
  
  
  15.  
    16.   
  
  
  16.  可配样式
    17.   
  
  
  17.  
    18.   
  
  
  18.  
    19.   
  
  
  19.  
    20.   
  
  
  20.  
    21.   
  
  
  21.  text="{{noticeBarText2}}"
    22.   
  
  
  22.  icon-color="#fff"
    23.   
  
  
  23.  notice-bar-class="comp-notice-bar"
    24.   
  
  
  24.  text-class="comp-notice-bar-text"
    25.   
  
  
  25.  >
    26.   
  
  
  26.  
    27.   
  
  
  27.  
    28.   
  
  
  28.  
    29.   
  
  
  29.  
    30.   
  
  
    31.

分享名称：创新互联百度小程序教程：notice-bar 跑马灯
标题URL：http://cdbrznjsb.com/article/dpdgjee.html

其他资讯

  • 网站建设专属方案

  • 网站定制化设计

  • 7X24小时服务

  • N对管家服务

让你的专属顾问为你服务