12345678910111213141516171819202122232425262728293031323334353637383940414243444546 |
- @import '../common/index.css';
- :host {
- -webkit-flex: 1;
- flex: 1;
- }
- .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;
- }
- .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);
- }
- .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;
- }
- .van-goods-action-button--first.van-goods-action-button--last {
- --button-border-radius: 20px;
- --button-border-radius: var(--goods-action-button-border-radius, 20px);
- }
- .van-goods-action-button--plain {
- --button-border-width: 1px;
- }
- .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;
- }
- }
|