更新记录

1.2.2(2025-04-14) 下载此版本

增加透明背景色配置

1.2.1(2025-04-07) 下载此版本

双行跑马灯支持type-2的固定样式

1.2.0(2025-04-02) 下载此版本

1.减少组件接收参数,使用更方便 2.多行跑马灯支持文字和标签颜色设置

查看更多

平台兼容性

Vue2 Vue3
App 快应用 微信小程序 支付宝小程序 百度小程序 字节小程序 QQ小程序
HBuilderX 3.1.0 × × × × ×
钉钉小程序 快手小程序 飞书小程序 京东小程序 鸿蒙元服务
× × × × ×
H5-Safari Android Browser 微信浏览器(Android) QQ浏览器(Android) Chrome IE Edge Firefox PC-Safari
× × × × ×

xt-wid-bulletin单行(双行,多行)跑马灯挂件

简介

  • 描述:单行、双行、多行跑马灯挂件
  • 类型:widget_bulletinwidget_bulletin_twowidget_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 点击事件,返回当前点击的内容

隐私、权限声明

1. 本插件需要申请的系统权限列表:

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明:

3. 本插件是否包含广告,如包含需详细说明广告表达方式、展示频率:

许可协议

MIT协议

暂无用户评论。

使用中有什么不明白的地方,就向插件作者提问吧~ 我要提问