index.less 853 B

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556
  1. @import '../style/var';
  2. .van-submit-bar {
  3. left: 0;
  4. bottom: 0;
  5. width: 100%;
  6. z-index: 100;
  7. position: fixed;
  8. user-select: none;
  9. background-color: @white;
  10. &__tip {
  11. color: #f56723;
  12. padding: 10px;
  13. font-size: 12px;
  14. line-height: 18px;
  15. background-color: #fff7cc;
  16. }
  17. &__bar {
  18. height: 50px;
  19. display: flex;
  20. font-size: 14px;
  21. align-items: center;
  22. }
  23. &__text {
  24. flex: 1;
  25. font-weight: 500;
  26. text-align: right;
  27. color: @text-color;
  28. padding-right: 12px;
  29. span {
  30. display: inline-block;
  31. }
  32. }
  33. &__price {
  34. color: @red;
  35. font-size: 18px;
  36. &::first-letter {
  37. font-size: 14px;
  38. }
  39. }
  40. .van-button {
  41. width: 110px;
  42. }
  43. &--safe-area-inset-bottom {
  44. padding-bottom: constant(safe-area-inset-bottom);
  45. padding-bottom: env(safe-area-inset-bottom);
  46. }
  47. }