index.acss 3.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125
  1. .submit-bar-index {
  2. display: block;
  3. height: initial;
  4. }
  5. @import "../common/index.acss";
  6. .submit-bar-index .van-submit-bar {
  7. position: fixed;
  8. bottom: 0;
  9. left: 0;
  10. width: 100%;
  11. -webkit-user-select: none;
  12. user-select: none;
  13. z-index: 100;
  14. z-index: var(--submit-bar-z-index, 100);
  15. background-color: #fff;
  16. background-color: var(--submit-bar-background-color, #fff);
  17. }
  18. .submit-bar-index .van-submit-bar__tip {
  19. padding: 10px;
  20. padding: var(--submit-bar-tip-padding, 10px);
  21. color: #f56723;
  22. color: var(--submit-bar-tip-color, #f56723);
  23. font-size: 12px;
  24. font-size: var(--submit-bar-tip-font-size, 12px);
  25. line-height: 1.5;
  26. line-height: var(--submit-bar-tip-line-height, 1.5);
  27. background-color: #fff7cc;
  28. background-color: var(--submit-bar-tip-background-color, #fff7cc);
  29. }
  30. .submit-bar-index .van-submit-bar__tip:empty {
  31. display: none;
  32. }
  33. .submit-bar-index .van-submit-bar__tip-icon {
  34. width: 12px;
  35. height: 12px;
  36. margin-right: 4px;
  37. vertical-align: middle;
  38. font-size: 12px;
  39. font-size: var(--submit-bar-tip-icon-size, 12px);
  40. min-width: 18px;
  41. min-width: calc(var(--submit-bar-tip-icon-size, 12px) * 1.5);
  42. }
  43. .submit-bar-index .van-submit-bar__tip-text {
  44. display: inline;
  45. vertical-align: middle;
  46. }
  47. .submit-bar-index .van-submit-bar__bar {
  48. display: -webkit-flex;
  49. display: flex;
  50. -webkit-align-items: center;
  51. align-items: center;
  52. -webkit-justify-content: flex-end;
  53. justify-content: flex-end;
  54. padding: 0 16px;
  55. padding: var(--submit-bar-padding, 0 16px);
  56. height: 50px;
  57. height: var(--submit-bar-height, 50px);
  58. font-size: 14px;
  59. font-size: var(--submit-bar-text-font-size, 14px);
  60. background-color: #fff;
  61. background-color: var(--submit-bar-background-color, #fff);
  62. }
  63. .submit-bar-index .van-submit-bar__safe {
  64. height: constant(safe-area-inset-bottom);
  65. height: env(safe-area-inset-bottom);
  66. }
  67. .submit-bar-index .van-submit-bar__text {
  68. -webkit-flex: 1;
  69. flex: 1;
  70. text-align: right;
  71. color: #323233;
  72. color: var(--submit-bar-text-color, #323233);
  73. padding-right: 12px;
  74. padding-right: var(--padding-sm, 12px);
  75. }
  76. .submit-bar-index .van-submit-bar__price,
  77. .submit-bar-index .van-submit-bar__text {
  78. font-weight: 500;
  79. font-weight: var(--font-weight-bold, 500);
  80. }
  81. .submit-bar-index .van-submit-bar__price {
  82. color: #ee0a24;
  83. color: var(--submit-bar-price-color, #ee0a24);
  84. font-size: 12px;
  85. font-size: var(--submit-bar-price-font-size, 12px);
  86. }
  87. .submit-bar-index .van-submit-bar__price-integer {
  88. font-size: 20px;
  89. font-family: Avenir-Heavy, PingFang SC, Helvetica Neue, Arial, sans-serif;
  90. }
  91. .submit-bar-index .van-submit-bar__currency {
  92. font-size: 12px;
  93. font-size: var(--submit-bar-currency-font-size, 12px);
  94. }
  95. .submit-bar-index .van-submit-bar__suffix-label {
  96. margin-left: 5px;
  97. }
  98. .submit-bar-index .van-submit-bar__button {
  99. width: 110px;
  100. width: var(--submit-bar-button-width, 110px);
  101. font-weight: 500;
  102. font-weight: var(--font-weight-bold, 500);
  103. --button-default-height: 40px !important;
  104. --button-default-height: var(--submit-bar-button-height, 40px) !important;
  105. --button-line-height: 40px !important;
  106. --button-line-height: var(--submit-bar-button-height, 40px) !important;
  107. }
  108. .submit-bar-index .van-submit-bar__button .btn_box {
  109. width: 100%;
  110. }