cart-bar.less 1.3 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576
  1. .cart-bar__placeholder {
  2. height: 100rpx;
  3. }
  4. .flex {
  5. display: flex;
  6. }
  7. .flex-v-center {
  8. align-items: center;
  9. }
  10. .flex1 {
  11. flex: 1;
  12. }
  13. .algin-bottom {
  14. text-align: end;
  15. }
  16. .cart-bar--fixed {
  17. position: fixed;
  18. left: 0;
  19. right: 0;
  20. z-index: 99;
  21. bottom: calc(100rpx + constant(safe-area-inset-bottom));
  22. bottom: calc(100rpx + env(safe-area-inset-bottom));
  23. }
  24. .cart-bar {
  25. height: 144rpx;
  26. background-color: #fff;
  27. border-top: 1rpx solid #e5e5e5;
  28. padding: 32rpx 32rpx 32rpx 20rpx;
  29. box-sizing: border-box;
  30. font-size: 24rpx;
  31. line-height: 36rpx;
  32. color: #333;
  33. .cart-bar__check {
  34. margin-right: 12rpx;
  35. }
  36. .cart-bar__total {
  37. margin-left: 24rpx;
  38. }
  39. .account-btn {
  40. width: 192rpx;
  41. height: 80rpx;
  42. border-radius: 40rpx;
  43. background-color: #333;
  44. font-size: 28rpx;
  45. font-weight: bold;
  46. line-height: 80rpx;
  47. color: #ffffff;
  48. text-align: center;
  49. }
  50. .disabled-btn {
  51. background-color: #cccccc !important;
  52. }
  53. .hover-btn {
  54. opacity: 0.5;
  55. }
  56. }
  57. .cart-bar__total {
  58. .cart-bar__total--bold {
  59. font-size: 28rpx;
  60. line-height: 40rpx;
  61. color: #333;
  62. font-weight: bold;
  63. }
  64. .cart-bar__total--normal {
  65. font-size: 24rpx;
  66. line-height: 32rpx;
  67. color: #999;
  68. }
  69. .cart-bar__total--price {
  70. color: #333;
  71. font-weight: bold;
  72. }
  73. }
  74. .text-padding-right {
  75. padding-right: 4rpx;
  76. }