usercenter.wxss 2.3 KB

1234567891011121314151617181920212223
  1. page{background-color: #f5f5f5;}
  2. .top-img.usercenter{margin-bottom: 32rpx;}
  3. .top-img{height: 466rpx;}
  4. .usercenter-baseinfo{display: -webkit-box;display: -webkit-flex;display: flex;margin: 168rpx 24rpx 33rpx 40rpx;-webkit-box-align: center;-webkit-align-items: center;align-items: center;}
  5. .usercenter-baseinfo .photo{width: 124rpx;height: 124rpx;-webkit-border-radius: 50%;border-radius: 50%;border: 2rpx solid #fff;margin-right: 36rpx;}
  6. .usercenter-baseinfo .text{color: #fff;-webkit-box-flex: 1;-webkit-flex: 1;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: -webkit-box;display: -webkit-flex;display: flex;text-align: center;background: rgba(65, 117, 5, 0.1);-webkit-border-radius: 23px 23px 0px 0px;border-radius: 23px 23px 0px 0px;color: #fff;}
  11. .tool-bar-item{-webkit-box-flex: 1;-webkit-flex: 1;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: -webkit-box;display: -webkit-flex;display: flex;-webkit-box-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-shadow: 0px 0px 12rpx 0px rgba(0, 0, 0, 0.04);box-shadow: 0px 0px 12rpx 0px rgba(0, 0, 0, 0.04);padding: 30rpx;-webkit-border-radius: 16rpx;border-radius: 16rpx;background-color: #fff;}
  15. .question-item{display: -webkit-box;display: -webkit-flex;display: flex;width: 263rpx;-webkit-box-pack: justify;-webkit-justify-content: space-between;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{-webkit-box-flex: 1;-webkit-flex: 1;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;}