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

[improvement] Sku: update button style (#3922)

Browse Source
This commit is contained in:
neverland 2019-07-22 15:07:15 +08:00 committed by GitHub
parent 82dfe176cf
commit acb10db7b8
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 31 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

38
src/sku/index.less
View File

@ -59,12 +59,12 @@
&-header-item { &-header-item {
margin-top: @padding-xs; margin-top: @padding-xs;
color: @gray-dark; color: @gray-dark;
font-size: 12px; font-size: @font-size-sm;
line-height: 16px; line-height: 16px;
} }
&__price-symbol { &__price-symbol {
font-size: 16px; font-size: @font-size-lg;
vertical-align: text-bottom; vertical-align: text-bottom;
} }
@ -83,7 +83,7 @@
margin-left: @padding-xs; margin-left: @padding-xs;
padding: 0 5px; padding: 0 5px;
color: @red; color: @red;
font-size: 12px; font-size: @font-size-sm;
line-height: 16px; line-height: 16px;
vertical-align: middle; vertical-align: middle;
background-color: @sku-price-tag-color; background-color: @sku-price-tag-color;
@ -189,13 +189,13 @@
display: inline-block; display: inline-block;
margin-right: @padding-xs; margin-right: @padding-xs;
color: @gray-dark; color: @gray-dark;
font-size: 12px; font-size: @font-size-sm;
} }
&__quota { &__quota {
display: inline-block; display: inline-block;
color: @red; color: @red;
font-size: 12px; font-size: @font-size-sm;
} }
&-messages { &-messages {
@ -268,7 +268,7 @@
&__warn-text { &__warn-text {
margin-top: 6px; margin-top: 6px;
font-size: 12px; font-size: @font-size-sm;
line-height: 14px; line-height: 14px;
} }
@ -282,8 +282,32 @@
} }
} }
/* sku actions */
&-actions { &-actions {
display: flex; 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);
}
}
} }
} }