index.acss 2.1 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970
  1. .goods-action-button-index {
  2. display: block;
  3. height: initial;
  4. }
  5. @import "../common/index.acss";
  6. .goods-action-button-index {
  7. -webkit-flex: 1;
  8. flex: 1;
  9. }
  10. .goods-action-button-index .van-goods-action-button {
  11. --button-warning-background-color: linear-gradient(90deg, #ffd01e, #ff8917);
  12. --button-warning-background-color: var(
  13. --goods-action-button-warning-color,
  14. linear-gradient(90deg, #ffd01e, #ff8917)
  15. );
  16. --button-danger-background-color: linear-gradient(90deg, #ff6034, #ee0a24);
  17. --button-danger-background-color: var(
  18. --goods-action-button-danger-color,
  19. linear-gradient(90deg, #ff6034, #ee0a24)
  20. );
  21. --button-default-height: 40px;
  22. --button-default-height: var(--goods-action-button-height, 40px);
  23. --button-line-height: 20px;
  24. --button-line-height: var(--goods-action-button-line-height, 20px);
  25. --button-plain-background-color: #fff;
  26. --button-plain-background-color: var(
  27. --goods-action-button-plain-color,
  28. #fff
  29. );
  30. display: block;
  31. --button-border-width: 0;
  32. }
  33. .goods-action-button-index .van-goods-action-button--first {
  34. margin-left: 5px;
  35. --button-border-radius: 20px 0 0 20px;
  36. --button-border-radius: var(--goods-action-button-border-radius, 20px) 0 0
  37. var(--goods-action-button-border-radius, 20px);
  38. }
  39. .goods-action-button-index .van-goods-action-button--last {
  40. margin-right: 5px;
  41. --button-border-radius: 0 20px 20px 0;
  42. --button-border-radius: 0 var(--goods-action-button-border-radius, 20px)
  43. var(--goods-action-button-border-radius, 20px) 0;
  44. }
  45. .goods-action-button-index
  46. .van-goods-action-button--first.van-goods-action-button--last {
  47. --button-border-radius: 20px;
  48. --button-border-radius: var(--goods-action-button-border-radius, 20px);
  49. }
  50. .goods-action-button-index .van-goods-action-button--plain {
  51. --button-border-width: 1px;
  52. }
  53. .goods-action-button-index .van-goods-action-button__inner {
  54. width: 100%;
  55. font-weight: 500 !important;
  56. font-weight: var(--font-weight-bold, 500) !important;
  57. }
  58. @media (max-width: 321px) {
  59. .van-goods-action-button {
  60. font-size: 13px;
  61. }
  62. }