GraceUI 横向公告栏



横向公告栏

组件名称

graceBoxBanner : /graceUI/组件目录/graceBoxBanner

组件属性

属性名称	类型	默认值	作用
items	Array	[]	数组形式的项目数据
color	Array	['#333333', '#999999', '#999999']	文本颜色 [主要数据, 单位 , '底部描述']
fontSize	Array	['36rpx', '24rpx', '24rpx']	展示信息文本大小
background	String	''	组件背景颜色
padding	String	25rpx	组件内间距
border [ 20200424 新增 ]	Array	["none","",""]	每个项目的右边框, 规范写法 : ["边框类型","#颜色","尺寸"]
borderRadius [ 20200424 新增 ]	String	10rpx	组件圆角尺寸
lineHeight [ 20200424 新增 ]	String	vue 小程序 : 1.5em, nvue : 50rpx	第一行文本的行高，可以利用此属性调整2行文本的间距

组件事件

taped : 展示项目被点击时触发，携带参数 : 被点击项目索引值;

演示代码

UNI 普通版本

NVUE 版本

微信小程序独立版本

登录并购买 GraceUI 后可以查阅完整手册内容。