123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107 |
- @charset "UTF-8";
- /* 水平间距 */
- /* 水平间距 */
- .container.data-v-137d5072 {
- min-height: 100vh;
- background: #f5f5f5;
- }
- .header.data-v-137d5072 {
- background: linear-gradient(135deg, #FF6600 0%, #FF8533 100%);
- padding: 60rpx 30rpx 40rpx;
- color: white;
- }
- .header .user-info.data-v-137d5072, .header .login-prompt.data-v-137d5072 {
- display: flex;
- align-items: center;
- }
- .header .user-info .avatar.data-v-137d5072, .header .login-prompt .avatar.data-v-137d5072 {
- width: 120rpx;
- height: 120rpx;
- border-radius: 60rpx;
- background: rgba(255, 255, 255, 0.3);
- display: flex;
- align-items: center;
- justify-content: center;
- margin-right: 30rpx;
- }
- .header .user-info .avatar .avatar-text.data-v-137d5072, .header .login-prompt .avatar .avatar-text.data-v-137d5072 {
- font-size: 48rpx;
- font-weight: bold;
- color: white;
- }
- .header .user-info .user-details.data-v-137d5072, .header .login-prompt .user-details.data-v-137d5072 {
- flex: 1;
- }
- .header .user-info .user-details .nickname.data-v-137d5072, .header .login-prompt .user-details .nickname.data-v-137d5072 {
- display: block;
- font-size: 36rpx;
- font-weight: bold;
- margin-bottom: 10rpx;
- }
- .header .user-info .user-details .phone.data-v-137d5072, .header .login-prompt .user-details .phone.data-v-137d5072 {
- display: block;
- font-size: 28rpx;
- opacity: 0.8;
- }
- .header .user-info .user-details .login-btn.data-v-137d5072, .header .login-prompt .user-details .login-btn.data-v-137d5072 {
- background: rgba(255, 255, 255, 0.2);
- color: white;
- border: 2rpx solid rgba(255, 255, 255, 0.5);
- border-radius: 30rpx;
- padding: 15rpx 30rpx;
- font-size: 28rpx;
- margin-top: 10rpx;
- }
- .header .user-info .user-details .login-btn.data-v-137d5072:active, .header .login-prompt .user-details .login-btn.data-v-137d5072:active {
- background: rgba(255, 255, 255, 0.3);
- }
- .menu-section.data-v-137d5072 {
- padding: 20rpx;
- }
- .menu-section .menu-group.data-v-137d5072 {
- background: white;
- border-radius: 20rpx;
- margin-bottom: 20rpx;
- overflow: hidden;
- }
- .menu-section .menu-group .menu-item.data-v-137d5072 {
- display: flex;
- align-items: center;
- padding: 30rpx;
- border-bottom: 1rpx solid #f0f0f0;
- }
- .menu-section .menu-group .menu-item.data-v-137d5072:last-child {
- border-bottom: none;
- }
- .menu-section .menu-group .menu-item.data-v-137d5072:active {
- background: #f8f8f8;
- }
- .menu-section .menu-group .menu-item .menu-icon.data-v-137d5072 {
- font-size: 40rpx;
- margin-right: 30rpx;
- }
- .menu-section .menu-group .menu-item .menu-text.data-v-137d5072 {
- flex: 1;
- font-size: 32rpx;
- color: #333;
- }
- .menu-section .menu-group .menu-item .menu-arrow.data-v-137d5072 {
- font-size: 32rpx;
- color: #ccc;
- }
- .logout-section.data-v-137d5072 {
- padding: 40rpx 20rpx;
- }
- .logout-section .logout-btn.data-v-137d5072 {
- width: 100%;
- background: #fff;
- color: #ff4757;
- border: 2rpx solid #ff4757;
- border-radius: 40rpx;
- padding: 30rpx;
- font-size: 32rpx;
- }
- .logout-section .logout-btn.data-v-137d5072:active {
- background: #ff4757;
- color: white;
- }
|