/* pages/personal/personal.wxss */ .container { padding-bottom: 120rpx; } .page-body { height: 400rpx; position: relative; background: #58ba53; } .btnUser { background: none; color: #fff; border: 0; font-size: 28rpx; font-weight: bold; padding: 0; margin: 0 0; /* width: 50rpx; */ } .page-user { color: #fff; width: 90%; margin: auto; padding-top: 13%; } .page-user cover-image { float: left; margin-right: 20rpx; border-radius: 100%; width: 130rpx; height: 130rpx; border: 5rpx solid #fff; } .user-title { font-weight: bold; font-size: 48rpx; padding-bottom: 10rpx; margin-top: 15rpx; } .badge { background: #fff; width: 90%; margin: auto; height: 150rpx; padding: 25rpx; margin-top: -40rpx; position: relative; border-radius: 20rpx; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); } .badge-title { width: 30%; float: left; text-align: center; margin-right: 5%; border-right: 1px solid #eee; } .badge-title .num { font-weight: bold; /* float: left; */ font-size: 50rpx; } .badge-title .all {} .badge-img { padding: 5rpx 0; width: 64%; float: left; } .badge-img .icon { display: inline-block; padding: 0; /* overflow-y: hidden; overflow-x: auto; */ } .badge-img .icon cover-image { /* float: left; */ margin: 0 5rpx; display: block; } .badge-img scroll-view { top: 0; z-index: 1; white-space: nowrap; overflow: hidden; padding-top: 5rpx; } .works { border-radius: 20rpx; padding: 1px 25rpx; background: #fff; width: 90%; display: block; border-radius: 10rpx; margin: auto; margin-top: 30rpx; } .zhengshu { position: fixed; right: 0; top: 10%; color: #fff; background: #3ea645; padding: 15rpx 10rpx; border-top-left-radius: 10rpx; border-bottom-left-radius: 10rpx; } .zhengshu cover-image { margin-top: 8rpx; margin-right: 5rpx; margin-left: 10rpx; float: left; padding: 0 10rpx; } .zhengshu .title { float: left; padding: 0 20rpx; font-size: 28rpx; } .item { width: 100%; } .works-list { width: 100%; display: inline-block; padding: 35rpx 0; /* background: red; */ } .item-list { float: left; font-weight: bold; } .works-list:nth-child(1), .works-list:nth-child(2) { border-bottom: 1px solid #eee; } .works-icon { float: right; }