/* pages/myPage/myPage.wxss */ .card-view{ border-radius: 30rpx; background: #fff; box-sizing: border-box; } .header{ height: 200rpx; padding: 48rpx 38rpx; position: relative; } .user-info { position: relative; top: -10rpx; } .chatHeads { width: 104rpx; height: 104rpx; background: #999; border-radius: 50%; } .chatHeads-img { width: 100%; height: 100%; border-radius: 50%; } .user-info { width: calc(100% - 104rpx); height: 104rpx; box-sizing: border-box; padding-left: 40rpx; } .user-name-box { height: 40rpx; width: 100%; } .user-name-box .user-name{ font-size: 28rpx; color: #333; font-weight: bold; width: 100%; } .user-name-box .need { max-width: calc(100% - 150rpx); } .user-name-box .user-isPartner { width: 140rpx; height: 39rpx; line-height: 39rpx; background-color: #fff0be; border-radius: 19px; color: #ef6f10; font-size: 20rpx; font-style: italic; text-align: center; box-sizing: border-box; padding-right: 8rpx; margin-left: 10rpx; margin-top: 4rpx; } .user-name-box .certification-img{ width: 26rpx; height: 27rpx; position: relative; top: 6rpx; } .user-address { height: 40rpx; line-height: 40rpx; font-size: 24rpx; color: #999999; margin: 5rpx 0; width: 100%; } .show-home-page { height: 30rpx; line-height: 30rpx; font-size: 24rpx; color: #728dd4; width: 100%; } .show-home-page .home-page-img{ width: 23rpx; height: 26rpx; position: relative; top: 4rpx; margin-right: 5rpx; } .exit-view { width: 138rpx; height: 58rpx; line-height: 58rpx; text-align: center; border-radius: 29rpx 0 0 29rpx; color: #fff; font-weight: bold; position: absolute; right: 0; bottom: 32rpx; background-color: #8496f3; } .exit-view .exit-img{ width: 26rpx; height: 28rpx; position: relative; top: 4rpx; } .content { padding: 5rpx 30rpx; margin-top: 30rpx; } .content .li-view{ height: 90rpx; line-height: 90rpx; box-sizing: border-box; border-bottom: 1px solid #f0f1f5; font-size: 28rpx; color: #333; font-weight: bold; padding:0 20rpx; } .content .li-view:last-child{ border-bottom: 0; } .content .li-view .my-release-img, .content .li-view .my-attention-img, .content .li-view .my-collect-img, .content .li-view .my-contact-img{ position: relative; top: 4rpx; margin-right: 15rpx; } .content .li-view .my-release-img, .content .li-view .my-attention-img{ width: 44rpx; height: 41rpx; } .content .li-view .my-release-img{ top: 13rpx; } .content .li-view .my-collect-img{ width: 41rpx; height: 41rpx; top: 10rpx; margin-left: 4rpx; left: 0rpx; } .content .li-view .my-attention-img{ top:10rpx; margin-left: 1rpx; } .content .li-view .my-contact-img{ width: 37rpx; height: 35rpx; top: 7rpx; margin-left: 10rpx; left: -5rpx; } .content .li-view .right-icon { font-size: 29rpx; color: #d7dae4; } .not-login-img { width: 128rpx; height: 128rpx; margin-left: 58rpx; } .not-login-view { height: 128rpx; width: calc(100% - 186rpx); box-sizing: border-box; padding-left: 30rpx; } .not-login-view .not-login-info{ font-size: 26rpx; color: #728dd4; margin: 15rpx 0; } .login-btn-view { height: 58rpx; } .login-btn{ width: 194rpx; height: 58rpx; line-height: 58rpx; background-image: linear-gradient(-60deg, #617bff 0%, #68c0fe 100%); box-shadow: 0rpx 3rpx 13rpx 0rpx rgba(52, 67, 193, 0.28); border-radius: 29rpx; font-size: 22rpx; color: #ffffff; margin-left: 35rpx; }