GraceUI 竖向滚动公告组件实现了竖向消息循环展示功能,能够识别用户滚动行为实现合理的滚动机制、能够动态添加消息;
gui-scrollitems-y : /graceUI/组件目录/gui-scrollitems-y
H5 | APP | 小程序 | NVUE |
✔ | ✔ | ✔ | ✔ |
属性名称 | 类型 | 默认值 | 作用 |
height | String | 480rpx | 滚动区域高度 |
imgStyle | String | width:88rpx; height:88rpx; border-radius:6rpx; margin-top:5rpx; margin-right:28rpx;' | 左侧图片样式 |
textStyle | String | font-size:28rpx; color:#2B2E3D; line-height:38rpx; | 右侧文本样式 |
msgWidth | String | 570rpx | 右侧文本区域宽度 ( 等于 外层宽度 - 图片宽度 - 30rpx ) |
duration | Number | 6000 | 消息切换间隔时间 |
items | Array | [] | 消息数组,格式见演示代码, |
addItem : 添加消息对象 , 格式见演示代码;