手册版本 V5.0

模板介绍

基于滑动列表组件实现的即时通讯消息列表功能。

兼容平台

皮肤样式

您可以通过修改对应的皮肤样式，来进一步修改组件的颜色、尺寸等 :
.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;} /* 消息描述样式 */

注意事项

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

演示代码