index.wxss 1.3 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980
  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 + env(safe-area-inset-bottom));
  22. }
  23. .cart-bar {
  24. height: 112rpx;
  25. background-color: #fff;
  26. border-top: 1rpx solid #e5e5e5;
  27. padding: 16rpx 32rpx;
  28. box-sizing: border-box;
  29. font-size: 24rpx;
  30. line-height: 36rpx;
  31. color: #333;
  32. }
  33. .cart-bar .cart-bar__check {
  34. margin-right: 12rpx;
  35. }
  36. .cart-bar .cart-bar__total {
  37. margin-left: 24rpx;
  38. }
  39. .cart-bar .account-btn {
  40. width: 192rpx;
  41. height: 80rpx;
  42. border-radius: 40rpx;
  43. background-color: #fa4126;
  44. font-size: 28rpx;
  45. font-weight: bold;
  46. line-height: 80rpx;
  47. color: #ffffff;
  48. text-align: center;
  49. }
  50. .cart-bar .disabled-btn {
  51. background-color: #cccccc !important;
  52. }
  53. .cart-bar .hover-btn {
  54. opacity: 0.5;
  55. }
  56. .cart-bar__total .cart-bar__total--bold {
  57. font-size: 28rpx;
  58. line-height: 40rpx;
  59. color: #333;
  60. font-weight: bold;
  61. }
  62. .cart-bar__total .cart-bar__total--normal {
  63. font-size: 24rpx;
  64. line-height: 32rpx;
  65. color: #999;
  66. }
  67. .cart-bar__total .cart-bar__total--price {
  68. color: #fa4126;
  69. font-weight: bold;
  70. }
  71. .text-padding-right {
  72. padding-right: 4rpx;
  73. }