vant 3.4.5 → 4.0.0-alpha.0

package/es/radio/var.less

@@ -1,11 +0,0 @@
-@import '../style/var.less';
-
-@radio-size: 20px;
-@radio-border-color: var(--van-gray-5);
-@radio-transition-duration: var(--van-animation-duration-fast);
-@radio-label-margin: var(--van-padding-xs);
-@radio-label-color: var(--van-text-color);
-@radio-checked-icon-color: var(--van-primary-color);
-@radio-disabled-icon-color: var(--van-gray-5);
-@radio-disabled-label-color: var(--van-text-color-3);
-@radio-disabled-background-color: var(--van-border-color);

package/es/rate/var.less

@@ -1,7 +0,0 @@
-@import '../style/var.less';
-
-@rate-icon-size: 20px;
-@rate-icon-gutter: var(--van-padding-base);
-@rate-icon-void-color: var(--van-gray-5);
-@rate-icon-full-color: var(--van-danger-color);
-@rate-icon-disabled-color: var(--van-gray-5);

package/es/search/var.less

@@ -1,13 +0,0 @@
-@import '../style/var.less';
-
-@search-padding: 10px var(--van-padding-sm);
-@search-background-color: var(--van-background-color-light);
-@search-content-background-color: var(--van-gray-1);
-@search-input-height: 34px;
-@search-label-padding: 0 5px;
-@search-label-color: var(--van-text-color);
-@search-label-font-size: var(--van-font-size-md);
-@search-left-icon-color: var(--van-gray-6);
-@search-action-padding: 0 var(--van-padding-xs);
-@search-action-text-color: var(--van-text-color);
-@search-action-font-size: var(--van-font-size-md);

package/es/share-sheet/var.less

@@ -1,18 +0,0 @@
-@import '../style/var.less';
-
-@share-sheet-header-padding: var(--van-padding-sm) var(--van-padding-md)
-  var(--van-padding-base);
-@share-sheet-title-color: var(--van-text-color);
-@share-sheet-title-font-size: var(--van-font-size-md);
-@share-sheet-title-line-height: var(--van-line-height-md);
-@share-sheet-description-color: var(--van-text-color-2);
-@share-sheet-description-font-size: var(--van-font-size-sm);
-@share-sheet-description-line-height: 16px;
-@share-sheet-icon-size: 48px;
-@share-sheet-option-name-color: var(--van-gray-7);
-@share-sheet-option-name-font-size: var(--van-font-size-sm);
-@share-sheet-option-description-color: var(--van-text-color-3);
-@share-sheet-option-description-font-size: var(--van-font-size-sm);
-@share-sheet-cancel-button-font-size: var(--van-font-size-lg);
-@share-sheet-cancel-button-height: 48px;
-@share-sheet-cancel-button-background: var(--van-background-color-light);

package/es/sidebar/var.less

@@ -1,3 +0,0 @@
-@import '../style/var.less';
-
-@sidebar-width: 80px;

package/es/sidebar-item/var.less

@@ -1,15 +0,0 @@
-@import '../style/var.less';
-
-@sidebar-font-size: var(--van-font-size-md);
-@sidebar-line-height: var(--van-line-height-md);
-@sidebar-text-color: var(--van-text-color);
-@sidebar-disabled-text-color: var(--van-text-color-3);
-@sidebar-padding: 20px var(--van-padding-sm);
-@sidebar-active-color: var(--van-active-color);
-@sidebar-background-color: var(--van-background-color);
-@sidebar-selected-font-weight: var(--van-font-weight-bold);
-@sidebar-selected-text-color: var(--van-text-color);
-@sidebar-selected-border-width: 4px;
-@sidebar-selected-border-height: 16px;
-@sidebar-selected-border-color: var(--van-danger-color);
-@sidebar-selected-background-color: var(--van-background-color-light);

package/es/skeleton/var.less

@@ -1,9 +0,0 @@
-@import '../style/var.less';
-
-@skeleton-row-height: 16px;
-@skeleton-row-background-color: var(--van-active-color);
-@skeleton-row-margin-top: var(--van-padding-sm);
-@skeleton-title-width: 40%;
-@skeleton-avatar-size: 32px;
-@skeleton-avatar-background-color: var(--van-active-color);
-@skeleton-animation-duration: 1.2s;

package/es/slider/var.less

@@ -1,11 +0,0 @@
-@import '../style/var.less';
-
-@slider-active-background-color: var(--van-primary-color);
-@slider-inactive-background-color: var(--van-gray-3);
-@slider-disabled-opacity: var(--van-disabled-opacity);
-@slider-bar-height: 2px;
-@slider-button-width: 24px;
-@slider-button-height: 24px;
-@slider-button-border-radius: 50%;
-@slider-button-background-color: var(--van-white);
-@slider-button-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);

package/es/step/var.less

@@ -1,13 +0,0 @@
-@import '../style/var.less';
-
-@step-text-color: var(--van-text-color-2);
-@step-active-color: var(--van-success-color);
-@step-process-text-color: var(--van-text-color);
-@step-font-size: var(--van-font-size-md);
-@step-line-color: var(--van-border-color);
-@step-finish-line-color: var(--van-success-color);
-@step-finish-text-color: var(--van-text-color);
-@step-icon-size: 12px;
-@step-circle-size: 5px;
-@step-circle-color: var(--van-gray-6);
-@step-horizontal-title-font-size: var(--van-font-size-sm);

package/es/stepper/var.less

@@ -1,15 +0,0 @@
-@import '../style/var.less';
-
-@stepper-background-color: var(--van-active-color);
-@stepper-button-icon-color: var(--van-text-color);
-@stepper-button-disabled-color: var(--van-background-color);
-@stepper-button-disabled-icon-color: var(--van-gray-5);
-@stepper-button-round-theme-color: var(--van-danger-color);
-@stepper-input-width: 32px;
-@stepper-input-height: 28px;
-@stepper-input-font-size: var(--van-font-size-md);
-@stepper-input-line-height: normal;
-@stepper-input-text-color: var(--van-text-color);
-@stepper-input-disabled-text-color: var(--van-text-color-3);
-@stepper-input-disabled-background-color: var(--van-active-color);
-@stepper-border-radius: var(--van-border-radius-md);

package/es/steps/var.less

@@ -1,3 +0,0 @@
-@import '../style/var.less';
-
-@steps-background-color: var(--van-background-color-light);

package/es/sticky/var.less

@@ -1,3 +0,0 @@
-@import '../style/var.less';
-
-@sticky-z-index: 99;

package/es/style/var.less

@@ -1,74 +0,0 @@
-// Color Palette
-@black: #000;
-@white: #fff;
-@gray-1: #f7f8fa;
-@gray-2: #f2f3f5;
-@gray-3: #ebedf0;
-@gray-4: #dcdee0;
-@gray-5: #c8c9cc;
-@gray-6: #969799;
-@gray-7: #646566;
-@gray-8: #323233;
-@red: #ee0a24;
-@blue: #1989fa;
-@orange: #ff976a;
-@orange-dark: #ed6a0c;
-@orange-light: #fffbe8;
-@green: #07c160;
-
-// Gradient Colors
-@gradient-red: linear-gradient(to right, #ff6034, #ee0a24);
-@gradient-orange: linear-gradient(to right, #ffd01e, #ff8917);
-
-// Component Colors
-@primary-color: var(--van-blue);
-@success-color: var(--van-green);
-@danger-color: var(--van-red);
-@warning-color: var(--van-orange);
-@text-color: var(--van-gray-8);
-@text-color-2: var(--van-gray-6);
-@text-color-3: var(--van-gray-5);
-@text-link-color: #576b95;
-@active-color: var(--van-gray-2);
-@active-opacity: 0.6;
-@disabled-opacity: 0.5;
-@background-color: var(--van-gray-1);
-@background-color-light: var(--van-white);
-
-// Padding
-@padding-base: 4px;
-@padding-xs: @padding-base * 2;
-@padding-sm: @padding-base * 3;
-@padding-md: @padding-base * 4;
-@padding-lg: @padding-base * 6;
-@padding-xl: @padding-base * 8;
-
-// Font
-@font-size-xs: 10px;
-@font-size-sm: 12px;
-@font-size-md: 14px;
-@font-size-lg: 16px;
-@font-weight-bold: 500;
-@line-height-xs: 14px;
-@line-height-sm: 18px;
-@line-height-md: 20px;
-@line-height-lg: 22px;
-@base-font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue',
-  Helvetica, Segoe UI, Arial, Roboto, 'PingFang SC', 'miui', 'Hiragino Sans GB',
-  'Microsoft Yahei', sans-serif;
-@price-integer-font-family: Avenir-Heavy, PingFang SC, Helvetica Neue, Arial,
-  sans-serif;
-
-// Animation
-@animation-duration-base: 0.3s;
-@animation-duration-fast: 0.2s;
-@animation-timing-function-enter: ease-out;
-@animation-timing-function-leave: ease-in;
-
-// Border
-@border-color: var(--van-gray-3);
-@border-width-base: 1px;
-@border-radius-sm: 2px;
-@border-radius-md: 4px;
-@border-radius-lg: 8px;
-@border-radius-max: 999px;

package/es/submit-bar/var.less

@@ -1,22 +0,0 @@
-@import '../style/var.less';
-
-@submit-bar-height: 50px;
-@submit-bar-z-index: 100;
-@submit-bar-background-color: var(--van-background-color-light);
-@submit-bar-button-width: 110px;
-@submit-bar-price-color: var(--van-danger-color);
-@submit-bar-price-font-size: var(--van-font-size-md);
-@submit-bar-currency-font-size: var(--van-font-size-md);
-@submit-bar-text-color: var(--van-text-color);
-@submit-bar-text-font-size: var(--van-font-size-md);
-@submit-bar-tip-padding: var(--van-padding-xs) var(--van-padding-sm);
-@submit-bar-tip-font-size: var(--van-font-size-sm);
-@submit-bar-tip-line-height: 1.5;
-@submit-bar-tip-color: var(--van-orange-dark);
-@submit-bar-tip-background-color: var(--van-orange-light);
-@submit-bar-tip-icon-size: 12px;
-@submit-bar-button-height: 40px;
-@submit-bar-padding: 0 var(--van-padding-md);
-@submit-bar-price-font-size: var(--van-font-size-sm);
-@submit-bar-price-integer-font-size: 20px;
-@submit-bar-price-font-family: var(--van-price-integer-font-family);

package/es/swipe/var.less

@@ -1,8 +0,0 @@
-@import '../style/var.less';
-
-@swipe-indicator-size: 6px;
-@swipe-indicator-margin: var(--van-padding-sm);
-@swipe-indicator-active-opacity: 1;
-@swipe-indicator-inactive-opacity: 0.3;
-@swipe-indicator-active-background-color: var(--van-primary-color);
-@swipe-indicator-inactive-background-color: var(--van-border-color);

package/es/switch/var.less

@@ -1,14 +0,0 @@
-@import '../style/var.less';
-
-@switch-size: 30px;
-@switch-width: 2em;
-@switch-height: 1em;
-@switch-node-size: 1em;
-@switch-node-background-color: var(--van-white);
-@switch-node-box-shadow: 0 3px 1px 0 rgba(0, 0, 0, 0.05),
-  0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 3px 3px 0 rgba(0, 0, 0, 0.05);
-@switch-background-color: var(--van-background-color-light);
-@switch-on-background-color: var(--van-primary-color);
-@switch-transition-duration: var(--van-animation-duration-base);
-@switch-disabled-opacity: var(--van-disabled-opacity);
-@switch-border: var(--van-border-width-base) solid rgba(0, 0, 0, 0.1);

package/es/tabbar/var.less

@@ -1,5 +0,0 @@
-@import '../style/var.less';
-
-@tabbar-height: 50px;
-@tabbar-z-index: 1;
-@tabbar-background-color: var(--van-background-color-light);

package/es/tabbar-item/var.less

@@ -1,9 +0,0 @@
-@import '../style/var.less';
-
-@tabbar-item-font-size: var(--van-font-size-sm);
-@tabbar-item-text-color: var(--van-gray-7);
-@tabbar-item-active-color: var(--van-primary-color);
-@tabbar-item-active-background-color: var(--van-background-color-light);
-@tabbar-item-line-height: 1;
-@tabbar-item-icon-size: 22px;
-@tabbar-item-icon-margin-bottom: var(--van-padding-base);

package/es/tabs/var.less

@@ -1,14 +0,0 @@
-@import '../style/var.less';
-
-@tab-text-color: var(--van-gray-7);
-@tab-active-text-color: var(--van-text-color);
-@tab-disabled-text-color: var(--van-text-color-3);
-@tab-font-size: var(--van-font-size-md);
-@tab-line-height: var(--van-line-height-md);
-@tabs-default-color: var(--van-danger-color);
-@tabs-line-height: 44px;
-@tabs-card-height: 30px;
-@tabs-nav-background-color: var(--van-background-color-light);
-@tabs-bottom-bar-width: 40px;
-@tabs-bottom-bar-height: 3px;
-@tabs-bottom-bar-color: @tabs-default-color;

package/es/tag/var.less

@@ -1,18 +0,0 @@
-@import '../style/var.less';
-
-@tag-padding: 0 var(--van-padding-base);
-@tag-text-color: var(--van-white);
-@tag-font-size: var(--van-font-size-sm);
-@tag-border-radius: 2px;
-@tag-line-height: 16px;
-@tag-medium-padding: 2px 6px;
-@tag-large-padding: var(--van-padding-base) var(--van-padding-xs);
-@tag-large-border-radius: var(--van-border-radius-md);
-@tag-large-font-size: var(--van-font-size-md);
-@tag-round-border-radius: var(--van-border-radius-max);
-@tag-danger-color: var(--van-danger-color);
-@tag-primary-color: var(--van-primary-color);
-@tag-success-color: var(--van-success-color);
-@tag-warning-color: var(--van-warning-color);
-@tag-default-color: var(--van-gray-6);
-@tag-plain-background-color: var(--van-background-color-light);

package/es/toast/var.less

@@ -1,17 +0,0 @@
-@import '../style/var.less';
-
-@toast-max-width: 70%;
-@toast-font-size: var(--van-font-size-md);
-@toast-text-color: var(--van-white);
-@toast-loading-icon-color: var(--van-white);
-@toast-line-height: var(--van-line-height-md);
-@toast-border-radius: var(--van-border-radius-lg);
-@toast-background-color: rgba(0, 0, 0, 0.7);
-@toast-icon-size: 36px;
-@toast-text-min-width: 96px;
-@toast-text-padding: var(--van-padding-xs) var(--van-padding-sm);
-@toast-default-padding: var(--van-padding-md);
-@toast-default-width: 88px;
-@toast-default-min-height: 88px;
-@toast-position-top-distance: 20%;
-@toast-position-bottom-distance: 20%;

package/es/tree-select/var.less

@@ -1,10 +0,0 @@
-@import '../style/var.less';
-
-@tree-select-font-size: var(--van-font-size-md);
-@tree-select-nav-background-color: var(--van-background-color);
-@tree-select-content-background-color: var(--van-background-color-light);
-@tree-select-nav-item-padding: 14px var(--van-padding-sm);
-@tree-select-item-height: 48px;
-@tree-select-item-active-color: var(--van-danger-color);
-@tree-select-item-disabled-color: var(--van-gray-5);
-@tree-select-item-selected-size: 16px;

package/es/uploader/var.less

@@ -1,27 +0,0 @@
-@import '../style/var.less';
-
-@uploader-size: 80px;
-@uploader-icon-size: 24px;
-@uploader-icon-color: var(--van-gray-4);
-@uploader-text-color: var(--van-text-color-2);
-@uploader-text-font-size: var(--van-font-size-sm);
-@uploader-upload-background-color: var(--van-gray-1);
-@uploader-upload-active-color: var(--van-active-color);
-@uploader-delete-color: var(--van-white);
-@uploader-delete-icon-size: 14px;
-@uploader-delete-background-color: rgba(0, 0, 0, 0.7);
-@uploader-file-background-color: var(--van-background-color);
-@uploader-file-icon-size: 20px;
-@uploader-file-icon-color: var(--van-gray-7);
-@uploader-file-name-padding: 0 var(--van-padding-base);
-@uploader-file-name-margin-top: var(--van-padding-xs);
-@uploader-file-name-font-size: var(--van-font-size-sm);
-@uploader-file-name-text-color: var(--van-gray-7);
-@uploader-mask-text-color: var(--van-white);
-@uploader-mask-background-color: rgba(50, 50, 51, 0.88);
-@uploader-mask-icon-size: 22px;
-@uploader-mask-message-font-size: var(--van-font-size-sm);
-@uploader-mask-message-line-height: var(--van-line-height-xs);
-@uploader-loading-icon-size: 22px;
-@uploader-loading-icon-color: var(--van-white);
-@uploader-disabled-opacity: var(--van-disabled-opacity);

package/lib/action-bar/var.less

@@ -1,4 +0,0 @@
-@import '../style/var.less';
-
-@action-bar-background-color: var(--van-background-color-light);
-@action-bar-height: 50px;

package/lib/action-bar-button/var.less

@@ -1,5 +0,0 @@
-@import '../style/var.less';
-
-@action-bar-button-height: 40px;
-@action-bar-button-warning-color: var(--van-gradient-orange);
-@action-bar-button-danger-color: var(--van-gradient-red);

package/lib/action-bar-icon/var.less

@@ -1,10 +0,0 @@
-@import '../style/var.less';
-
-@action-bar-icon-width: 48px;
-@action-bar-icon-height: 100%;
-@action-bar-icon-color: var(--van-text-color);
-@action-bar-icon-size: 18px;
-@action-bar-icon-font-size: var(--van-font-size-xs);
-@action-bar-icon-active-color: var(--van-active-color);
-@action-bar-icon-text-color: var(--van-gray-7);
-@action-bar-icon-background-color: var(--van-background-color-light);

package/lib/action-sheet/var.less

@@ -1,23 +0,0 @@
-@import '../style/var.less';
-
-@action-sheet-max-height: 80%;
-@action-sheet-header-height: 48px;
-@action-sheet-header-font-size: var(--van-font-size-lg);
-@action-sheet-description-color: var(--van-text-color-2);
-@action-sheet-description-font-size: var(--van-font-size-md);
-@action-sheet-description-line-height: var(--van-line-height-md);
-@action-sheet-item-background: var(--van-background-color-light);
-@action-sheet-item-font-size: var(--van-font-size-lg);
-@action-sheet-item-line-height: var(--van-line-height-lg);
-@action-sheet-item-text-color: var(--van-text-color);
-@action-sheet-item-disabled-text-color: var(--van-text-color-3);
-@action-sheet-subname-color: var(--van-text-color-2);
-@action-sheet-subname-font-size: var(--van-font-size-sm);
-@action-sheet-subname-line-height: var(--van-line-height-sm);
-@action-sheet-close-icon-size: 22px;
-@action-sheet-close-icon-color: var(--van-gray-5);
-@action-sheet-close-icon-padding: 0 var(--van-padding-md);
-@action-sheet-cancel-text-color: var(--van-gray-7);
-@action-sheet-cancel-padding-top: var(--van-padding-xs);
-@action-sheet-cancel-padding-color: var(--van-background-color);
-@action-sheet-loading-icon-size: 22px;

package/lib/address-edit/var.less

@@ -1,6 +0,0 @@
-@import '../style/var.less';
-
-@address-edit-padding: var(--van-padding-sm);
-@address-edit-buttons-padding: var(--van-padding-xl) var(--van-padding-base);
-@address-edit-button-margin-bottom: var(--van-padding-sm);
-@address-edit-button-font-size: var(--van-font-size-lg);

package/lib/address-list/var.less

@@ -1,16 +0,0 @@
-@import '../style/var.less';
-
-@address-list-padding: var(--van-padding-sm) var(--van-padding-sm) 80px;
-@address-list-disabled-text-color: var(--van-text-color-2);
-@address-list-disabled-text-padding: calc(var(--van-padding-base) * 5) 0
-  var(--van-padding-md);
-@address-list-disabled-text-font-size: var(--van-font-size-md);
-@address-list-disabled-text-line-height: var(--van-line-height-md);
-@address-list-add-button-z-index: 999;
-@address-list-item-padding: var(--van-padding-sm);
-@address-list-item-text-color: var(--van-text-color);
-@address-list-item-disabled-text-color: var(--van-text-color-3);
-@address-list-item-font-size: 13px;
-@address-list-item-line-height: var(--van-line-height-sm);
-@address-list-item-radio-icon-color: var(--van-danger-color);
-@address-list-edit-icon-size: 20px;

package/lib/badge/var.less

@@ -1,12 +0,0 @@
-@import '../style/var.less';
-
-@badge-size: 16px;
-@badge-color: var(--van-white);
-@badge-padding: 0 3px;
-@badge-font-size: var(--van-font-size-sm);
-@badge-font-weight: var(--van-font-weight-bold);
-@badge-border-width: var(--van-border-width-base);
-@badge-background-color: var(--van-danger-color);
-@badge-dot-color: var(--van-danger-color);
-@badge-dot-size: 8px;
-@badge-font-family: -apple-system-font, Helvetica Neue, Arial, sans-serif;

package/lib/button/var.less

@@ -1,36 +0,0 @@
-@import '../style/var.less';
-
-@button-mini-height: 24px;
-@button-mini-padding: 0 var(--van-padding-base);
-@button-mini-font-size: var(--van-font-size-xs);
-@button-small-height: 32px;
-@button-small-padding: 0 var(--van-padding-xs);
-@button-small-font-size: var(--van-font-size-sm);
-@button-normal-padding: 0 15px;
-@button-normal-font-size: var(--van-font-size-md);
-@button-large-height: 50px;
-@button-default-height: 44px;
-@button-default-line-height: 1.2;
-@button-default-font-size: var(--van-font-size-lg);
-@button-default-color: var(--van-text-color);
-@button-default-background-color: var(--van-background-color-light);
-@button-default-border-color: var(--van-border-color);
-@button-primary-color: var(--van-white);
-@button-primary-background-color: var(--van-primary-color);
-@button-primary-border-color: var(--van-primary-color);
-@button-success-color: var(--van-white);
-@button-success-background-color: var(--van-success-color);
-@button-success-border-color: var(--van-success-color);
-@button-danger-color: var(--van-white);
-@button-danger-background-color: var(--van-danger-color);
-@button-danger-border-color: var(--van-danger-color);
-@button-warning-color: var(--van-white);
-@button-warning-background-color: var(--van-warning-color);
-@button-warning-border-color: var(--van-warning-color);
-@button-border-width: var(--van-border-width-base);
-@button-border-radius: var(--van-border-radius-sm);
-@button-round-border-radius: var(--van-border-radius-max);
-@button-plain-background-color: var(--van-white);
-@button-disabled-opacity: var(--van-disabled-opacity);
-@button-icon-size: 1.2em;
-@button-loading-icon-size: 20px;

package/lib/calendar/var.less

@@ -1,27 +0,0 @@
-@import '../style/var.less';
-
-@calendar-background-color: var(--van-background-color-light);
-@calendar-popup-height: 80%;
-@calendar-header-box-shadow: 0 2px 10px rgba(125, 126, 128, 0.16);
-@calendar-header-title-height: 44px;
-@calendar-header-title-font-size: var(--van-font-size-lg);
-@calendar-header-subtitle-font-size: var(--van-font-size-md);
-@calendar-weekdays-height: 30px;
-@calendar-weekdays-font-size: var(--van-font-size-sm);
-@calendar-month-title-font-size: var(--van-font-size-md);
-@calendar-month-mark-color: rgba(242, 243, 245, 0.8);
-@calendar-month-mark-font-size: 160px;
-@calendar-day-height: 64px;
-@calendar-day-font-size: var(--van-font-size-lg);
-@calendar-range-edge-color: var(--van-white);
-@calendar-range-edge-background-color: var(--van-danger-color);
-@calendar-range-middle-color: var(--van-danger-color);
-@calendar-range-middle-background-opacity: 0.1;
-@calendar-selected-day-size: 54px;
-@calendar-selected-day-color: var(--van-white);
-@calendar-info-font-size: var(--van-font-size-xs);
-@calendar-info-line-height: var(--van-line-height-xs);
-@calendar-selected-day-background-color: var(--van-danger-color);
-@calendar-day-disabled-color: var(--van-text-color-3);
-@calendar-confirm-button-height: 36px;
-@calendar-confirm-button-margin: 7px 0;

package/lib/card/var.less

@@ -1,18 +0,0 @@
-@import '../style/var.less';
-
-@card-padding: var(--van-padding-xs) var(--van-padding-md);
-@card-font-size: var(--van-font-size-sm);
-@card-text-color: var(--van-text-color);
-@card-background-color: var(--van-gray-1);
-@card-thumb-size: 88px;
-@card-thumb-border-radius: var(--van-border-radius-lg);
-@card-title-line-height: 16px;
-@card-desc-color: var(--van-gray-7);
-@card-desc-line-height: var(--van-line-height-md);
-@card-price-color: var(--van-gray-8);
-@card-origin-price-color: var(--van-text-color-2);
-@card-num-color: var(--van-text-color-2);
-@card-origin-price-font-size: var(--van-font-size-xs);
-@card-price-font-size: var(--van-font-size-sm);
-@card-price-integer-font-size: var(--van-font-size-lg);
-@card-price-font-family: var(--van-price-integer-font-family);