index.less 1.6 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182
  1. @import '../style/var';
  2. .van-submit-bar {
  3. position: fixed;
  4. bottom: 0;
  5. left: 0;
  6. z-index: @submit-bar-z-index;
  7. width: 100%;
  8. padding-bottom: constant(safe-area-inset-bottom);
  9. padding-bottom: env(safe-area-inset-bottom);
  10. background-color: @submit-bar-background-color;
  11. user-select: none;
  12. &__tip {
  13. padding: @submit-bar-tip-padding;
  14. color: @submit-bar-tip-color;
  15. font-size: @submit-bar-tip-font-size;
  16. line-height: @submit-bar-tip-line-height;
  17. background-color: @submit-bar-tip-background-color;
  18. }
  19. &__tip-icon {
  20. min-width: @submit-bar-tip-icon-size * 1.5;
  21. font-size: @submit-bar-tip-icon-size;
  22. vertical-align: middle;
  23. }
  24. &__tip-text {
  25. vertical-align: middle;
  26. }
  27. &__bar {
  28. display: flex;
  29. align-items: center;
  30. justify-content: flex-end;
  31. height: @submit-bar-height;
  32. padding: @submit-bar-padding;
  33. font-size: @submit-bar-text-font-size;
  34. }
  35. &__text {
  36. flex: 1;
  37. padding-right: @padding-sm;
  38. color: @submit-bar-text-color;
  39. text-align: right;
  40. span {
  41. display: inline-block;
  42. }
  43. }
  44. &__suffix-label {
  45. margin-left: 5px;
  46. font-weight: @font-weight-bold;
  47. }
  48. &__price {
  49. color: @submit-bar-price-color;
  50. font-weight: @font-weight-bold;
  51. font-size: @font-size-sm;
  52. &--integer {
  53. font-size: @submit-bar-price-integer-font-size;
  54. font-family: @submit-bar-price-font-family;
  55. }
  56. }
  57. &__button {
  58. width: @submit-bar-button-width;
  59. height: @submit-bar-button-height;
  60. font-weight: @font-weight-bold;
  61. border: none;
  62. &--danger {
  63. background: @goods-action-button-danger-color;
  64. }
  65. }
  66. &--unfit {
  67. padding-bottom: 0;
  68. }
  69. }