123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126 |
- /* pages/userInfo/userInfo.wxss */
- .pageWrap {
- padding: 24rpx;
- }
- .area {
- background: #fff;
- border-radius: 20rpx;
- overflow: hidden;
- }
- .area+.area {
- margin-top: 24rpx;
- }
- .logo {
- position: relative;
- display: flex;
- align-items: center;
- height: 178rpx;
- border-bottom: solid #f5f5f5 1rpx;
- }
- .icon-arrowr {
- position: absolute;
- top: 50%;
- right: 16rpx;
- transform: translateY(-50%);
- font-size: 30rpx;
- color: #707070;
- }
- .logo .avatar {
- position: absolute;
- top: 50%;
- transform: translateY(-50%);
- right: 65rpx;
- width: 128rpx;
- height: 128rpx;
- border-radius: 50%;
- }
- .lineGroup {
- position: relative;
- }
- .lineGroup+.lineGroup {
- border-top: solid #f5f5f5 1rpx;
- }
- .lineInner {
- display: flex;
- }
- .lineGroup .label,
- .logo .label {
- padding: 0 24rpx;
- height: 98rpx;
- line-height: 98rpx;
- font-size: 32rpx;
- color: #666;
- }
- .lineGroup .content {
- flex: 1;
- width: 0;
- }
- .lineGroup .placeholderStyle {
- padding: 0 24rpx;
- height: 98rpx;
- line-height: 98rpx;
- text-align: right;
- }
- .lineGroup .placeholderStyle.textarea {
- padding: 31rpx 24rpx;
- line-height: 36rpx;
- min-height: 150rpx;
- }
- .lineGroup .text {
- padding: 31rpx 24rpx;
- line-height: 36rpx;
- text-align: right;
- font-size: 28rpx;
- color: #282828;
- word-break: break-all;
- }
- .lineGroup .text.textarea {
- padding: 31rpx 24rpx;
- line-height: 36rpx;
- min-height: 150rpx;
- }
- .lineSpread {
- position: relative;
- padding: 24rpx;
- display: flex;
- align-items: center;
- }
- .lineSpread:before {
- content: "";
- position: absolute;
- top: 0;
- left: 24rpx;
- right: 24rpx;
- height: 1rpx;
- background: #f5f5f5;
- }
- .lineSpread .btn {
- flex: 1;
- height: 80rpx;
- line-height: 80rpx;
- font-size: 32rpx;
- color: #d5d1d1;
- background: transparent;
- border: solid #c4c4c4 1rpx;
- border-radius: 0;
- }
- .lineSpread .btn+.btn {
- margin-left: 20rpx!important;
- }
|