tdesign-mobile-vue/esm/_common/style/mobile/components/count-down/_var.less

tdesign-mobile-vue

@countdown-small-unit-margin: 4px; // 'small'尺寸单位分割文本左右间距
@countdown-medium-unit-margin: 5px; // 'medium'尺寸单位分割文本左右间距
@countdown-large-unit-margin: 6px; // 'large'尺寸单位分割文本左右间距
@countdown-unit-color: @text-color-primary; // 带单位分割线文本颜色
@countdown-no-unit-color: @error-color-6; // 无单位分割线文本颜色
@countdown-large-no-unit-margin: 6px; // 'large'尺寸无单位分割文本左右间距
@countdown-medium-no-unit-margin: 3px; // 'medium'尺寸无单位分割文本左右间距
@countdown-small-no-unit-margin: 2px; // 'small'尺寸无单位分割文本左右间距
@countdown-small-bg-width: 20px; // 'small'尺寸方/圆底背景宽高
@countdown-medium-bg-width: 24px; // 'medium'尺寸方/圆底背景宽高
@countdown-large-bg-width: 28px; // 'large'尺寸方/圆底背景宽高
@countdown-small-default-font-size: @font-size-base; // 'small'尺寸纯数字倒计时文本大小
@countdown-small-square-font-size: @font-size-s; // 'small'尺寸带方形底倒计时文本大小
@countdown-small-round-font-size: @font-size-s; // 'small'尺寸带圆形底倒计时文本大小
@countdown-small-unit-font-size: @font-size; // 'small'尺寸单位分割文本大小
@countdown-small-no-unit-font-size: @font-size-base; // 'small'尺寸无单位分割文本大小
@countdown-medium-default-font-size: @font-size-m; // 'medium'尺寸纯数字倒计时文本大小
@countdown-medium-square-font-size: @font-size-base; // 'medium'尺寸带方形底倒计时文本大小
@countdown-medium-round-font-size: @font-size-base; // 'medium'尺寸带圆形底倒计时文本大小
@countdown-medium-unit-font-size: @font-size-s; // 'medium'尺寸单位分割文本大小
@countdown-medium-no-unit-font-size: @font-size-m; // 'medium'尺寸无单位分割文本大小
@countdown-large-default-font-size: 18px; // 'large'尺寸纯数字倒计时文本大小
@countdown-large-square-font-size: @font-size-m; // 'large'尺寸带方形底倒计时文本大小
@countdown-large-round-font-size: @font-size-m; // 'large'尺寸带圆形底倒计时文本大小
@countdown-large-unit-font-size: @font-size-base; // 'large'尺寸单位分割文本大小
@countdown-large-no-unit-font-size: 18px; // 'large'尺寸无单位分割文本大小

// 纯数字倒计时文本颜色
@countdown-default-text-color: var(--td-countdown-default-color, @text-color-primary);
// 方形/圆形底倒计时文本颜色
@countdown-text-color: var(--td-countdown-round-color, @text-color-anti);
// 方形/圆形底背景颜色
@countdown-bg-color: var(--td-countdown-bg-color, @error-color-6);
// 带方形底倒计时圆角大小
@countdown-square-border-radius: var(--td-countdown-square-border-radius, @radius-small);
// 带圆形底倒计时圆角大小
@countdown-round-border-radius: var(--td-countdown-round-border-radius, @radius-circle);

@countdown-number-font-family:
  TCloudNumber,
  -apple-system,
  BlinkMacSystemFont,
  Segoe UI,
  Roboto,
  Hiragino Sans GB,
  Microsoft YaHei UI,
  Microsoft YaHei,
  Source Han Sans CN,
  sans-serif,
  Apple Color Emoji,
  Segoe UI Emoji,
  Segoe UI Symbol;

@countdown: ~'@{prefix}-count-down';
@item: ~'@{countdown}__item';
@split: ~'@{countdown}__split';