body{ background-color: #EDEDED; } /*按钮设置*/ button { justify-content: center; width: 400rpx; height: 80rpx; display: flex; color: #FFFFFF; background: #0797ED; text-align: center; } /* 滚动 */ .scorll{ width: 100%; white-space: nowrap; } /* 列表设置 */ .list { padding-left:36rpx; padding-right: 36rpx; } .list .user-info-list{ display: inline-block; } .list .user-info{ width: 100%; height: 180rpx; min-height: 180rpx; margin-top:32rpx; display: flex; flex-direction: column; white-space: nowrap; } .list .user-info .head-image{ width: 110rpx; height: 110rpx; min-height: 110rpx; min-width: 110rpx; border-radius: 12rpx; } .list .user-info .real-name{ width: 110rpx; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; min-width: 110rpx; margin-top: 15rpx; font-size: 24rpx; text-align: center; } .row{ min-height: 96rpx; width: auto; display: flex; flex-direction: row; background-color: #fff; align-items: center; padding-left:36rpx; padding-right:36rpx;} /* 字段、行标题 */ .field{ float: left; } /* 统一菜单样式 */ .menu-item { height: 112rpx; width: auto; display: flex; flex-direction: row; background-color: #fff; align-items: center; padding-left:36rpx; padding-right: 36rpx;} .field{ flex: 1; float: left; } .menu-item .icon { width: 69rpx; height: 35rpx; } .menu-item .text { font-size: 32rpx; color: #101010; flex: 1; float: left; } .menu-item .explain { font-size: 28rpx; color: #828282; margin-right: 10rpx; } .more { width: 35rpx; height: 35rpx; float:right; } /* 标准间距 */ .margin-top-thin{ margin-top:1rpx; } .margin-bottom-thin{ margin-top:1rpx; } .margin-top-wide{ margin-top:20rpx; } .margin-bottom-wide{ margin-top:20rpx; } .margin-left20{ margin-left:20rpx; } .margin-right20{ margin-left:20rpx; } .margin-top20{ margin-top:20rpx; } .margin-top50{ margin-top:50rpx; } .margin-top70{ margin-top:70rpx; } .line-thin{ height: 1rpx; width: 100%; background-color: #eee; } .line-wide{ height: 20rpx; width: 100%; background-color: #eee; } /* 按钮颜色设置 */ .button-blue{ background: #0797ED; } .button-gray{ background: #BBBBBB; }