mirror of
https://gitee.com/vant-contrib/vant.git
synced 2025-04-06 03:57:59 +08:00
style(Sku): simplify goods info style
This commit is contained in:
parent
0ea2938d72
commit
1b15c6066e
@ -72,14 +72,7 @@ function SkuHeader(
|
||||
{slots['sku-header-image-extra']?.()}
|
||||
</div>
|
||||
)}
|
||||
<div
|
||||
class={[
|
||||
bem('goods-info'),
|
||||
!showHeaderImage && bem('goods-info--no-padding'),
|
||||
]}
|
||||
>
|
||||
{slots.default?.()}
|
||||
</div>
|
||||
<div class={bem('goods-info')}>{slots.default?.()}</div>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
@ -25,17 +25,15 @@
|
||||
}
|
||||
|
||||
&-header {
|
||||
display: flex;
|
||||
margin: 0 @padding-md;
|
||||
|
||||
&__img-wrap {
|
||||
position: relative;
|
||||
float: left;
|
||||
width: 96px;
|
||||
height: 96px;
|
||||
margin: @padding-sm 0;
|
||||
overflow: hidden;
|
||||
margin: @padding-sm @padding-sm @padding-sm 0;
|
||||
background: @background-color;
|
||||
border-radius: @border-radius-md;
|
||||
|
||||
img {
|
||||
position: absolute;
|
||||
@ -46,6 +44,7 @@
|
||||
max-width: 100%;
|
||||
max-height: 100%;
|
||||
margin: auto;
|
||||
border-radius: @border-radius-md;
|
||||
}
|
||||
}
|
||||
|
||||
@ -53,14 +52,7 @@
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: flex-end;
|
||||
box-sizing: border-box;
|
||||
min-height: 96px;
|
||||
padding: @padding-sm 20px @padding-sm @padding-xs;
|
||||
overflow: hidden;
|
||||
|
||||
&--no-padding {
|
||||
padding-left: 0;
|
||||
}
|
||||
padding: @padding-sm 20px @padding-sm 0;
|
||||
}
|
||||
}
|
||||
|
||||
|
Loading…
x
Reference in New Issue
Block a user