index.rpx.css 1.3 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182
  1. .page {
  2. background: #f7f7f7;
  3. padding: 0rpx 32rpx;
  4. height: 100vh;
  5. }
  6. .use{
  7. padding-top: 30rpx;
  8. }
  9. .avatar{
  10. width: 100rpx;
  11. height: 100rpx;
  12. padding: 4rpx;
  13. border-radius: 8rpx;
  14. background: #FFE50C;
  15. }
  16. .avatar image{
  17. width: 100rpx;
  18. height: 100rpx;
  19. }
  20. .useMsg{
  21. margin-left: 24rpx;
  22. }
  23. .name{
  24. font-size: 28rpx;
  25. font-weight: bold;
  26. }
  27. .tag{
  28. font-size: 20rpx;
  29. background: #FFE50C;
  30. margin-left: 24rpx;
  31. padding: 2rpx 10rpx;
  32. border-radius: 10rpx;
  33. }
  34. .phone{
  35. font-size: 24rpx;
  36. }
  37. .statistics {
  38. background: #FFFFFF;
  39. box-shadow: 0rpx 8rpx 16rpx 0rpx rgba(255, 224, 92, 0.05);
  40. border-radius: 24rpx;
  41. margin-top: 40rpx;
  42. overflow: hidden;
  43. }
  44. .statisticsTitle {
  45. font-size: 32rpx;
  46. font-weight: 600;
  47. color: #333333;
  48. margin-left: 32rpx;
  49. margin-top: 20rpx;
  50. }
  51. .statisticsItem {
  52. /*width: 33%;*/
  53. /*height: 160rpx;*/
  54. /*margin-top: 40rpx;*/
  55. }
  56. .statisticsItemBorder {
  57. border-left: 4rpx solid #EEEEEE;
  58. }
  59. .statisticsKey {
  60. font-size: 24rpx;
  61. font-weight: 400;
  62. color: #999999;
  63. line-height: 60rpx;
  64. }
  65. .statisticsValue {
  66. font-size: 36rpx;
  67. font-weight: bold;
  68. color: #333333;
  69. }
  70. .tuoke {
  71. background: #FFFFFF;
  72. /*box-shadow: 0rpx 8rpx 16rpx 0rpx rgba(255, 224, 92, 0.05);*/
  73. /*background: linear-gradient(180deg, #FFFCED 0%, #FFFFFF 100%);*/
  74. border-radius: 24rpx;
  75. margin-top: 24rpx;
  76. padding: 1rpx 0;
  77. overflow: hidden;
  78. }