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

feat(Card): card组件样式变量化 (#2179)

Browse Source
This commit is contained in:
Lindy 2019-10-21 16:51:14 +08:00 committed by neverland
parent fbd142b245
commit 5f8983104d
2 changed files with 26 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
packages/card/index.less
View File

@ -4,10 +4,10 @@
.van-card { .van-card {
position: relative; position: relative;
box-sizing: border-box; box-sizing: border-box;
padding: 5px 15px; padding: @card-padding;
font-size: 12px; font-size: @card-font-size;
.theme(color, '@text-color'); .theme(color, '@card-text-color');
.theme(background-color, '@background-color-light'); .theme(background-color, '@card-background-color');
&__header { &__header {
display: flex; display: flex;
@ -21,9 +21,9 @@
&__thumb { &__thumb {
position: relative; position: relative;
flex: none; flex: none;
width: 90px; width: @card-thumb-size;
height: 90px; height: @card-thumb-size;
margin-right: 10px; margin-right: @padding-xs;
&:empty { &:empty {
display: none; display: none;
@ -48,12 +48,12 @@
&__title { &__title {
font-weight: bold; font-weight: bold;
line-height: 16px; line-height: @card-title-line-height;
} }
&__desc { &__desc {
line-height: 20px; line-height: @card-desc-line-height;
.theme(color, '@gray-darker'); .theme(color, '@card-desc-color');
} }
&__bottom { &__bottom {
@ -63,15 +63,15 @@
&__price { &__price {
display: inline-block; display: inline-block;
font-weight: bold; font-weight: bold;
.theme(color, '@red'); .theme(color, '@card-price-color');
} }
&__origin-price { &__origin-price {
display: inline-block; display: inline-block;
margin-left: 5px; margin-left: 5px;
font-size: 10px; font-size: @card-origin-price-font-size;
text-decoration: line-through; text-decoration: line-through;
.theme(color, '@gray-darker'); .theme(color, '@card-origin-price-color');
} }
&__num { &__num {

13
packages/common/style/var.less
View File

@ -81,6 +81,19 @@
@button-border-radius: 2px; @button-border-radius: 2px;
@button-round-border-radius: 10em; @button-round-border-radius: 10em;
// Card
@card-padding: @padding-xs @padding-md;
@card-font-size: @font-size-sm;
@card-text-color: @text-color;
@card-background-color: @background-color-light;
@card-thumb-size: 90px;
@card-title-line-height: 16px;
@card-desc-color: @gray-darker;
@card-desc-line-height: 20px;
@card-price-color: @red;
@card-origin-price-color: @gray-darker;
@card-origin-price-font-size: @font-size-xs;
// Checkbox // Checkbox
@checkbox-size: 20px; @checkbox-size: 20px;
@checkbox-border-color: @gray-light; @checkbox-border-color: @gray-light;