/* pages/index/components/homepage/homepage.wxss */ .header-view { border-radius: 30rpx; background: #fff; box-sizing: border-box; padding: 26rpx 42rpx; padding-bottom: 0; position: relative; position: sticky; top: 0; z-index: 999; } .header-view .user-view{ height: 104rpx; } .header-view .chatHeads-view{ width: 104rpx; height: 104rpx; border-radius: 50%; background: #999; } .header-view .chatHeads-view .chatHeads-img{ width: 100%; height: 100%; border-radius: 50%; } .header-view .customer-info{ width: calc(100% - 104rpx); height: 104rpx; box-sizing: border-box; padding-left: 30rpx; padding-bottom: 14rpx; padding-top: 10rpx; } .header-view .customer-nick-name{ height: 50rpx; line-height: 50rpx; font-size: 28rpx; color: #333; } .header-view .customer-address{ height: 30rpx; line-height: 30rpx; font-size: 24rpx; color: #999; } .service-project { margin-top: 20rpx; color: #999999; font-size: 24rpx; box-sizing: border-box; padding-left: 63rpx; } .header-view .gird-view{ height: 100rpx; margin-top: 30rpx; } .gird-view-item { width: 25%; text-align: center; } .gird-view-item .gird-view-num{ font-size: 26rpx; color: #728dd4; font-weight: bold; } .gird-view-item .gird-view-text{ font-size: 24rpx; color: #333; font-family: SourceHanSansCN-Medium; } /* 平台认证 */ .list-certification { position: absolute; right: 0; top: 22rpx; width: 130rpx; height: 40rpx; line-height: 40rpx; background-color: #fff0be; border-radius: 18rpx 0 0 18rpx; text-align: center; color: #ef6f10; font-size: 20rpx; } .list-certification .certification-img{ width: 26rpx; height: 27rpx; position: relative; top: 6rpx; } .demands-view { height: 30rpx; line-height: 30rpx; margin: 30rpx 0; } .demands-view .demands-img{ width: 31rpx; height: 29rpx; position: relative; top: 5rpx; } .demands-view .demands-text{ color: #333333; font-size: 26rpx; font-weight: bold; margin-left: 10rpx; } .foot-view { position: fixed; bottom: 0; background: #f5f9ff; width: 100%; box-sizing: border-box; padding: 0 40rpx; padding-bottom: 20rpx; }