index.less 2.0 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677
  1. /* nova-werun/components/my/index.wxss */
  2. .all{
  3. width: 100vw;
  4. background-color: #e6e6e6;
  5. .perxonalbox{
  6. width: 100%;
  7. height: 270rpx;
  8. background-color: #87ceeb;
  9. padding: 20rpx;
  10. display: flex;
  11. position: relative;
  12. margin-bottom: 80rpx;
  13. .avatar{
  14. width: 130rpx;
  15. height: 130rpx;
  16. border-radius: 15rpx;
  17. background-color: red;
  18. }
  19. .namebox{
  20. width: 200rpx;
  21. height: 130rpx;
  22. display: flex;
  23. justify-content: center;
  24. flex-direction: column;
  25. margin-left: 20rpx;
  26. .name{
  27. font-size: 34rpx;
  28. }
  29. .databox{
  30. width: 100%;
  31. height: 40rpx;
  32. display: flex;
  33. color: #d81e06;
  34. margin-top: 10rpx;
  35. align-items: center;
  36. .data{
  37. font-size: 28rpx;
  38. }
  39. image{
  40. width: 30rpx;
  41. height: 30rpx;
  42. margin-left: 10rpx;
  43. }
  44. }
  45. }
  46. .infobox{
  47. width: 90%;
  48. height: 130rpx;
  49. display: flex;
  50. justify-content: center;
  51. align-items: center;
  52. background-color: white;
  53. position: absolute;
  54. left: 5%;
  55. bottom: -66rpx;
  56. border-radius: 20rpx;
  57. .info{
  58. width: 120rpx;
  59. height: 100rpx;
  60. display: flex;
  61. justify-content: center;
  62. align-items: center;
  63. flex-direction: column;
  64. margin-left: 10rpx;
  65. margin-right: 10rpx;
  66. .info-num{
  67. font-size: 30rpx;
  68. }
  69. .info-tex{
  70. font-size: 28rpx;
  71. color: gray;
  72. margin-top: 10rpx;
  73. }
  74. }
  75. }
  76. }
  77. }