index.wxss 1.2 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980
  1. .content {
  2. margin-top: 20rpx;
  3. }
  4. .content_item {
  5. background-color: #fff;
  6. border-bottom: 2rpx solid #fafafa;
  7. display: flex;
  8. height: 170rpx;
  9. padding: 0 38rpx;
  10. width: 100%;
  11. }
  12. .content_column {
  13. display: flex;
  14. flex-direction: column;
  15. justify-content: center;
  16. width: 100%;
  17. }
  18. .content_row {
  19. align-items: center;
  20. display: flex;
  21. flex-direction: row;
  22. width: 100%;
  23. }
  24. .content_avatar {
  25. border-radius: 50%;
  26. height: 110rpx;
  27. margin-right: 20rpx;
  28. width: 110rpx;
  29. }
  30. .content_intro {
  31. flex: 1;
  32. overflow: hidden;
  33. }
  34. .content_nickname {
  35. color: #333;
  36. display: block;
  37. font-size: 32rpx;
  38. margin: 15rpx 0 20rpx;
  39. }
  40. .content_text {
  41. color: #999;
  42. display: block;
  43. font-size: 26rpx;
  44. overflow: hidden;
  45. text-overflow: ellipsis;
  46. white-space: nowrap;
  47. }
  48. .content_info {
  49. margin-bottom: 20rpx;
  50. }
  51. .content_order {
  52. color: #333;
  53. flex: 1;
  54. font-size: 32rpx;
  55. }
  56. .content_price {
  57. color: #FD0808;
  58. font-size: 48rpx;
  59. }
  60. .content_price-unit {
  61. font-size: 30rpx;
  62. }
  63. .content_price-fixed {
  64. display: block;
  65. margin: 0 0 20rpx;
  66. }
  67. .content_datetime,
  68. .content_status {
  69. color: #666;
  70. font-size: 26rpx;
  71. }
  72. .content_datetime {
  73. display: block;
  74. flex: 1;
  75. }
  76. .underline {
  77. color: #36a;
  78. text-decoration: underline;
  79. }