tdesign-mobile-vue/esm/_common/style/mobile/components/avatar/v2/_var.less

tdesign-mobile-vue

@avatar-bg-color: var(--td-avatar-bg-color, @brand-color-light-active);
@avatar-content-color: var(--td-avatar-content-color, @brand-color);
@avatar-small-width: var(--td-avatar-small-width, 40px);
@avatar-medium-width: var(--td-avatar-medium-width, 48px);
@avatar-large-width: var(--td-avatar-large-width, 64px);

@avatar-text-small-font-size: var(--td-avatar-text-small-font-size, @font-size-base);
@avatar-text-medium-font-size: var(--td-avatar-text-medium-font-size, @font-size-m);
@avatar-text-large-font-size: var(--td-avatar-text-large-font-size, @font-size-xl);

@avatar-icon-small-font-size: var(--td-avatar-icon-small-font-size, 20px);
@avatar-icon-medium-font-size: var(--td-avatar-icon-medium-font-size, 24px);
@avatar-icon-large-font-size: var(--td-avatar-icon-large-font-size, 32px);

@avatar-border-width-small: var(--td-avatar-border-width-small, 1px);
@avatar-border-width-medium: var(--td-avatar-border-width-medium, 2px);
@avatar-border-width-large: var(--td-avatar-border-width-large, 3px);
@avatar-border-color: var(--td-avatar-border-color, @bg-color-container);
@avatar-circle-border-radius: var(--td-avatar-circle-border-radius, @radius-circle);
@avatar-round-border-radius: var(--td-avatar-round-border-radius, @radius-default);

@avatar-margin-left: var(--td-avatar-margin-left, 0);

//组合头像偏移量
@avatar-group-offset-small: var(--td-avatar-group-margin-left-small, -8px);
@avatar-group-offset-medium: var(--td-avatar-group-margin-left-medium, -8px);
@avatar-group-offset-large: var(--td-avatar-group-margin-left-large, -8px);
@avatar-group-line-spacing: var(--td-avatar-group-line-spacing, 2px);

@avatar-group-init-zIndex: 50;