| | |
|---|
| | | top: 0; |
|---|
| | | left: 0; |
|---|
| | | z-index: -1; |
|---|
| | | image{ |
|---|
| | | width: 750rpx; |
|---|
| | | height: 400rpx; |
|---|
| | | } |
|---|
| | | } |
|---|
| | | |
|---|
| | | .editBtn{ |
|---|
| | | position: fixed; |
|---|
| | | right: 40rpx; |
|---|
| | | top: 304rpx; |
|---|
| | | width: 144rpx; |
|---|
| | | height: 56rpx; |
|---|
| | | line-height: 56rpx; |
|---|
| | | text-align: center; |
|---|
| | | border-radius: 28rpx; |
|---|
| | | border: 1rpx solid #999999; |
|---|
| | | color: #999999; |
|---|
| | | font-size: 24rpx; |
|---|
| | | z-index: 999; |
|---|
| | | } |
|---|
| | | page{ |
|---|
| | | overflow-y: hidden; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .container { |
|---|
| | | padding: 26rpx 40rpx; |
|---|
| | | overflow-y: hidden; |
|---|
| | | .avatar { |
|---|
| | | margin-top: 260rpx; |
|---|
| | | margin-top: 300rpx; |
|---|
| | | width: 140rpx; |
|---|
| | | height: 140rpx; |
|---|
| | | border-radius: 50%; |
|---|
| | |
|---|
| | | font-weight: 600; |
|---|
| | | font-size: 40rpx; |
|---|
| | | display: flex; |
|---|
| | | align-items: flex-end; /* 这会使子元素底部对齐 */ |
|---|
| | | justify-content: center; /* 这会使子元素水平居中 */ |
|---|
| | | align-items: center; |
|---|
| | | .icon{ |
|---|
| | | position: relative; |
|---|
| | | bottom: 4rpx; |
|---|
| | | margin-left: 6rpx; |
|---|
| | | } |
|---|
| | | |
|---|
| | | } |
|---|
| | | } |
|---|
