usercenter.css 1.7 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152
  1. page{background-color: #f5f5f5;}
  2. .top-img.usercenter{margin-bottom: 32rpx;}
  3. .top-img{height: 466rpx;}
  4. .usercenter-baseinfo{display: flex;margin: 168rpx 24rpx 33rpx 40rpx;align-items: center;}
  5. .usercenter-baseinfo .photo{width: 124rpx;height: 124rpx;border-radius: 50%;border: 2rpx solid #fff;margin-right: 36rpx;}
  6. .usercenter-baseinfo .text{color: #fff;flex: 1;}
  7. .usercenter-baseinfo .name{font-size: 36rpx;line-height: 50rpx;font-weight: 500;margin-bottom: 8rpx;}
  8. .usercenter-baseinfo .tyep{font-size: 24rpx;line-height: 33rpx;}
  9. .usercenter-baseinfo .tyep .iconfont{margin-right: 5rpx;}
  10. .tool-bar{position: absolute;left: 40rpx;bottom: 0;right: 40rpx;padding: 27rpx 24rpx;display: flex;text-align: center;background: rgba(65, 117, 5, 0.1);border-radius: 23px 23px 0px 0px;color: #fff;}
  11. .tool-bar-item{flex: 1;}
  12. .tool-bar-til{font-size: 28rpx;line-height: 40rpx;opacity: 0.6;}
  13. .tool-bar-num .num{font-size: 38rpx;font-weight: 500;}
  14. .question-nav{display: flex;justify-content: center;box-shadow: 0px 0px 12rpx 0px rgba(0, 0, 0, 0.04);padding: 30rpx;border-radius: 16rpx;background-color: #fff;}
  15. .question-item{display: flex;width: 263rpx;justify-content: space-between;margin-right: 36rpx;}
  16. .question-nav .question-item:last-of-type{margin-right: 0;}
  17. .question-item + .question-item{padding-left: 36rpx;border-left: 2rpx solid #EDEEED;}
  18. .question-item-img{width: 84rpx;height: 84rpx;}
  19. .question-item-text{flex: 1;}
  20. .question-item-til{font-size: 32rpx;color: #333;line-height: 45rpx;margin-bottom: 6rpx;}
  21. .question-item-subtil{font-size: 24rpx;color: #999;line-height: 33rpx;}
  22. .logout{margin-bottom: 100rpx;background-color: #fff;height: 104rpx;line-height: 104rpx;font-size: 28rpx;color: #333;text-align: center;}