From 62daac5cf66efe9ba705986ade6ec92364a3737a Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E9=99=88=E5=98=89=E6=B6=B5?= Date: Tue, 14 May 2019 11:10:10 +0800 Subject: [PATCH] [improvement] Address: add less vars --- packages/address-edit/index.less | 8 ++++---- packages/address-list/index.less | 18 +++++++++--------- packages/style/var.less | 17 +++++++++++++++++ 3 files changed, 30 insertions(+), 13 deletions(-) diff --git a/packages/address-edit/index.less b/packages/address-edit/index.less index 38de405a5..d8d6c84f0 100644 --- a/packages/address-edit/index.less +++ b/packages/address-edit/index.less @@ -2,10 +2,10 @@ .van-address-edit { &__buttons { - padding: 30px 15px; + padding: @address-edit-buttons-padding; .van-button { - margin-bottom: 15px; + margin-bottom: @address-edit-button-margin-bottom; } } @@ -13,8 +13,8 @@ padding: 0; &__finish { - color: @blue; - font-size: 12px; + color: @address-edit-detail-finish-color; + font-size: @address-edit-detail-fnish-font-size; } } } diff --git a/packages/address-list/index.less b/packages/address-list/index.less index 4962b72f2..67c7b729d 100644 --- a/packages/address-list/index.less +++ b/packages/address-list/index.less @@ -9,14 +9,14 @@ position: fixed; bottom: 0; left: 0; - z-index: 9999; + z-index: @address-list-add-button-z-index; } &__disabled-text { padding: 0 15px; - color: @gray-dark; - font-size: 12px; - line-height: 30px; + color: @address-list-disabled-text-color; + font-size: @address-list-disabled-text-font-size; + line-height: @address-list-disabled-text-line-height; } } @@ -35,15 +35,15 @@ } &__address { - color: @gray-darker; - font-size: 12px; - line-height: 16px; + color: @address-list-item-text-color; + font-size: @address-list-item-font-size; + line-height: @address-list-item-line-height; } &--disabled { .van-address-item__name, .van-address-item__address { - color: @gray-dark; + color: @address-list-item-disabled-text-color; } } @@ -51,7 +51,7 @@ position: absolute; top: 50%; right: 15px; - font-size: 16px; + font-size: @address-list-edit-icon-size; transform: translate(0, -50%); } } diff --git a/packages/style/var.less b/packages/style/var.less index 82806bc1d..0d121836b 100644 --- a/packages/style/var.less +++ b/packages/style/var.less @@ -32,6 +32,23 @@ @action-sheet-close-icon-size: 18px; @action-sheet-close-icon-color: @gray-dark; +// AddressEdit +@address-edit-buttons-padding: 30px 15px; +@address-edit-button-margin-bottom: 15px; +@address-edit-detail-finish-color: @blue; +@address-edit-detail-fnish-font-size: 12px; + +// AddressList +@address-list-disabled-text-color: @gray-dark; +@address-list-disabled-text-font-size: 12px; +@address-list-disabled-text-line-height: 30px; +@address-list-add-button-z-index: 9999; +@address-list-item-text-color: @gray-darker; +@address-list-item-disabled-text-color: @gray-dark; +@address-list-item-font-size: 12px; +@address-list-item-line-height: 16px; +@address-list-edit-icon-size: 16px; + // Button @button-mini-height: 22px; @button-mini-min-width: 50px;