| | |
| | | .container { |
| | | background-color: #fff; |
| | | .container .topbg { |
| | | position: absolute; |
| | | width: 100%; |
| | | z-index: -1; |
| | | } |
| | | .container .navbar { |
| | | padding-left: 30rpx; |
| | |
| | | padding: 72rpx 40rpx 48rpx; |
| | | color: #fff; |
| | | font-size: 26rpx; |
| | | background-color: aquamarine; |
| | | } |
| | | .container .userinfo .content { |
| | | flex: 1; |
| | |
| | | margin-right: 30rpx; |
| | | } |
| | | .container .main_content { |
| | | margin-top: -16rpx; |
| | | background-color: #fff; |
| | | border-radius: 16rpx 16rpx 0rpx 0rpx; |
| | | padding: 40rpx; |
| | |
| | | background: #F7F7F7; |
| | | border-radius: 8rpx; |
| | | margin-bottom: 40rpx; |
| | | padding: 0 40rpx; |
| | | } |
| | | .container .main_content .func_list .line { |
| | | display: flex; |
| | | align-items: center; |
| | | justify-content: space-between; |
| | | padding: 0 40rpx; |
| | | height: 108rpx; |
| | | border-bottom: 1rpx solid #E5E5E5; |
| | | } |
| | | .container .main_content .func_list .line:nth-last-of-type(1) { |
| | | border: none; |
| | | } |
| | | .container .main_content .func_list .line .icon { |
| | | width: 40rpx; |
| | | height: 40rpx; |
| | | } |
| | | .container .modal { |
| | | width: 600rpx; |
| | | height: 720rpx; |
| | | padding: 48rpx 40rpx; |
| | | border-radius: 16rpx; |
| | | } |
| | | .container .modal .header { |
| | | display: flex; |
| | | } |
| | | .container .modal .header .avatar { |
| | | width: 88rpx; |
| | | height: 88rpx; |
| | | border-radius: 50%; |
| | | margin-right: 24rpx; |
| | | } |
| | | .container .modal .header .content .name { |
| | | font-size: 30rpx; |
| | | } |
| | | .container .modal .header .content .desc { |
| | | font-size: 24rpx; |
| | | color: #999999; |
| | | margin-top: 12rpx; |
| | | } |
| | | .container .modal .qrcode { |
| | | width: 400rpx; |
| | | height: 400rpx; |
| | | margin: 60rpx auto 40rpx; |
| | | } |
| | | .container .modal .text { |
| | | font-size: 26rpx; |
| | | color: #999999; |
| | | text-align: center; |
| | | } |