| 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697 |
- .settings-root.data-v-2f058983 {
- width: 100vw;
- height: 100vh;
- background: #f8fafb;
- display: flex;
- flex-direction: column;
- }
- .settings-list.data-v-2f058983 {
- background: #fff;
- padding: 0 40rpx;
- }
- .mt-30.data-v-2f058983 {
- margin-top: 30rpx;
- }
- .item-row.data-v-2f058983 {
- display: flex;
- justify-content: space-between;
- align-items: center;
- min-height: 110rpx;
- border-bottom: 2rpx solid #f9f9f9;
- }
- .item-row.data-v-2f058983:last-child {
- border-bottom: none;
- }
- .avatar-row.data-v-2f058983 {
- height: 180rpx;
- }
- .item-label.data-v-2f058983 {
- font-size: 32rpx;
- color: #333;
- }
- .item-right.data-v-2f058983 {
- display: flex;
- align-items: center;
- }
- .avatar-wrapper.data-v-2f058983 {
- position: relative;
- width: 110rpx;
- height: 110rpx;
- margin-right: 20rpx;
- }
- .avatar-img.data-v-2f058983 {
- width: 110rpx;
- height: 110rpx;
- border-radius: 50%;
- background: #eee;
- }
- .avatar-uploading.data-v-2f058983 {
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- border-radius: 50%;
- background: rgba(0, 0, 0, 0.45);
- display: flex;
- align-items: center;
- justify-content: center;
- }
- .uploading-text.data-v-2f058983 {
- font-size: 20rpx;
- color: #fff;
- }
- .item-value.data-v-2f058983 {
- font-size: 30rpx;
- color: #666;
- margin-right: 15rpx;
- }
- .item-value.readonly.data-v-2f058983 {
- color: #aaa;
- margin-right: 0;
- }
- .icon-more.data-v-2f058983 {
- width: 14rpx;
- height: 14rpx;
- border-top: 3rpx solid #ccc;
- border-right: 3rpx solid #ccc;
- transform: rotate(45deg);
- }
- .footer-bar.data-v-2f058983 {
- padding: 40rpx;
- margin-top: auto;
- padding-bottom: calc(40rpx + env(safe-area-inset-bottom));
- }
- .btn-confirm.data-v-2f058983 {
- width: 100%;
- height: 90rpx;
- background: #C1001C;
- color: #fff;
- border-radius: 45rpx;
- font-size: 32rpx;
- font-weight: bold;
- display: flex;
- align-items: center;
- justify-content: center;
- }
|