.goods-action-button-index { display: block; height: initial; } @import "../common/index.acss"; .goods-action-button-index { -webkit-flex: 1; flex: 1; } .goods-action-button-index .van-goods-action-button { --button-warning-background-color: linear-gradient(90deg, #ffd01e, #ff8917); --button-warning-background-color: var( --goods-action-button-warning-color, linear-gradient(90deg, #ffd01e, #ff8917) ); --button-danger-background-color: linear-gradient(90deg, #ff6034, #ee0a24); --button-danger-background-color: var( --goods-action-button-danger-color, linear-gradient(90deg, #ff6034, #ee0a24) ); --button-default-height: 40px; --button-default-height: var(--goods-action-button-height, 40px); --button-line-height: 20px; --button-line-height: var(--goods-action-button-line-height, 20px); --button-plain-background-color: #fff; --button-plain-background-color: var( --goods-action-button-plain-color, #fff ); display: block; --button-border-width: 0; } .goods-action-button-index .van-goods-action-button--first { margin-left: 5px; --button-border-radius: 20px 0 0 20px; --button-border-radius: var(--goods-action-button-border-radius, 20px) 0 0 var(--goods-action-button-border-radius, 20px); } .goods-action-button-index .van-goods-action-button--last { margin-right: 5px; --button-border-radius: 0 20px 20px 0; --button-border-radius: 0 var(--goods-action-button-border-radius, 20px) var(--goods-action-button-border-radius, 20px) 0; } .goods-action-button-index .van-goods-action-button--first.van-goods-action-button--last { --button-border-radius: 20px; --button-border-radius: var(--goods-action-button-border-radius, 20px); } .goods-action-button-index .van-goods-action-button--plain { --button-border-width: 1px; } .goods-action-button-index .van-goods-action-button__inner { width: 100%; font-weight: 500 !important; font-weight: var(--font-weight-bold, 500) !important; } @media (max-width: 321px) { .van-goods-action-button { font-size: 13px; } }