myconcern.wxss 983 B

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576
  1. page{
  2. width: 750rpx;
  3. background: #F0F1F5;
  4. }
  5. .concern-center{
  6. width: 716rpx;
  7. margin: 20rpx auto;
  8. }
  9. .concern-info{
  10. margin-bottom: 20rpx;
  11. width: 100%;
  12. height: 132rpx;
  13. display: flex;
  14. align-items: center;
  15. border-radius: 12rpx;
  16. background: #FFFFFF;
  17. }
  18. .avatar-image{
  19. width: 100%;
  20. height: 100%;
  21. border-radius: 50%;
  22. }
  23. .avatar-box{
  24. margin-left: 20rpx;
  25. width: 96rpx;
  26. height: 96rpx;
  27. border-radius: 50%;
  28. }
  29. .avatar-name{
  30. display: flex;
  31. flex-direction: column;
  32. margin-left: 14rpx;
  33. }
  34. .nickName{
  35. width: 200rpx;
  36. height: 44rpx;
  37. color: #000000;
  38. font-size: 32rpx;
  39. }
  40. .time{
  41. width: 200rpx;
  42. height: 44rpx;
  43. color: #686868;
  44. font-size: 32rpx;
  45. }
  46. .avatar-follow{
  47. margin-left: 270rpx;
  48. display: flex;
  49. flex-direction: column;
  50. align-items: center;
  51. width: 100rpx;
  52. }
  53. .avatar-img{
  54. width: 46rpx;
  55. height: 40rpx;
  56. }
  57. .avatar-images{
  58. width: 100%;
  59. height: 100%;
  60. }
  61. .follow-status{
  62. margin-top: 8rpx;
  63. color: #686868;
  64. font-size: 20rpx;
  65. }