手册版本 V5.0

组件介绍

滑动展开功能按钮的列表组件 （ 此组件最近一次更新时间 :  2021年8月24日14:50 , 请保证框架版本 ）。

组件名称

gui-slide-list : /graceUI/组件目录/gui-slide-list

兼容平台

组件属性

组件事件

@scrolltolower 滚动区域触底时触发，用于实现加载更多.

皮肤样式

您可以通过修改对应的皮肤样式，来进一步修改组件的颜色、尺寸等 :
.gui-slide-list-img-wrap{width:80rpx; height:80rpx; margin-left:25rpx;} /* 列表图片外层样式 */
.gui-slide-list-img{width:80rpx; height:80rpx; border-radius:6rpx;} /* 列表图片外层样式 */
.gui-slide-list-point{border-radius:32rpx; height:32rpx; line-height:32rpx; padding:0 10rpx; font-size:20rpx;} /* 消息数标签样式 */
.gui-slide-list-title-text{line-height:38rpx; height:38rpx; font-size:28rpx; color:#2B2E3D; overflow:hidden;} /* 消息标题样式 */
.gui-slide-list-desc{line-height:32rpx; height:32rpx; font-size:22rpx; color:rgba(69, 90, 100, 0.3); overflow:hidden; margin-right:25rpx; margin-top:2px;} /* 消息描述样式 */

注意事项

1. 请在页面配置中关闭页面回弹 :
{
    "path" : "pages/您的页面路径",
    "style" :                                                                                    
    {
        "navigationBarTitleText": "GraceUI · 滑动列表",
        "disableScroll" : true
    }
}
2. 如果需要实现下拉刷新请使用 uni-app 页面级别的原生形式的刷新；

演示代码