cart.wxss 2.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110
  1. @import '../../common/common.wxss';
  2. .cart-box{
  3. padding-bottom: 100rpx;
  4. }
  5. .cart-list{
  6. position: relative;
  7. padding: 20rpx 20rpx 20rpx 285rpx;
  8. height: 185rpx;
  9. border-bottom: 1rpx solid #e9e9e9;
  10. }
  11. .cart-list .cart-pro-select{
  12. position: absolute;
  13. left: 20rpx;
  14. top: 90rpx;
  15. width: 45rpx;
  16. height: 45rpx;
  17. }
  18. .cart-list .cart-thumb{
  19. position: absolute;
  20. top: 20rpx;
  21. left: 85rpx;
  22. width: 185rpx;
  23. height: 185rpx;
  24. }
  25. .cart-list .cart-pro-name{
  26. display: inline-block;
  27. width: 300rpx;
  28. height: 105rpx;
  29. line-height: 50rpx;
  30. overflow: hidden;
  31. }
  32. .cart-list .cart-pro-price{
  33. display: inline-block;
  34. float: right;
  35. height: 105rpx;
  36. line-height: 50rpx;
  37. }
  38. .cart-list .cart-count-box{
  39. position: absolute;
  40. left: 285;
  41. bottom: 20rpx;
  42. width: 250rpx;
  43. height: 80rpx;
  44. }
  45. .cart-list .cart-count-box text{
  46. display: inline-block;
  47. line-height: 80rpx;
  48. text-align: center;
  49. }
  50. .cart-count-down,.cart-count-add{
  51. font-size: 44rpx;
  52. width: 50rpx;
  53. height: 100%;
  54. }
  55. .cart-count-num{
  56. width: 150rpx;
  57. }
  58. .cart-del{
  59. position: absolute;
  60. right: 20rpx;
  61. bottom: 20rpx;
  62. width: 80rpx;
  63. height: 80rpx;
  64. line-height: 80rpx;
  65. text-align: center;
  66. font-size: 44rpx;
  67. }
  68. .cart-footer{
  69. position: fixed;
  70. bottom: 0;
  71. left: 0;
  72. width: 100%;
  73. height: 90rpx;
  74. line-height: 90rpx;
  75. padding:0 100rpx 0 80rpx;
  76. box-sizing: border-box;
  77. background: #AB956D;
  78. color: #fff;
  79. }
  80. .total-select{
  81. position: absolute;
  82. left: 20rpx;
  83. top: 25rpx;
  84. width: 45rpx;
  85. height: 45rpx;
  86. }
  87. .order-icon{
  88. position: absolute;
  89. right: 40rpx;
  90. top: 25rpx;
  91. width: 45rpx;
  92. height: 45rpx;
  93. }
  94. .order-icon image,.order-icon navigator{
  95. display: block;
  96. width: 45rpx;
  97. height: 45rpx;
  98. }
  99. .cart-toatl-price{
  100. float: right;
  101. width: 120rpx;
  102. }
  103. .cart-no-data{
  104. padding:40rpx 0;
  105. color: #999;
  106. text-align: center;
  107. }