blackteay/vant
1
0
Fork 0
mirror of https://gitee.com/vant-contrib/vant.git synced 2025-04-06 03:57:59 +08:00
Code Issues Projects Releases Wiki Activity

feat(Sku): update style (#4437)

Browse Source
This commit is contained in:
codpoe 2019-09-11 20:38:55 +08:00 committed by neverland
parent b279408e10
commit e359ed6ace
4 changed files with 13 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
src/sku/Sku.js
View File

@ -546,7 +546,6 @@ export default createComponent({
round round
closeable closeable
position="bottom" position="bottom"
closeIcon="clear"
class="van-sku-container" class="van-sku-container"
getContainer={this.getContainer} getContainer={this.getContainer}
closeOnClickOverlay={this.closeOnClickOverlay} closeOnClickOverlay={this.closeOnClickOverlay}

2
src/sku/components/SkuMessages.js
View File

@ -113,7 +113,7 @@ export default createComponent({
render() { render() {
return ( return (
<CellGroup class={bem()}> <CellGroup class={bem()} border={this.messages.length > 0}>
{this.messages.map((message, index) => (message.type === 'image' ? ( {this.messages.map((message, index) => (message.type === 'image' ? (
<Cell <Cell
class={bem('image-cell')} class={bem('image-cell')}

26
src/sku/index.less
View File

@ -6,17 +6,11 @@
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: stretch; align-items: stretch;
height: 80%; min-height: 50%;
max-height: max-content; /* avoid androiod keyboard cover fields */ max-height: 80%;
overflow-y: visible; overflow-y: visible;
font-size: @font-size-md; font-size: @font-size-md;
background: @white; background: @white;
.van-popup__close-icon {
top: @padding-sm;
color: @sku-icon-gray-color;
font-size: 20px;
}
} }
&-body { &-body {
@ -55,6 +49,9 @@
} }
&__goods-info { &__goods-info {
display: flex;
flex-direction: column;
justify-content: flex-end;
min-height: 96px; min-height: 96px;
padding: @padding-sm 36px @padding-sm @padding-xs; padding: @padding-sm 36px @padding-sm @padding-xs;
overflow: hidden; overflow: hidden;
@ -225,8 +222,7 @@
} }
&-messages { &-messages {
padding-bottom: @padding-xs; padding-bottom: @padding-xl;
background: @background-color;
&__image-cell { &__image-cell {
.van-cell__title { .van-cell__title {
@ -314,7 +310,7 @@
padding: @padding-xs @padding-md; padding: @padding-xs @padding-md;
.van-button { .van-button {
height: 36px; height: 40px;
font-weight: 500; font-weight: 500;
font-size: @font-size-md; font-size: @font-size-md;
line-height: 34px; line-height: 34px;
@ -322,13 +318,13 @@
border-radius: 0; border-radius: 0;
&:first-of-type { &:first-of-type {
border-top-left-radius: 18px; border-top-left-radius: 20px;
border-bottom-left-radius: 18px; border-bottom-left-radius: 20px;
} }
&:last-of-type { &:last-of-type {
border-top-right-radius: 18px; border-top-right-radius: 20px;
border-bottom-right-radius: 18px; border-bottom-right-radius: 20px;
} }
&--warning { &--warning {

2
src/style/var.less
View File

@ -437,7 +437,7 @@
// Popup // Popup
@popup-background-color: @white; @popup-background-color: @white;
@popup-transition: transform @animation-duration-base ease-out; @popup-transition: transform @animation-duration-base ease-out;
@popup-round-border-radius: 12px; @popup-round-border-radius: 20px;
@popup-close-icon-size: 18px; @popup-close-icon-size: 18px;
@popup-close-icon-color: @gray-dark; @popup-close-icon-color: @gray-dark;
@popup-close-icon-margin: 16px; @popup-close-icon-margin: 16px;