手册版本 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 后可以查阅完整手册内容 。