支付宝小程序 mini-ali-ui 扩展组件 默认样式变量定义
卞俊贤
根据 \node_modules\mini-ali-ui\es\style\themes\default.acss
:root {
--am-color-brand-1: #1677ff;
--am-color-brand-2: #e7f1ff;
--am-color-red-1: #f93a4a;
--am-color-red-2: #ffeeef;
--am-color-pink-1: #ff6565;
--am-color-pink-2: #ffeeee;
--am-color-tangerine-1: #ff6010;
--am-color-tangerine-2: #ffece3;
--am-color-orange-1: #ff8f1f;
--am-color-orange-2: #ffefdf;
--am-color-golden-1: #c19030;
--am-color-golden-2: #fff3d9;
--am-color-golden-3: #fff9ed;
--am-color-pomonagreen-1: #00b578;
--am-color-pomonagreen-2: #d4fff1;
--am-color-darkgreen-1: #00bfd0;
--am-color-darkgreen-2: #ddfcff;
--am-color-skybule-1: #00b7f4;
--am-color-skybule-2: #e0f7ff;
--am-color-royallight-1: #4876ff;
--am-color-royallight-2: #ebefff;
--am-color-purple-1: #5260ff;
--am-color-purple-2: #edeeff;
--am-color-ironblack-1: #454955;
--am-color-ironblack-2: #f1f1f1;
--am-color-fill-primary: #1677ff;
--am-color-fill-primary-light: #e7f1ff;
--am-color-fill-warning: #ff3b30;
--am-color-fill-grey-base: #ccc;
--am-color-fill-grey-dark: #333;
--am-color-fill-grey-light: #e5e5e5;
--am-color-fill-grey-inverse: #fff;
--am-color-divider-line: #eeeeee;
--am-color-divider-background: #f5f5f5;
--am-color-product-mask: rgba(0, 0, 0, 0.55);
--am-color-marketing-mask: rgba(0, 0, 0, 0.75);
--am-color-text-primary: #1677ff;
--am-color-text-primary-light: #e7f1ff;
--am-color-text-warning: #ff3b30;
--am-color-text-title: #333;
--am-color-text-subtitle: #999;
--am-color-text-weak: #ccc;
--am-color-text-base: #fff;
--am-opacity-disabled: 0.4;
--am-font-size-stress: 27px;
--am-font-size-title: 18px;
--am-font-size-list: 17px;
--am-font-size-subtitle: 15px;
--am-font-size-content: 13px;
--am-font-size-subcontent: 12px;
--am-font-size-weak: 11px;
--am-font-family-alipay-number: DIN PRO;
--am-font-size-amount-core: 55px;
--am-font-size-amount-largenumber: 45px;
--am-font-size-amount-large: 30px;
--am-font-size-number-keyboard: 25px;
--am-line-height-base: 1;
--am-line-height-paragraph: 1.5;
--am-corner-radius-sm: 2px;
--am-corner-radius-md: 4px;
--am-corner-radius-md-plus: 6px;
--am-corner-radius-lg: 8px;
--am-corner-radius-circle: 50vh;
--am-size-0: 0;
--am-size-1: 4px;
--am-size-2: 8px;
--am-size-3: 12px;
--am-size-4: 16px;
--am-size-5: 20px;
--am-size-6: 24px;
--am-size-7: 28px;
--am-size-8: 32px;
--am-size-9: 36px;
--am-size-10: 40px;
--am-size-11: 44px;
--am-size-12: 48px;
--am-size-13: 52px;
--am-size-14: 56px;
--am-size-15: 60px;
--am-size-16: 64px;
--am-size-17: 68px;
--am-size-18: 72px;
--am-size-19: 76px;
--am-size-20: 80px;
--am-h-spacing-standard: 8px;
--am-h-spacing-large: 12px;
--am-v-spacing-standard: 8px;
--am-v-spacing-large: 12px;
--am-border-width-standard: 1px;
--am-border-width-thick: 2px;
--am-icon-size-xs: 18px;
--am-icon-size-sm: 22px;
--am-icon-size-md: 28px;
--am-icon-size-lg: 32px;
}
:root {
--am-input-item-placeholder-color: var(--am-color-text-weak);
--am-input-item-label-color: var(--am-color-text-title);
--am-input-item-color: var(--am-color-text-title);
--am-input-item-padding-left: var(--am-h-spacing-large);
--am-input-item-background: var(--am-color-fill-grey-inverse);
--am-input-line-padding-right: var(--am-h-spacing-large);
--am-input-line-min-height: var(--am-size-12);
--am-input-label-min-width: var(--am-size-20);
--am-input-content-height: var(--am-size-6);
--am-input-clear-size: var(--am-size-8);
--am-input-font-size: var(--am-font-size-list);
--am-input-label-font-size: var(--am-font-size-list);
--am-input-icon-size: var(--am-icon-size-sm);
--am-input-icon-line-height: var(--am-line-height-base);
--am-input-vlabel-paddingTB: var(--am-v-spacing-large);
--am-input-vlabel-font-size: var(--am-font-size-subtitle);
--am-input-vlabel-color: var(--am-color-text-subtitle);
--am-picker-placeholder-color: var(--am-color-text-weak);
--am-picker-padding-left: var(--am-h-spacing-large);
--am-picker-background: var(--am-color-fill-grey-inverse);
--am-picker-line-padding-right: var(--am-h-spacing-large);
--am-picker-line-min-height: var(--am-size-12);
--am-picker-label-min-width: var(--am-size-20);
--am-picker-label-color: var(--am-color-text-title);
--am-picker-wrapper-height: var(--am-size-6);
--am-picker-arrow-size: var(--am-size-4);
--am-picker-font-size: var(--am-font-size-list);
--am-picker-label-font-size: var(--am-font-size-list);
--am-picker-vlabel-font-size: var(--am-font-size-subtitle);
--am-picker-vlabel-color: var(--am-color-text-subtitle);
--am-picker-vlabel-paddingTB: var(--am-v-spacing-large);
--am-picker-content-value-color: var(--am-color-text-title);
--am-picker-arrow-marginLeft: var(--am-h-spacing-standard);
--am-verify-code-placeholder-color: var(--am-color-text-weak);
--am-verify-code-action-active-color: var(--am-color-text-primary);
--am-verify-code-action-inactive-color: var(--am-color-text-subtitle);
--am-verify-code-action-border-left-width: var(--am-border-width-standard);
--am-verify-code-action-border-left-color: var(--am-color-text-weak);
--am-verify-code-item-padding-left: var(--am-h-spacing-large);
--am-verify-code-action-padding-left: var(--am-h-spacing-large);
--am-verify-code-item-background: var(--am-color-fill-grey-inverse);
--am-verify-code-line-padding-right: var(--am-h-spacing-large);
--am-verify-code-line-min-height: var(--am-size-12);
--am-verify-code-label-min-width: var(--am-size-20);
--am-verify-code-label-color: var(--am-color-text-title);
--am-verify-code-content-height: var(--am-size-6);
--am-verify-code-icon-size: var(--am-icon-size-sm);
--am-verify-code-icon-line-height: var(--am-line-height-base);
--am-verify-code-font-size: var(--am-font-size-list);
--am-multi-liner-item-placeholder-color: var(--am-color-text-weak);
--am-multi-liner-item-label-color: var(--am-color-text-title);
--am-multi-liner-item-padding-left: var(--am-h-spacing-large);
--am-multi-liner-item-background: var(--am-color-fill-grey-inverse);
--am-multi-liner-line-padding-right: var(--am-size-3);
--am-multi-liner-line-min-height: var(--am-size-12);
--am-multi-liner-label-min-width: var(--am-size-20);
--am-multi-liner-label-color: var(--am-color-text-title);
--am-multi-liner-content-height: var(--am-size-6);
--am-multi-liner-font-size: var(--am-font-size-list);
--am-multi-liner-content-padding: var(--am-h-spacing-large);
--am-long-password-item-background: var(--am-color-fill-grey-inverse);
--am-long-password-item-padding-left: var(--am-h-spacing-large);
--am-long-password-line-padding-right: var(--am-h-spacing-large);
--am-long-password-line-min-height: var(--am-size-12);
--am-long-password-content-color: var(--am-color-text-title);
--am-long-password-font-size: var(--am-font-size-list);
--am-long-password-eye-spacing: var(--am-h-spacing-large);
--am-long-password-icon-size: var(--am-icon-size-sm);
--am-long-password-icon-line-height: var(--am-line-height-base);
--am-amount-padding-horizontal: var(--am-color-text-weak);
--am-amount-padding-vertical: var(--am-color-text-weak);
--am-amount-placeholder-color: var(--am-color-text-weak);
--am-amount-placeholder-font-size: var(--am-font-size-subcontent);
--am-amount-title-color: var(--am-color-text-title);
--am-amount-title-height: var(--am-size-6);
--am-amount-background: var(--am-color-fill-grey-inverse);
--am-amount-input-padding-bottom: var(--am-v-spacing-standard);
--am-amount-input-height: var(--am-size-12);
--am-amount-input-line-height: var(--am-line-height-base);
--am-amount-symbol-color: var(--am-color-text-title);
--am-amount-symbol-font-size: var(--am-font-size-amount-large);
--am-amount-symbol-line-height: var(--am-line-height-base);
--am-amount-a-input-padding: var(--am-h-spacing-standard);
--am-amount-placeholder-font-size: var(--am-font-size-amount-large);
--am-amount-footer-padding-top: var(--am-h-spacing-large);
--am-amount-footer-line-height: var(--am-line-height-base);
--am-amount-extra-line-height: var(--am-line-height-base);
--am-amount-extra-color: var(--am-color-text-subtitle);
--am-amount-extra-font-size: var(--am-font-size-subtitle);
--am-amount-btn-font-size: var(--am-font-size-subtitle);
--am-amount-btn-font-color: var(--am-color-text-primary);
--am-amount-btn-line-height: var(--am-line-height-base);
--am-amount-title-line-height: var(--am-line-height-base);
--am-amount-title-font-size: var(--am-color-text-title);
--am-amount-content-line-height: var(--am-line-height-base);
--am-amount-value-margin-top: var(--am-size-6);
--am-footer-divider-content-paddingLR: var(12px);
--am-footer-divider-content-paddingTB: var(20px);
--am-footer-divider-paddingLR: var(12px);
--am-notice-paddingV: var(--am-v-spacing-standard);
--am-notice-paddingH: var(--am-h-spacing-large);
--am-notice-color: var(--am-color-tangerine-1);
--am-notice-bgc: var(--am-color-golden-3);
--am-notice-icon-size: var(--am-icon-size-xs);
--am-notice-borderWidth: var(--am-border-width-standard);
--am-notice-borderColor: var(--am-color-golden-2);
--am-notice-error-color: var(--am-color-text-base);
--am-notice-error-borderColor: var(--am-color-golden-2);
--am-notice-error-bgc: var(--am-color-fill-warning);
--am-notice-active-color: var(--am-color-text-primary);
--am-notice-active-bgc: #d0e4ff;
--am-notice-active-borderColor: #bed9ff;
--am-notice-thumb-marginRight: var(--am-h-spacing-standard);
--am-notice-content-fontSize: var(--am-font-size-subtitle);
--am-notice-content-lineHeight: var(--am-line-height-paragraph);
--am-notice-operation-FontSize: var(--am-font-size-subtitle);
--am-notice-operation-color: var(--am-color-text-warning);
--am-notice-operation-marginLeft: var(--am-h-spacing-standard);
--am-notice-capsule-item-marginRight: var(--am-h-spacing-standard);
--am-notice-capsule-item-paddingRight: var(--am-h-spacing-standard);
--am-notice-capsule-radius: var(--am-corner-radius-circle);
--am-notice-capsule-item-size: var(--am-icon-size-sm);
--am-notice-capsule-item-borderWidth: var(--am-border-width-thick);
--am-notice-capsule-item-borderColor: var(--am-color-fill-grey-inverse);
--am-notice-capsule-bgc: var(--am-color-fill-grey-inverse);
--am-notice-capsule-borderColor: var(--am-color-fill-grey-light);
--am-title-paddingB: var(--am-v-spacing-large);
--am-title-paddingLR: var(--am-h-spacing-large);
--am-title-marginBottom: var(--am-v-spacing-large);
--am-title-borderWidth: var(--am-border-width-standard);
--am-title-borderColor: var(--am-color-divider-line);
--am-title-text-fontSize: var(--am-font-size-subtitle);
--am-title-text-color: var(--am-color-text-title);
--am-title-icon-width: var(--am-size-6);
--am-title-icon-height: var(--am-size-6);
--am-title-icon-marginRight: var(--am-h-spacing-standard);
--am-operation-icon-width: var(--am-size-6);
--am-operation-icon-height: var(--am-size-6);
--am-title-operation-lineHeight: var(--am-size-6);
--am-title-operation-marginLeft: var(--am-h-spacing-standard);
--am-title-operation-icon-color: var(--am-color-text-weak);
--am-title-operation-icon-size: var(--am-icon-size-xs);
--am-container-corner-radius: var(--am-corner-radius-lg);
--am-container-item-corner-radius: var(--am-corner-radius-md);
--am-container-background: var(--am-color-fill-grey-inverse);
--am-container-padding-v: var(--am-v-spacing-large);
--am-container-padding-h: var(--am-h-spacing-large);
--am-container-padding-item: var(--am-v-spacing-standard);
--am-list-item-outside-spacing: var(--am-h-spacing-large);
--am-list-item-border-radius: var(--am-corner-radius-lg);
--am-list-item-content-color: var(--am-color-text-title);
--am-list-item-content-subtitle-color: var(--am-color-text-subtitle);
--am-list-item-content-title-size: var(--am-font-size-list);
--am-list-item-subtitle-size: var(--am-font-size-subtitle);
--am-list-item-content-subtitle-size-small: var(--am-font-size-content);
--am-list-item-content-padding: var(--am-v-spacing-large);
--am-list-item-background: var(--am-color-fill-grey-inverse);
--am-list-item-line-height: var(--am-line-height-paragraph);
--am-list-item-padding: var(--am-h-spacing-large);
--am-list-item-padding-vertical: var(--am-v-spacing-large);
--am-list-item-min-height: var(--am-size-12);
--am-list-item-extra-size: var(--am-font-size-subtitle);
--am-list-item-extra-color: var(--am-color-text-subtitle);
--am-list-item-arrow-margin: var(--am-h-spacing-large);
--am-list-item-arrow-size: var(--am-icon-size-sm);
--am-list-load-padding: var(--am-v-spacing-large);
--am-list-load-fontSize: var(--am-font-size-subtitle);
--am-list-load-lineHeight: var(--am-line-height-paragraph);
--am-list-load-txt-paddingLR: var(--am-h-spacing-standard);
--am-list-load-txt-color: var(--am-color-text-subtitle);
--am-list-load-over-padding: var(--am-v-spacing-large);
--am-list-load-over-fontSize: var(--am-font-size-weak);
--am-list-load-over-color: var(--am-color-text-weak);
--am-list-secondary-title-size: var(--am-font-size-list);
--am-list-secondary-subtitle-size: var(--am-font-size-subtitle);
--am-list-secondary-title-color: var(--am-color-text-title);
--am-list-secondary-subtitle-color: var(--am-color-text-subtitle);
--am-list-switch-content-color: var(--am-color-text-title);
--am-list-switch-content-font-size: var(--am-font-size-list);
--am-list-switch-background: var(--am-color-fill-grey-inverse);
--am-list-switch-line-height: var(--am-line-height-paragraph);
--am-list-switch-padding: var(--am-h-spacing-large);
--am-list-switch-padding-vertical: var(--am-v-spacing-large);
--am-list-switch-min-height: var(--am-size-12);
--am-list-switch-color-on: var(--am-color-fill-primary);
--am-list-switch-color-off: var(--am-color-fill-grey-inverse);
--am-list-switch-nob-color: var(--am-color-fill-grey-inverse);
--am-list-check-content-color: var(--am-color-text-title);
--am-list-check-content-font-size: var(--am-font-size-list);
--am-list-check-background: var(--am-color-fill-grey-inverse);
--am-list-check-line-height: var(--am-line-height-paragraph);
--am-list-check-padding: var(--am-h-spacing-large);
--am-list-check-padding-vertical: var(--am-v-spacing-large);
--am-list-check-min-height: var(--am-size-12);
--am-list-capsule-content-color: var(--am-color-text-title);
--am-list-capsule-content-font-size: var(--am-font-size-list);
--am-list-capsule-background: var(--am-color-fill-grey-inverse);
--am-list-capsule-line-height: var(--am-line-height-paragraph);
--am-list-capsule-padding: var(--am-h-spacing-large);
--am-list-capsule-padding-vertical: var(--am-v-spacing-large);
--am-list-capsule-min-height: var(--am-size-12);
--am-list-capsule-btn-color: var(--am-color-text-primary);
--am-list-capsule-btn-font-size: var(--am-font-size-subcontent);
--am-list-capsule-btn-border-width: var(--am-border-width-standard);
--am-list-capsule-btn-border-color: var(--am-color-fill-primary);
--am-list-capsule-btn-padding: var(--am-h-spacing-large);
--am-list-footer-header-color: var(--am-color-text-title);
--am-list-footer-header-min-height: var(--am-size-12);
--am-list-header-font-size: var(--am-font-size-list);
--am-list-padding: var(--am-h-spacing-large);
--am-list-header-padding-top: var(--am-h-spacing-large);
--am-list-header-padding-bottom: var(--am-h-spacing-standard);
--am-list-footer-padding-top: var(--am-h-spacing-standard);
--am-list-footer-padding-bottom: var(--am-h-spacing-large);
--am-list-background: var(--am-color-fill-grey-inverse);
--am-list-load-more-color: var(--am-color-fill-grey-dark);
--am-alphabet-letter-size: var(--am-size-4);
--am-alphabet-letter-font-size: var(--am-font-size-weak);
--am-alphabet-letter-border-radius: var(--am-corner-radius-circle);
--am-alphabet-letter-chosen-background: var(--am-color-fill-primary);
--am-alphabet-letter-chosen-text-color: var(--am-color-text-base);
--am-alphabet-min-height: var(--am-size-12);
--am-alphabet-letter-color: var(--am-color-text-subtitle);
--am-alphabet-bubble-color: var(--am-color-text-subtitle);
--am-alphabet-bubble-background: var(--am-color-fill-grey-base);
--am-alphabet-bubble-font-size: var(--am-font-size-stress);
--am-alphabet-bubble-top: var(--am-size-4);
--am-alphabet-bubble-right: var(--am-size-12);
--am-alphabet-bubble-width: var(--am-size-12);
--am-alphabet-bubble-height: var(--am-size-12);
--am-alphabet-content-paddingTB: var(--am-v-spacing-large);
--am-alphabet-content-width: var(--am-size-12);
--am-button-padding: var(--am-size-3);
--am-button-corner-radius: var(--am-corner-radius-md);
--am-button-title-size: var(--am-font-size-title);
--am-button-doubleline-title-size: var(--am-font-size-list);
--am-button-subtitle-size: var(--am-font-size-subcontent);
--am-button-border-size: var(--am-border-width-standard);
--am-button-disabled-opacity: var(--am-opacity-disabled);
--am-button-color: var(--am-color-fill-grey-dark);
--am-button-background: var(--am-color-fill-grey-inverse);
--am-button-border-color: var(--am-color-fill-grey-light);
--am-button-primary-background: var(--am-color-fill-primary);
--am-button-primary-border-color: var(--am-color-fill-primary);
--am-button-primary-color: var(--am-color-text-base);
--am-button-ghost-border-color: var(--am-color-fill-primary);
--am-button-ghost-color: var(--am-color-text-primary);
--am-button-warn-background: var(--am-color-fill-warning);
--am-button-warn-border-color: var(--am-color-fill-warning);
--am-button-warn-color: var(--am-color-text-base);
--am-button-warn-ghost-border-color: var(--am-color-fill-warning);
--am-button-warn-ghost-color: var(--am-color-text-warning);
--am-button-light-background: var(--am-color-fill-primary-light);
--am-button-light-border-color: var(--am-color-fill-primary-light);
--am-button-light-color: var(--am-color-text-primary);
--am-button-text-color: var(--am-color-fill-primary);
--am-button-capsule-corner: var(--am-corner-radius-md);
--am-button-capsule-padding-h: var(--am-size-3);
--am-button-capsule-padding-v: var(--am-size-1);
--am-button-capsule-size-l: var(--am-font-size-subtitle);
--am-button-capsule-size-m: var(--am-font-size-content);
--am-button-capsule-size-s: var(--am-font-size-subcontent);
--am-tabs-padding: var(--am-h-spacing-large);
--am-tabs-plus-marginLeft: var(--am-h-spacing-large);
--am-tabs-fontSize: var(--am-font-size-list);
--am-tabs-capsule-paddingV: var(--am-v-spacing-large);
--am-tabs-capsule-marginRight: var(--am-h-spacing-large);
--am-tabs-subTitle-marginRight: var(--am-size-4);
--am-tabs-subTitle-paddingH: var(--am-h-spacing-standard);
--am-tabs-subTitle-fontSize: var(--am-font-size-content);
--am-tabs-subTitle-lineHeght: var(--am-line-height-paragraph);
--am-tabs-title-marginRight: var(--am-size-6);
--am-tabs-title-paddingTop: var(--am-v-spacing-large);
--am-tabs-title-paddingBottom: var(--am-v-spacing-large);
--am-tabs-title-capsule-paddingTB: var(--am-h-spacing-standard);
--am-tabs-title-capsule-paddingLR: var(--am-h-spacing-large);
--am-tabs-title-capsule-bgc: var(--am-color-fill-grey-light);
--am-tabs-content-bgc: var(--am-color-fill-grey-inverse);
--am-tabs-number-marginLeft: var(--am-size-1);
--am-tabs-number-fontSize: var(--am-font-size-content);
--am-tabs-number-color: var(--am-color-text-subtitle);
--am-tabs-number-color__active: var(--am-color-text-base);
--am-tabs-content-borderWidth: var(--am-border-width-standard);
--am-tabs-content-borderColor: var(--am-color-divider-line);
--am-modal-title-fontSize: var(--am-font-size-title);
--am-modal-mask-backgroundColor: var(--am-color-product-mask);
--am-modal-market-mask-backgroundColor: var(--am-color-marketing-mask);
--am-modal-content-backgroundColor: var(--am-color-fill-grey-inverse);
--am-modal-content-radius: var(--am-corner-radius-lg);
--am-modal-content-padding-h: var(--am-h-spacing-large);
--am-modal-content-margin-v: var(--am-v-spacing-large);
--am-modal-title-lineHeight: var(--am-line-height-paragraph);
--am-modal-title-color: var(--am-color-text-title);
--am-modal-title-margin-v: var(--am-v-spacing-standard);
--am-modal-body-lineHeight: var(--am-line-height-paragraph);
--am-modal-body-color: var(--am-color-text-title);
--am-modal-body-fontSize: var(--am-font-size-subtitle);
--am-modal-footer-fontSize: var(--am-font-size-title);
--am-modal-footer-color: var(--am-color-text-primary);
--am-steps-bg-color: var(--am-color-fill-grey-inverse);
--am-steps-color: var(--am-color-fill-primary);
--am-steps-bg-color: var(--am-color-fill-grey-light);
--am-steps-icon-border-radius: var(--am-corner-radius-circle);
--am-steps-vertical-title-active-color: var(--am-color-text-primary);
--am-steps-horizontal-title-active-color: var(--am-color-text-primary);
--am-steps-title-color: var(--am-color-text-title);
--am-steps-description-color: var(--am-color-text-subtitle);
--am-steps-vertical-warning-color: var(--am-color-text-warning);
--am-steps-horizontal-warning-color: var(--am-color-text-warning);
--am-steps-horizontal-title-size: var(--am-font-size-subcontent);
--am-steps-horizontal-description-size: var(--am-font-size-subcontent);
--am-steps-vertical-title-size: var(--am-font-size-list);
--am-steps-vertical-description-size: var(--am-font-size-subtitle);
--am-tips-plain-border-radius: var(--am-corner-radius-lg);
--am-tips-plain-text-color: var(--am-color-text-base);
--am-tips-plain-bg-color: var(--am-color-fill-grey-dark);
--am-tips-plain-padding: var(--am-h-spacing-large);
--am-tips-plain-font-size: var(--am-font-size-subtitle);
--am-tips-plain-line-height: var(--am-line-height-paragraph);
--am-tips-dialog-border-radius: var(--am-corner-radius-lg);
--am-tips-dialog-text-color: var(--am-color-text-base);
--am-tips-dialog-line-height: var(--am-line-height-paragraph);
--am-tips-dialog-bg-color: var(--am-color-fill-grey-dark);
--am-tips-dialog-close-btn-color: var(--am-color-fill-grey-base);
--am-tips-dialog-icon-bg-color: var(--am-color-fill-grey-inverse);
--am-tips-dialog-h-spacing: var(--am-h-spacing-large);
--am-tips-dialog-v-spacing: var(--am-v-spacing-standard);
--am-tips-dialog-container-spacing: var(--am-h-spacing-standard);
--am-tips-dialog-close-btn-spacing: var(--am-h-spacing-large);
--am-tips-dialog-font-size: var(--am-font-size-subtitle);
--am-tips-dialog-image-size: var(--am-size-9);
--am-tips-dialog-image-radius: var(--am-corner-radius-md);
--am-tips-dialog-icon-size: var(--am-icon-size-sm);
--am-popover-border-radius: var(--am-corner-radius-md);
--am-popover-font-color: var(--am-color-text-title);
--am-popover-bg-color: var(--am-color-fill-grey-inverse);
--am-popover-mask-color: var(--am-color-marketing-mask);
--am-popover-arrow-color: var(--am-color-fill-grey-inverse);
--am-popover-font-size: var(--am-font-size-subtitle);
--am-popover-item-font-color: var(--am-color-text-title);
--am-popover-item-font-size: var(--am-font-size-subtitle);
--am-popover-item-padding: var(--am-h-spacing-large);
--am-popover-item-padding-right: var(--am-size-9);
--am-popover-item-icon-text-space: var(--am-h-spacing-large);
--am-popover-item-icon-size: ver(--am-icon-size-sm);
--am-badge-bg-color: var(--am-color-fill-warning);
--am-badge-font-color: var(--am-color-text-base);
--am-badge-border-radius: var(--am-corner-radius-circle);
--am-badge-line-height: var(--am-line-height-base);
--am-card-border-radius: var(--am-corner-radius-lg);
--am-card-thumb-border-radius: var(--am-corner-radius-circle);
--am-card-bg-color: var(--am-color-fill-grey-inverse);
--am-card-padding: var(--am-h-spacing-large);
--am-card-thumb-border-width: var(--am-border-width-thick);
--am-card-thumb-border-color: var(--am-color-fill-grey-inverse);
--am-card-footer-color: var(--am-color-fill-grey-inverse);
--am-card-title-color: var(--am-color-text-base);
--am-card-subtitle-color: var(--am-color-text-base);
--am-card-action-color: var(--am-color-text-title);
--am-card-title-size: var(--am-font-size-title);
--am-coupon-border-radius: var(--am-corner-radius-lg);
--am-coupon-background-color: var(--am-color-fill-grey-inverse);
--am-coupon-thumb-border-radius: var(--am-corner-radius-circle);
--am-coupon-content-spacingTB: var(--am-size-5);
--am-coupon-content-spacingLR: var(--am-h-spacing-standards);
--am-coupon-no-extra-spacingL: var(--am-size-5);
--am-coupon-title-size: var(--am-font-size-title);
--am-coupon-title-color: var(--am-color-text-title);
--am-coupon-subTitle-marginTop: var(--am-v-spacing-standard);
--am-coupon-subtitle-size: var(--am-font-size-content);
--am-coupon-subtitle-color: var(--am-color-text-subtitle);
--am-coupon-detail-size: var(--am-font-size-weak);
--am-coupon-detail-color: var(--am-color-text-subtitle);
--am-coupon-detail-arrow-size: var(--am-font-size-subtitle);
--am-coupon-detail-arrow-color: var(--am-color-text-weak);
--am-coupon-no-extra-detail-padding: var(--am-size-20);
--am-message-background: var(--am-color-fill-grey-inverse);
--am-message-padding-h: var(--am-size-8);
--am-message-padding-v: var(--am-size-3);
--am-message-icon-lineheight: var(--am-line-height-base);
--am-message-icon-size: var(--am-size-16);
--am-message-success-color: var(--am-color-fill-primary);
--am-message-info-color: var(--am-color-fill-primary);
--am-message-waiting-color: var(--am-color-pomonagreen-1);
--am-message-warn-color: var(--am-color-orange-1);
--am-message-fail-color: var(--am-color-fill-warning);
--am-message-title-size: var(--am-font-size-title);
--am-message-title-margin: var(--am-size-5);
--am-message-title-color: var(--am-color-text-title);
--am-message-subtitle-size: var(--am-font-size-content);
--am-message-subtitle-margin: var(--am-size-2);
--am-message-subtitle-color: var(--am-color-text-subtitle);
--am-message-margintop: var(--am-size-5);
--am-message-button-margin: var(--am-size-3);
--am-footer-content-fontSize: var(--am-font-size-content);
--am-footer-content-color: var(--am-color-text-weak);
--am-footer-link-marginBottom: var(--am-v-spacing-standard);
--am-footer-link-fontSize: var(--am-font-size-subtitle);
--am-footer-link-color: var(--am-color-text-primary);
--am-footer-link-lineSize: var(--am-font-size-subcontent);
--am-footer-link-lineMarginLR: var(--am-h-spacing-large);
--am-footer-link-lineMarginLR: var(--am-v-spacing-standard);
--am-footer-link-lineColor: var(--am-color-divider-line);
--am-footer-guide-paddingTB: var(--am-size-1);
--am-footer-guide-paddingLR: var(--am-h-spacing-large);
--am-footer-guide-marginRight: var(--am-h-spacing-large);
--am-footer-guide-marginTop: var(--am-v-spacing-standard);
--am-footer-guide-fontSize: var(--am-font-size-subcontent);
--am-footer-guide-borderRadius: var(--am-corner-radius-circle);
--am-footer-guide-bgc: var(--am-color-divider-background);
--am-footer-guide-color: var(--am-color-text-subtitle);
--am-footer-brand-marginRight: var(--am-h-spacing-large);
--am-footer-brand-marginBottom: var(--am-v-spacing-standard);
--am-switch-background: var(--am-color-fill-primary);
--am-switch-corner-radius: var(--am-corner-radius-circle);
--am-switch-float-corner-radius: var(--am-corner-radius-circle);
--am-grid-paddingTop: var(--am-v-spacing-large);
--am-grid-paddingLeft: var(--am-h-spacing-large);
--am-grid-5-paddingRight: var(--am-size-1);
--am-grid-bgc: var(--am-color-fill-grey-inverse);
--am-grid-item-marginBottom: var(--am-v-spacing-large);
--am-grid-item3-padding: var(--am-h-spacing-large);
--am-grid-item3-borderWidth: var(--am-border-width-standard);
--am-grid-item3-borderColor: var(--am-color-divider-line);
--am-grid-icon2-size: var(--am-icon-size-md);
--am-grid-icon2-marginRight: var(--am-h-spacing-large);
--am-grid-icon3-size: var(--am-size-9);
--am-grid-icon3-marginRight: var(--am-v-spacing-large);
--am-grid-icon4-size: var(--am-size-11);
--am-grid-icon4-marginRight: var(--am-v-spacing-standard);
--am-grid-icon4-radius: var(--am-corner-radius-circle);
--am-grid-icon5-size: var(--am-icon-size-md);
--am-grid-icon5-marginBottom: var(--am-v-spacing-standard);
--am-grid-text-color: var(--am-color-text-title);
--am-grid-text2-height: var(--am-size-6);
--am-grid-text2-fontSize: var(--am-font-size-list);
--am-grid-text3-height: var(--am-size-5);
--am-grid-text3-fontSize: var(--am-font-size-subtitle);
--am-grid-text45-height: var(--am-size-5);
--am-grid-text45-fontSize: var(--am-font-size-content);
--am-grid-desc-height: var(--am-font-size-list);
--am-grid-desc-fontSize: var(--am-font-size-subcontent);
--am-grid-desc-color: var(--am-color-text-subtitle);
--am-checkbox-size: var(--am-icon-size-sm);
--am-checkbox-corner-radius: var(--am-corner-radius-circle);
--am-checkbox-border-width: var(--am-border-width-standard);
--am-checkbox-border-color: var(--am-color-fill-grey-base);
--am-checkbox-background: var(--am-color-fill-primary);
--am-checkbox-disabled-background: var(--am-color-fill-grey-light);
--am-radio-size: var(--am-icon-size-xs);
--am-radio-color: var(--am-color-text-primary);
--am-terms-background-color: var(--am-color-text-primary-light);
--am-terms-padding: var(--am-v-spacing-standard);
--am-terms-content-font-size: var(--am-font-size-subtitle);
--am-terms-content-color: var(--am-color-text-title);
--am-terms-link-color: var(--am-color-text-primary);
--am-terms-content-line-height: var(--am-line-height-base);
--am-terms-content-margin: var(--am-size-5);
--am-terms-button-margin: var(--am-v-spacing-large);
--am-terms-desc-font-size: var(--am-font-size-subtitle);
--am-terms-desc-color: var(--am-color-text-subtitle);
--am-terms-desc-line-height: var(--am-line-height-base);
--am-terms-desc-margin: var(--am-v-spacing-standard);
--am-terms-fixed-padding: var(--am-v-spacing-standard);
--am-terms-checkbox-margin: var(--am-h-spacing-standard);
--am-search-height: var(--am-size-11);
--am-search-paddingL: var(--am-h-spacing-large);
--am-search-input-height: var(--am-size-8);
--am-search-label-height: var(--am-size-7);
--am-search-label-paddingL: var(--am-h-spacing-large);
--am-search-label-lineHeight: var(--am-line-height-base);
--am-search-background: var(--am-color-fill-grey-inverse);
--am-search-corner-radius: var(--am-corner-radius-md-plus);
--am-search-borderwidth: var(--am-border-width-standard);
--am-search-border-color: var(--am-color-fill-primary);
--am-search-fontsize: var(--am-font-size-content);
--am-search-placeholder-color: var(--am-color-text-subtitle);
--am-search-icon-area: var(--am-size-7);
--am-search-iconsize: var(--am-font-size-subtitle);
--am-search-searchicon-color: var(--am-color-text-subtitle);
--am-search-clearicon-color: var(--am-color-text-weak);
--am-search-vocieicon-color: var(--am-color-text-subtitle);
--am-search-cancel-color: var(--am-color-text-primary);
--am-search-cancel-fontsize: var(--am-font-size-subtitle);
--am-filter-padding: var(--am-size-3);
--am-filter-internal-padding: var(--am-size-2);
--am-filter-background: var(--am-color-divider-background);
--am-filter-corner-radius: var(--am-corner-radius-md);
--am-filter-title-size: var(--am-font-size-subtitle);
--am-filter-title-color: var(--am-color-text-title);
--am-filter-subtitle-size: var(--am-font-size-content);
--am-filter-subtitle-color: var(--am-color-text-subtitle);
--am-filter-title-pick-color: var(--am-color-text-primary);
--am-filter-pick-background: var(--am-color-fill-primary-light);
--am-filter-mask: var(--am-color-product-mask);
--am-filter-content-bgc: var(--am-color-fill-grey-inverse);
--am-filter-button-height: var(--am-size-12);
--am-filter-button-fontSize: var(--am-font-size-title);
--am-result-title-fontSize: var(--am-font-size-title);
--am-result-brief-fontSize: var(--am-font-size-content);
--am-result-local-brief-fontSize: var(--am-font-size-subtitle);
--am-result-background: var(--am-color-fill-grey-inverse);
--am-result-title-color: var(--am-color-text-title);
--am-result-brief-color: var(--am-color-text-subtitle);
--am-result-button-margin-left: var(--am-h-spacing-large);
--am-result-brief-margin-top: var(--am-v-spacing-large);
--am-result-margin-vertical: var(--am-size-5);
--am-result-title-h-spacing: var(--am-size-12);
--am-collapse-bgc: var(--am-color-fill-grey-inverse);
--am-collapse-title-color: var(--am-color-text-title);
--am-collapse-title-fontSize: var(--am-font-size-list);
--am-collapse-title-marginLR: var(--am-h-spacing-large);
--am-collapse-title-paddingTB: var(--am-v-spacing-large);
--am-collapse-arrow-size: var(--am-icon-size-xs);
--am-collapse-arrow-color: var(--am-color-text-weak);
--am-collapse-disabled: var(--am-opacity-disabled);
--am-collapse-title-arrow-spacing: var(--am-h-spacing-large);
--am-tag-bg-danger: var(--am-color-tangerine-1);
--am-tag-bg-primary: var(--am-color-brand-1);
--am-tag-bg-success: var(--am-color-pomonagreen-1);
--am-tag-bg-warning: var(--am-color-orange-1);
--am-tag-icon-bg-danger: var(--am-color-tangerine-2);
--am-tag-icon-bg-primary: var(--am-color-brand-2);
--am-tag-icon-bg-success: var(--am-color-pomonagreen-2);
--am-tag-icon-bg-warning: var(--am-color-orange-2);
--am-tag-icon-font-danger: var(--am-color-tangerine-1);
--am-tag-icon-font-primary: var(--am-color-brand-1);
--am-tag-icon-font-success: var(--am-color-pomonagreen-1);
--am-tag-icon-font-warning: var(--am-color-orange-1);
--am-tag-line-height: var(--am-line-height-paragraph);
--am-tag-text-color: var(--am-color-text-base);
--am-tag-lg-font-size: var(--am-font-size-subtitle);
--am-tag-border-radius: var(--am-corner-radius-sm);
--am-tag-ghost-primary: var(--am-color-brand-1);
--am-tag-ghost-warning: var(--am-color-orange-1);
--am-tag-ghost-success: var(--am-color-orange-1);
--am-tag-ghost-danger: var(--am-color-orange-1);
--am-tag-ghost-bg: var(--am-color-fill-grey-inverse);
--am-tag-sm-font-size: var(--am-font-size-weak);
--am-tag-lg-font-size: var(--am-font-size-subcontent);
--am-stepper-height: var(--am-size-6);
--am-stepper-bgc: var(--am-color-fill-grey-inverse);
--am-stepper-borderRadius: var(--am-corner-radius-sm);
--am-stepper-borderWidth: var(--am-border-width-standard);
--am-stepper-borderColor: var(--am-color-divider-line);
--am-stepper-input-fontSize: var(--am-font-size-subtitle);
--am-stepper-input-color: var(--am-color-text-title);
--am-stepper-input-marginLR: var(--am-v-spacing-standard);
--am-stepper-btn-size: var(--am-size-6);
--am-stepper-btn-color: var(--am-color-text-primary);
--am-stepper-btn-reduce: var(--am-size-2);
--am-stepper-btn-add: var(--am-size-3);
--am-calendar-bgc: var(--am-color-fill-grey-inverse);
--am-calendar-paddingT: var(--am-v-spacing-large);
--am-calendar-month-paddingLR: var(--am-size-6);
--am-calendar-btn-size: var(--am-size-10);
--am-calendar-arrow-size: var(--am-icon-size-sm);
--am-calendar-month-fontSize: var(--am-font-size-title);
--am-calendar-month-color: var(--am-color-text-title);
--am-calendar-day-fontSize: var(--am-font-size-subtitle);
--am-calendar-day-color: var(--am-color-text-title);
--am-calendar-week-marginTB: var(--am-v-spacing-large);
--am-calendar-week-paddingLR: var(--am-h-spacing-large);
--am-calendar-date-height: var(--am-size-11);
--am-calendar-date-fontSize: var(--am-font-size-title);
--am-calendar-date-lineHeight: var(--am-line-height-base);
--am-calendar-date-color: var(--am-color-text-title);
--am-calendar-tag-fontSize: var(--am-font-size-weak);
--am-calendar-tag-color: var(--am-color-tangerine-1);
--am-calendar-tag-lineHeight: var(--am-line-height-base);
--am-calendar-today-color: var(--am-color-text-primary);
--am-calendar-selected-bgc: var(--am-color-fill-primary);
--am-calendar-selected-corner: var(--am-corner-radius-md);
--am-calendar-selected-color: var(--am-color-text-base);
--am-calendar-outer-color: var(--am-color-text-weak);
--am-mask-backgroundColor: var(--am-color-product-mask);
--am-mask-market-backgroundColor: var(--am-color-marketing-mask);
--am-avatar-size-sm: var(--am-size-10);
--am-avatar-size-sm: var(--am-size-11);
--am-avatar-size-md: var(--am-size-13);
--am-avatar-size-lg: var(--am-size-15);
--am-avatar-content-marginL: var(--am-h-spacing-large);
--am-avatar-name-size: var(--am-font-size-list);
--am-avatar-name-color: var(--am-color-text-title);
--am-avatar-name-size-lg: var(--am-font-size-title);
--am-avatar-desc-marginT: var(--am-v-spacing-standard);
--am-avatar-desc-fontSize: var(--am-font-size-subtitle);
--am-avatar-desc-color: var(--am-color-text-subtitle);
--am-avatar-corner: var(--am-corner-radius-md);
--am-flexbox-item-marginL: var(--am-h-spacing-standard);
--am-swipeAction-btn-paddingLR: var(--am-h-spacing-large);
--am-swipeAction-btn-color: var(--am-color-text-base);
--am-swipeAction-btn-lineHeight: var(--am-line-height-base);
--am-swipeAction-delete: var(--am-color-fill-warning);
--am-swipeAction-edit: var(--am-color-fill-grey-base);
--am-swipeAction-other: var(--am-color-fill-primary);
--am-swipeAction-item-radius: var(--am-corner-radius-lg);
--am-vtabs-content-bgc: var(--am-color-fill-grey-inverse);
--am-vtabs-fontSize-active: var(--am-font-size-subtitle);
--am-vtabs-fontSize-same: var(--am-font-size-content);
--am-loading-item-size: var(--am-size-1);
--am-loading-item-radius: var(--am-corner-radius-sm);
--am-loading-item-bgc: var(--am-color-text-subtitle);
--am-loading-paddingTB: var(--am-v-spacing-standard);
--am-loading-marginR: var(--am-h-spacing-standard);
}
类似资料：