listDetails.wxss 1.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293
  1. .list-box {
  2. padding-bottom: 100rpx;
  3. }
  4. .bottom-bar {
  5. width: 100%;
  6. height: 104rpx;
  7. display: flex;
  8. justify-content: flex-end;
  9. align-items: center;
  10. background: #fff;
  11. position: fixed;
  12. bottom: 0;
  13. left: 0;
  14. z-index: 9;
  15. }
  16. .flex {
  17. display:flex;
  18. }
  19. .bottom-bar .btn {
  20. flex: 1;
  21. padding: 0 40rpx;
  22. height: 80rpx;
  23. border-radius: 80rpx;
  24. line-height: 80rpx;
  25. text-align: center;
  26. color: #fff;
  27. font-size: 30rpx;
  28. margin-right: 20rpx;
  29. background: #f75451;
  30. white-space: nowrap;
  31. }
  32. .bottom-bar .btn.btn-disabled {
  33. background: #e3e3e3;
  34. }
  35. .item {
  36. background: #fff;
  37. overflow: hidden;
  38. box-shadow: 0rpx 0rpx 40rpx 0rpx rgba(0, 0, 0, 0.05);
  39. border-radius: 20rpx;
  40. margin: 20rpx;
  41. }
  42. .spu {
  43. padding: 30rpx;
  44. display: flex;
  45. justify-content: flex-start;
  46. align-content: center;
  47. }
  48. .spu .goodsImg {
  49. width: 120rpx;
  50. height: 120rpx;
  51. margin-right: 20rpx;
  52. }
  53. .spu .goodsImg .img-class {
  54. width: 120rpx;
  55. height: 120rpx;
  56. }
  57. .spu .detail {
  58. width: 0;
  59. margin-left: 20rpx;
  60. font-size: 24rpx;
  61. color: #aaa;
  62. }
  63. .spu .detail .spuName {
  64. color: #444;
  65. font-size: 28rpx;
  66. font-weight: 500;
  67. overflow: hidden;
  68. }
  69. .spu .detail .tips {
  70. line-height: 1;
  71. margin-top: 16rpx;
  72. position: relative;
  73. }
  74. .spu .detail .tips .last {
  75. float: right;
  76. }
  77. .spu .detail .tips .price {
  78. color: #ff5344;
  79. font-size: 32rpx;
  80. }