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

tdesign-mobile-vue

// 状态色 - 默认色

@link-default-color: var(--td-link-default-color, @text-color-primary); // default 主题默认态颜色
@link-default-active-color: var(--td-link-default-active-color, @brand-color-active); // default 主题激活态颜色
@link-default-disabled-color: var(--td-link-default-disabled-color, @text-color-disabled); // default 主题禁用态颜色

// 状态色 - 主色
@link-primary-color: var(--td-link-primary-color, @brand-color); // primary 主题默认态颜色
@link-primary-active-color: var(--td-link-primary-active-color, @brand-color-active); // primary 主题激活态颜色
@link-primary-disabled-color: var(--td-link-primary-disabled-color, @brand-color-disabled); // primary 主题禁用态颜色

// 状态色 - 成功
@link-success-color: var(--td-link-success-color, @success-color); // success 主题默认态颜色
@link-success-active-color: var(--td-link-success-active-color, @success-color-active); // success 主题激活态颜色
@link-success-disabled-color: var(--td-link-success-disabled-color, @success-color-disabled); // success 主题禁用态颜色

// 状态色 - 警告
@link-warning-color: var(--td-link-warning-color, @warning-color); // warning 主题默认态颜色
@link-warning-active-color: var(--td-link-warning-active-color, @warning-color-active); // warning 主题激活态颜色
@link-warning-disabled-color: var(--td-link-warning-disabled-color, @warning-color-disabled); // warning 主题禁用态颜色

// 状态色 - 危险
@link-danger-color: var(--td-link-danger-color, @error-color); // danger 主题默认态颜色
@link-danger-active-color: var(--td-link-danger-active-color, @error-color-active); // danger 主题激活态颜色
@link-danger-disabled-color: var(--td-link-danger-disabled-color, @error-color-disabled); // danger 主题禁用态颜色

// 字号
@link-content-small-font-size: 12px;
@link-content-small-line-height: 20px;
@link-icon-small-font-size: 14px;

@link-content-medium-font-size: 14px;
@link-content-medium-line-height: 22px;
@link-icon-medium-font-size: 16px;

@link-content-large-font-size: 16px;
@link-content-large-line-height: 24px;
@link-icon-large-font-size: 18px;

@link-icon-margin: 6px;
@themes: primary, success, warning, default, danger;

@link: ~"@{prefix}-link";