follow.wxss 1.2 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980
  1. /* pages/follow/follow.wxss */
  2. page{
  3. padding: 30rpx;
  4. }
  5. .follow{
  6. border-bottom: 1px solid #F5F5F5;
  7. margin-bottom: 30rpx;
  8. }
  9. .name{
  10. font-size: 32rpx;
  11. font-weight: 500;
  12. margin-bottom: 20rpx;
  13. }
  14. .name>text{
  15. color: #AAAAAA;
  16. font-size: 22rpx;
  17. border: 1px solid #AAAAAA;
  18. border-radius: 4rpx;
  19. font-weight: 400;
  20. padding: 0 4rpx;
  21. position: relative;
  22. top: -3rpx;
  23. }
  24. .name view{
  25. float: right;
  26. color: #CE994F;
  27. font-size: 22rpx;
  28. text-align: center;
  29. position: relative;
  30. top: -5rpx;
  31. }
  32. .name view text{
  33. display: block;
  34. font-size: 32rpx;
  35. color: #CE994F;
  36. position: relative;
  37. top: -8rpx;
  38. }
  39. .info{
  40. font-size: 30rpx;
  41. padding: 10rpx 0;
  42. display: flex;
  43. }
  44. .info view{
  45. color: #666;
  46. width: 85%;
  47. vertical-align: top;
  48. }
  49. .info label{
  50. font-weight: 500;
  51. color: #333;
  52. }
  53. .info .tag{
  54. font-size: 28rpx;
  55. color: #CE994F;
  56. border: 1px solid #CE994F;
  57. border-radius: 8rpx;
  58. margin-right: 8rpx;
  59. font-weight: 400;
  60. padding: 0 8rpx;
  61. }
  62. .per_top{
  63. height: 138rpx;
  64. position: relative;
  65. padding:24rpx;
  66. background: #D94B24;
  67. }
  68. .per_top>image{
  69. width: 90rpx;
  70. height: 90rpx;
  71. position: absolute;
  72. left: 24rpx;
  73. top: 24rpx;
  74. border-radius: 100%;
  75. }
  76. scroll-view{
  77. height: 100vh;
  78. }