comment.wxss 1.0 KB

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