更新记录
1.2.2(2025-04-14)
下载此版本
增加透明背景色配置
1.2.1(2025-04-07)
下载此版本
双行跑马灯支持type-2的固定样式
1.2.0(2025-04-02)
下载此版本
1.减少组件接收参数,使用更方便
2.多行跑马灯支持文字和标签颜色设置
查看更多
平台兼容性
App |
快应用 |
微信小程序 |
支付宝小程序 |
百度小程序 |
字节小程序 |
QQ小程序 |
HBuilderX 3.1.0 |
× |
√ |
× |
× |
× |
× |
钉钉小程序 |
快手小程序 |
飞书小程序 |
京东小程序 |
鸿蒙元服务 |
× |
× |
× |
× |
× |
H5-Safari |
Android Browser |
微信浏览器(Android) |
QQ浏览器(Android) |
Chrome |
IE |
Edge |
Firefox |
PC-Safari |
√ |
√ |
√ |
√ |
× |
× |
× |
× |
× |
xt-wid-bulletin单行(双行,多行)跑马灯挂件
简介
- 描述:单行、双行、多行跑马灯挂件
- 类型:
widget_bulletin
、widget_bulletin_two
、widget_bulletin_more
基本用法
<xt-wid-bulletin
v-if="item.type === 'widget_bulletin' || item.type === 'widget_bulletin_two' || item.type === 'widget_bulletin_more'"
:info="item"
:content="item.items"
:time="item.time"
@onClick="handleToDetail"
/>
props各种配置项
属性名 |
类型 |
默认值 |
说明 |
content |
Array |
|
必填,内容 |
info |
Object |
|
必填,基本配置 |
info.type |
String |
widget_bulletin |
跑马灯类型,分为widget_bulletin 单行 widget_bulletin_two 双行,双行跑马灯只能垂直滚动,widget_bulletin_more多行 |
info.bold |
Number |
0 |
文字是否加粗 |
info.direction |
String |
column |
跑马灯滚动方向 column-垂直滚动 row-横向滚动 |
info.fontsize |
Number |
32 |
文字大小,默认32rpx |
info.icon |
String |
|
左侧icon图片链接地址 |
info.display |
String |
'type-1' |
双行跑马灯样式,type-1可配置icon,type-2可配置背景色 |
info.backgroundColor |
String |
|
双行跑马灯背景色,display为type-2时生效 |
info.ext_bg_color |
String |
|
透明背景 |
time |
Number |
3000 |
轮播时间间隔,仅direction为column时有效 |
事件
事件名 |
类型 |
说明 |
@onClick |
Function |
点击事件,返回当前点击的内容 |