diff --git a/src/sku/index.less b/src/sku/index.less index 7495caf5c..ae560b5e9 100644 --- a/src/sku/index.less +++ b/src/sku/index.less @@ -59,12 +59,12 @@ &-header-item { margin-top: @padding-xs; color: @gray-dark; - font-size: 12px; + font-size: @font-size-sm; line-height: 16px; } &__price-symbol { - font-size: 16px; + font-size: @font-size-lg; vertical-align: text-bottom; } @@ -83,7 +83,7 @@ margin-left: @padding-xs; padding: 0 5px; color: @red; - font-size: 12px; + font-size: @font-size-sm; line-height: 16px; vertical-align: middle; background-color: @sku-price-tag-color; @@ -189,13 +189,13 @@ display: inline-block; margin-right: @padding-xs; color: @gray-dark; - font-size: 12px; + font-size: @font-size-sm; } &__quota { display: inline-block; color: @red; - font-size: 12px; + font-size: @font-size-sm; } &-messages { @@ -268,7 +268,7 @@ &__warn-text { margin-top: 6px; - font-size: 12px; + font-size: @font-size-sm; line-height: 14px; } @@ -282,8 +282,32 @@ } } - /* sku actions */ &-actions { display: flex; + padding: @padding-xs @padding-md; + + .van-button { + height: 36px; + font-weight: 500; + font-size: @font-size-md; + line-height: 34px; + border: none; + + &:first-of-type { + border-radius: 18px 0 0 18px; + } + + &:last-of-type { + border-radius: 0 18px 18px 0; + } + + &--warning { + background: linear-gradient(to right, #ffd01e, #ff8917); + } + + &--danger { + background: linear-gradient(to right, #ff6034, #ee0a24); + } + } } }