diff --git a/packages/common/style/var.less b/packages/common/style/var.less index 3ee6d967..cfbd7656 100644 --- a/packages/common/style/var.less +++ b/packages/common/style/var.less @@ -205,6 +205,7 @@ @goods-action-icon-font-size: @font-size-xs; @goods-action-icon-text-color: @gray-darker; @goods-action-button-height: 40px; +@goods-action-button-border-radius: @goods-action-button-height / 2; @goods-action-button-warning-color: @gradient-orange; @goods-action-button-danger-color: @gradient-red; diff --git a/packages/goods-action-button/index.less b/packages/goods-action-button/index.less index a6a8c9d4..925452e5 100644 --- a/packages/goods-action-button/index.less +++ b/packages/goods-action-button/index.less @@ -14,15 +14,15 @@ &--first { display: block !important; margin-left: 5px; - .theme(border-top-left-radius, '@goods-action-button-height / 2') !important; - .theme(border-bottom-left-radius, '@goods-action-button-height / 2') !important; + .theme(border-top-left-radius, '@goods-action-button-border-radius') !important; + .theme(border-bottom-left-radius, '@goods-action-button-border-radius') !important; } &--last { display: block !important; margin-right: 5px; - .theme(border-top-right-radius, '@goods-action-button-height / 2') !important; - .theme(border-bottom-right-radius, '@goods-action-button-height / 2') !important; + .theme(border-top-right-radius, '@goods-action-button-border-radius') !important; + .theme(border-bottom-right-radius, '@goods-action-button-border-radius') !important; } &--warning {