手册版本 V3.0
组件名称
graceSpeaker : /graceUI/组件目录/graceSpeaker
竖向滚动
<grace-speaker iconClass="公告图标样式" iconColor="图标颜色" msgs="消息数组" interval="动画间隔"></grace-speaker>
横向滚动
<grace-speaker iconClass="公告图标样式" iconColor="图标颜色" :vertical="false" msgs="消息数组" interval="动画间隔"></grace-speaker>
组件属性
属性名称 | 类型 | 默认值 | 作用 |
msgs | Array | [] | 消息项目数组 |
iconClass | String |
| 图标样式 |
iconColor | String | #3688FF
| 图标颜色 |
interval | Number | 5000 | 滚动间隔时间 |
vertical | Boolean | true
| 是否竖向滚动 |
fontSize | String | 26rpx | 消息文本尺寸 |
fontColor | String | #333333
| 消息文本颜色 |
fontWeight | String
|
| bold - 加粗,默认无效果 |
height | String | 60rpx
| 组件高度 |
组件事件
change : 消息切换时激活,携带数据 : 当前消息项目的索引;
演示代码
UNI 普通版本
NVUE 版本
微信小程序独立版本
登录并购买 GraceUI 后可以查阅完整手册内容 。
登录并购买 GraceUI 后可以查阅完整手册内容 。
登录并购买 GraceUI 后可以查阅完整手册内容 。