index.wxss 1.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778
  1. /* .container{
  2. display: flex;
  3. flex-direction: row;
  4. justify-content: space-between;
  5. font-size: 28rpx;
  6. }
  7. .container .col{
  8. }
  9. .col .col-item{
  10. margin-top: 20rpx;
  11. background: #fff;
  12. border-radius: 10rpx;
  13. overflow: hidden;
  14. }
  15. .col .col-item */
  16. .goods-img{
  17. width: 100%;
  18. }
  19. /* .col .col-item */
  20. .goods-it-bo{
  21. padding:20rpx 10rpx;
  22. }
  23. .goods-it-bo .act-sign{
  24. margin-top: 10rpx;
  25. overflow: hidden;
  26. white-space: nowrap;
  27. text-overflow: ellipsis;
  28. }
  29. .goods-it-bo .act-sign text{
  30. background: #F8F1F3;
  31. color: #ED3A43;
  32. padding: 0 10rpx;
  33. line-height: 1.5;
  34. margin-right: 10rpx;
  35. border-radius: 8rpx;
  36. font-size: 24rpx;
  37. }
  38. .goods-it-bo .title{
  39. display: -webkit-box;
  40. -webkit-box-orient: vertical;
  41. -webkit-line-clamp: 2;
  42. overflow: hidden;
  43. font-size: 30rpx;
  44. }
  45. .goods-it-bo .goods-tag{
  46. color: #ee3a43;
  47. background: #f1f1f1;
  48. display: inline-block;
  49. padding: 0 10rpx;
  50. border-radius: 10rpx;
  51. margin: 10rpx 0;
  52. }
  53. .goods-it-bo .goods-price{
  54. margin-top: 20rpx;
  55. }
  56. .goods-it-bo .goods-price .real-p{
  57. color: #ee3a43;
  58. font-weight: 700;
  59. margin-right: 10rpx;
  60. }
  61. .goods-it-bo .goods-price .orig-p{
  62. font-size: 24rpx;
  63. color: gray;
  64. text-decoration: line-through;
  65. }
  66. /* 组件样式 */
  67. .waterfall-page-wrapper {
  68. box-sizing: border-box;
  69. margin: 0 auto;
  70. width: 100%;
  71. height: 100%;
  72. overflow-x: hidden;
  73. overflow-y: scroll;
  74. }
  75. .waterfall-box {
  76. padding: 0 4rpx !important;
  77. }