| | |
| | | padding: 72rpx 40rpx 48rpx; |
| | | color: #fff; |
| | | font-size: 26rpx; |
| | | background-color: aquamarine; |
| | | .content { |
| | | flex: 1; |
| | | |
| | |
| | | } |
| | | } |
| | | } |
| | | .modal{ |
| | | width: 600rpx; |
| | | height: 720rpx; |
| | | padding: 48rpx 40rpx; |
| | | border-radius: 16rpx; |
| | | .header{ |
| | | display: flex; |
| | | .avatar{ |
| | | width: 88rpx; |
| | | height: 88rpx; |
| | | border-radius: 50%; |
| | | margin-right: 24rpx; |
| | | } |
| | | .content{ |
| | | .name{font-size: 30rpx;} |
| | | .desc{ |
| | | font-size: 24rpx; |
| | | color: #999999; |
| | | margin-top: 12rpx; |
| | | } |
| | | } |
| | | } |
| | | .qrcode{ |
| | | width: 400rpx; |
| | | height: 400rpx; |
| | | margin: 60rpx auto 40rpx; |
| | | } |
| | | .text{ |
| | | font-size: 26rpx; |
| | | color: #999999; |
| | | text-align: center; |
| | | } |
| | | } |
| | | } |