blackteay/vant
1
0
Fork 0
mirror of https://gitee.com/vant-contrib/vant.git synced 2025-04-28 20:36:37 +08:00
Code Issues Projects Releases Wiki Activity

[improvement] CouponList: add less vars

Browse Source
This commit is contained in:
陈嘉涵 2019-05-15 10:26:03 +08:00
parent c8945625b1
commit dd3b3544a4
5 changed files with 38 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
packages/coupon-cell/index.less
View File

@ -2,6 +2,6 @@
.van-coupon-cell { .van-coupon-cell {
&--selected { &--selected {
color: @text-color; color: @coupon-cell-selected-text-color;
} }
} }

18
packages/coupon-list/index.less
View File

@ -3,15 +3,15 @@
.van-coupon-list { .van-coupon-list {
position: relative; position: relative;
height: 100%; height: 100%;
background-color: @background-color; background-color: @coupon-list-background-color;
&__field { &__field {
padding: 7px 15px; padding: @coupon-list-field-padding;
} }
&__exchange { &__exchange {
height: 32px; height: @coupon-list-exchange-button-height;
line-height: 30px; line-height: @coupon-list-exchange-button-height - 2px;
} }
&__list { &__list {
@ -34,14 +34,14 @@
p { p {
margin: 15px 0; margin: 15px 0;
color: @gray-dark; color: @coupon-list-empty-tip-color;
font-size: 14px; font-size: @coupon-list-empty-tip-font-size;
line-height: 20px; line-height: @coupon-list-empty-tip-line-height;
} }
img { img {
width: 200px; width: @coupon-list-empty-image-size;
height: 200px; height: @coupon-list-empty-image-size;
} }
} }
} }

12
packages/goods-action-icon/index.less
View File

@ -4,10 +4,10 @@
display: flex; display: flex;
flex-direction: column; flex-direction: column;
justify-content: center; justify-content: center;
min-width: 15%; min-width: @goods-action-icon-width;
height: 50px; height: @goods-action-icon-height;
color: @gray-darker; color: @goods-action-icon-color;
font-size: 10px; font-size: @goods-action-icon-font-size;
line-height: 1; line-height: 1;
text-align: center; text-align: center;
background-color: @white; background-color: @white;
@ -17,12 +17,12 @@
} }
&:active { &:active {
background-color: @active-color; background-color: @goods-action-icon-active-color;
} }
&__icon { &__icon {
width: 1em; width: 1em;
margin: 0 auto 5px; margin: 0 auto 5px;
font-size: 20px; font-size: @goods-action-icon-size;
} }
} }

2
packages/goods-action/index.less
View File

@ -6,7 +6,7 @@
bottom: 0; bottom: 0;
left: 0; left: 0;
display: flex; display: flex;
background-color: @white; background-color: @goods-action-background-color;
&--safe-area-inset-bottom { &--safe-area-inset-bottom {
padding-bottom: constant(safe-area-inset-bottom); padding-bottom: constant(safe-area-inset-bottom);

21
packages/style/var.less
View File

@ -184,6 +184,18 @@
@coupon-description-background-color: @background-color-light; @coupon-description-background-color: @background-color-light;
@coupon-description-border-color: @border-color; @coupon-description-border-color: @border-color;
// CouponCell
@coupon-cell-selected-text-color: @text-color;
// CouponList
@coupon-list-background-color: @background-color;
@coupon-list-field-padding: 7px 15px;
@coupon-list-exchange-button-height: 32px;
@coupon-list-empty-image-size: 200px;
@coupon-list-empty-tip-color: @gray-dark;
@coupon-list-empty-tip-font-size: 14px;
@coupon-list-empty-tip-line-height: 20px;
// Dialog // Dialog
@dialog-width: 85%; @dialog-width: 85%;
@dialog-font-size: 16px; @dialog-font-size: 16px;
@ -220,6 +232,15 @@
@field-error-message-text-color: 12px; @field-error-message-text-color: 12px;
@field-text-area-min-height: 60px; @field-text-area-min-height: 60px;
// GoodsAction
@goods-action-background-color: @white;
@goods-action-icon-width: 15%;
@goods-action-icon-height: 50px;
@goods-action-icon-color: @gray-darker;
@goods-action-icon-size: 20px;
@goods-action-icon-font-size: 10px;
@goods-action-icon-active-color: @active-color;
// Info // Info
@info-size: 16px; @info-size: 16px;
@info-color: @white; @info-color: @white;