.my-container { padding: 20rpx; background-color: #f5f5f5; min-height: 100vh; } .user-info { display: flex; align-items: center; background-color: #ffffff; padding: 30rpx; border-radius: 12rpx; margin-bottom: 20rpx; } .avatar { width: 120rpx; height: 120rpx; border-radius: 60rpx; margin-right: 20rpx; } .user-details { display: flex; flex-direction: column; } .username { font-size: 36rpx; font-weight: bold; margin-bottom: 10rpx; } .user-id { font-size: 24rpx; color: #999; } .user-phone { font-size: 24rpx; color: #666; margin-top: 6rpx; } .menu-list { background-color: #ffffff; border-radius: 12rpx; margin-bottom: 20rpx; } .menu-item { display: flex; justify-content: space-between; align-items: center; padding: 30rpx; border-bottom: 1rpx solid #f5f5f5; } .menu-item:last-child { border-bottom: none; } .menu-item-left { display: flex; align-items: center; } .menu-text { margin-left: 20rpx; font-size: 28rpx; } .logout-btn { background-color: #ffffff; border-radius: 12rpx; padding: 30rpx; text-align: center; color: #ff0000; font-size: 32rpx; } /* 这里应该引入iconfont,但为了简化,我们先不添加 */ .iconfont { font-size: 36rpx; color: #007AFF; } .icon-right { color: #cccccc; } /* 授权弹窗样式 */ .auth-modal { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.5); display: flex; justify-content: center; align-items: center; z-index: 999; } .auth-content { width: 80%; background-color: #fff; border-radius: 12rpx; padding: 40rpx; display: flex; flex-direction: column; align-items: center; } .auth-title { font-size: 36rpx; font-weight: bold; margin-bottom: 20rpx; } .auth-desc { font-size: 28rpx; color: #666; margin-bottom: 40rpx; text-align: center; } .auth-btn { width: 100%; height: 80rpx; line-height: 80rpx; background-color: #07c160; color: #fff; border-radius: 8rpx; margin-bottom: 20rpx; } .auth-cancel { width: 100%; height: 80rpx; line-height: 80rpx; background-color: #f5f5f5; color: #333; border-radius: 8rpx; } /* 添加获取手机号按钮样式 */ .get-phone-btn { margin-top: 20rpx; background-color: #07c160; color: #fff; border-radius: 8rpx; font-size: 28rpx; padding: 16rpx 0; }