GraceUI 滑动操作列表



滑动操作列表

组件名称

graceSwipeList : /graceUI/组件目录/graceSwipeList

组件属性

属性名称	类型	默认值	作用
width	Number	750	组件宽度，单位 rpx
msgs	Array	[]	列表数据
imgSize	Array	['80rpx', '80rpx']	图标宽、高
fontSizes	Array	['28rpx','22rpx', '22rpx']	列表标题、时间、描述文本大小
fontColors	Array	['#323232','#888888', '#888888']	列表标题、时间、描述文本颜色
btnWidth	Number	160	操作按钮总宽度, 内部按钮自动平分此宽
height 2020.12.28 新增	Number	200	组件高度，单位 px

组件事件

01. btnTap : 操作按钮被点击是触发，携带数据 : [数据索引, 按钮索引];
02 itemTap : 列表项目被点击时触发，携带数据 : 被点击项目的索引;

注意事项

请在页面配置中关闭页面回弹 :
{
    "path" : "pages/您的页面路径",
    "style" :                                                                                    
    {
        "navigationBarTitleText": "GraceUI · 滑动列表",
        "disableScroll" : true
    }
}

演示代码

UNI 普通版本

NVUE 版本

微信小程序独立版本

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