style(Sku): currency symbol should align to bottom (#6274)

This commit is contained in:
neverland 2020-05-13 17:38:08 +08:00 committed by GitHub
parent f6ae795439
commit 44911c3739
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 3 additions and 4 deletions

View File

@ -62,7 +62,7 @@ function SkuHeader(
<img src={goodsImg} /> <img src={goodsImg} />
{slots['sku-header-image-extra']?.()} {slots['sku-header-image-extra']?.()}
</div> </div>
<div class={bem('goods-info')}>{slots.default && slots.default()}</div> <div class={bem('goods-info')}>{slots.default?.()}</div>
</div> </div>
); );
} }

View File

@ -68,13 +68,13 @@
&__price-symbol { &__price-symbol {
font-size: @font-size-lg; font-size: @font-size-lg;
vertical-align: middle; vertical-align: bottom;
} }
&__price-num { &__price-num {
font-weight: @font-weight-bold; font-weight: @font-weight-bold;
font-size: 22px; font-size: 22px;
vertical-align: middle; vertical-align: bottom;
word-wrap: break-word; word-wrap: break-word;
} }
@ -91,7 +91,6 @@
color: @red; color: @red;
font-size: @font-size-sm; font-size: @font-size-sm;
line-height: 16px; line-height: 16px;
vertical-align: middle;
border-radius: 8px; border-radius: 8px;
&::before { &::before {