.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; } .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; }