mineComment.wxss 2.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101
  1. /* pages/mineComment/mineComment.wxss */
  2. .comment-list{
  3. width: 750rpx;
  4. height: auto;
  5. background: #FFFFFF;
  6. display: flex;
  7. flex-direction: row;
  8. }
  9. .comment-list:active{
  10. background: rgba(0,0,0,0.07);
  11. }
  12. .comment-list>image:nth-child(1){
  13. width: 64rpx;
  14. height: 64rpx;
  15. border-radius: 50%;
  16. margin: 32rpx 24rpx auto 40rpx;
  17. }
  18. .comment-list>view:nth-child(2){
  19. display: flex;
  20. flex-direction: column;
  21. width: 382rpx;
  22. height: auto;
  23. border-bottom: 1px solid rgba(0,0,0,0.07);
  24. }
  25. .comment-name{
  26. width: 382rpx;
  27. height: 40rpx;
  28. display: flex;
  29. flex-direction: row;
  30. justify-content: center;
  31. align-items: center;
  32. margin: 32rpx 20rpx 16rpx 0;
  33. }
  34. .comment-name>text:nth-child(1){
  35. width: auto;
  36. height: 40rpx;
  37. font-size: 28rpx;
  38. font-family: PingFangSC-Medium, PingFang SC;
  39. font-weight: 500;
  40. color: rgba(0,0,0,0.4);
  41. line-height: 40rpx;
  42. margin-right: auto;
  43. }
  44. .comment-content{
  45. width: 382rpx;
  46. height: auto;
  47. font-size: 28rpx;
  48. font-family: PingFangSC-Regular, PingFang SC;
  49. font-weight: 400;
  50. color: rgba(0,0,0,0.87);
  51. line-height: 40rpx;
  52. text-align: justify;
  53. }
  54. .comment-content>text{
  55. font-weight: 500;
  56. color: rgba(58,81,166,0.87);
  57. }
  58. .comment-time{
  59. width: 382rpx;
  60. height: 32rpx;
  61. font-size: 24rpx;
  62. font-family: PingFangSC-Regular, PingFang SC;
  63. font-weight: 400;
  64. color: rgba(0,0,0,0.4);
  65. line-height: 32rpx;
  66. text-align: left;
  67. margin: 16rpx 0 32rpx;
  68. }
  69. .action-img{
  70. width: 200rpx;
  71. display: flex;
  72. margin-right: 40rpx;
  73. border-bottom: 1px solid rgba(0,0,0,0.07);
  74. }
  75. .action-img>image{
  76. width: 150rpx;
  77. height: 150rpx;
  78. margin: 32rpx 0 auto auto;
  79. }
  80. .nonedata-style{
  81. width: 750rpx;
  82. height: 100vh;
  83. display: flex;
  84. flex-direction: column;
  85. justify-content: center;
  86. align-items: center;
  87. }
  88. .nonedata-style>image:nth-child(1){
  89. width: 332rpx;
  90. height: 264rpx;
  91. }
  92. .nonedata-style>text:nth-child(2){
  93. width: auto;
  94. height: 48rpx;
  95. font-size: 30rpx;
  96. font-family: PingFangSC-Regular, PingFang SC;
  97. font-weight: 400;
  98. color: rgba(0,0,0,0.4);
  99. line-height: 48rpx;
  100. margin-top: 32rpx;
  101. }