Trang chủ Khám phá Trợ giúp
Đăng ký Đăng nhập
186-template-175
/
mini-starter
forked from 155-template-138/mini-starter
2
0
Fork 0
Các tập tin
Tree: e006bf5cf6
Branches Tags
mini-starter
/
mini
/
tdesign
/
link
/
link.wxss

link.wxss 4.3 KB
Lịch sử Raw

1234567891011121314151617181920212223242526272829303132333435 
  1. @import '../common/style/index.wxss';.t-link--small .t-link__content{font-size:24rpx;line-height:40rpx;}
    2. 

  2. .t-link--small .t-link__prefix-icon,.t-link--small .t-link__suffix-icon{font-size:28rpx;}
    3. 

  3. .t-link--medium .t-link__content{font-size:28rpx;line-height:44rpx;}
    4. 

  4. .t-link--medium .t-link__prefix-icon,.t-link--medium .t-link__suffix-icon{font-size:32rpx;}
    5. 

  5. .t-link--large .t-link__content{font-size:32rpx;line-height:48rpx;}
    6. 

  6. .t-link--large .t-link__prefix-icon,.t-link--large .t-link__suffix-icon{font-size:36rpx;}
    7. 

  7. .t-link--primary{color:var(--td-link-primary-color,var(--td-brand-color,var(--td-primary-color-7,#0052d9)));}
    8. 

  8. .t-link--primary.t-link--underline::after{border-color:var(--td-link-primary-color,var(--td-brand-color,var(--td-primary-color-7,#0052d9)));}
    9. 

  9. .t-link--primary.t-link--disabled{color:var(--td-link-primary-disabled-color,var(--td-brand-color-disabled,var(--td-primary-color-3,#b5c7ff)));}
    10. 

  10. .t-link--primary.t-link--hover{color:var(--td-link-primary-active-color,var(--td-brand-color-active,var(--td-primary-color-8,#003cab)));}
    11. 

  11. .t-link--primary.t-link--hover.t-link--underline::after{border-color:var(--td-link-primary-active-color,var(--td-brand-color-active,var(--td-primary-color-8,#003cab)));}
    12. 

  12. .t-link--success{color:var(--td-link-success-color,var(--td-success-color,var(--td-success-color-5,#2ba471)));}
    13. 

  13. .t-link--success.t-link--underline::after{border-color:var(--td-link-success-color,var(--td-success-color,var(--td-success-color-5,#2ba471)));}
    14. 

  14. .t-link--success.t-link--disabled{color:var(--td-link-success-disabled-color,var(--td-success-color-disabled,var(--td-success-color-3,#92dab2)));}
    15. 

  15. .t-link--success.t-link--hover{color:var(--td-link-success-active-color,var(--td-success-color-active,var(--td-success-color-6,#008858)));}
    16. 

  16. .t-link--success.t-link--hover.t-link--underline::after{border-color:var(--td-link-success-active-color,var(--td-success-color-active,var(--td-success-color-6,#008858)));}
    17. 

  17. .t-link--warning{color:var(--td-link-warning-color,var(--td-warning-color,var(--td-warning-color-5,#e37318)));}
    18. 

  18. .t-link--warning.t-link--underline::after{border-color:var(--td-link-warning-color,var(--td-warning-color,var(--td-warning-color-5,#e37318)));}
    19. 

  19. .t-link--warning.t-link--disabled{color:var(--td-link-warning-disabled-color,var(--td-warning-color-disabled,var(--td-warning-color-3,#ffb98c)));}
    20. 

  20. .t-link--warning.t-link--hover{color:var(--td-link-warning-active-color,var(--td-warning-color-active,var(--td-warning-color-6,#be5a00)));}
    21. 

  21. .t-link--warning.t-link--hover.t-link--underline::after{border-color:var(--td-link-warning-active-color,var(--td-warning-color-active,var(--td-warning-color-6,#be5a00)));}
    22. 

  22. .t-link--default{color:var(--td-link-default-color,var(--td-text-color-primary,var(--td-font-gray-1,rgba(0,0,0,.9))));}
    23. 

  23. .t-link--default.t-link--underline::after{border-color:var(--td-link-default-color,var(--td-text-color-primary,var(--td-font-gray-1,rgba(0,0,0,.9))));}
    24. 

  24. .t-link--default.t-link--disabled{color:var(--td-link-default-disabled-color,var(--td-text-color-disabled,var(--td-font-gray-4,rgba(0,0,0,.26))));}
    25. 

  25. .t-link--default.t-link--hover{color:var(--td-link-default-active-color,var(--td-brand-color-active,var(--td-primary-color-8,#003cab)));}
    26. 

  26. .t-link--default.t-link--hover.t-link--underline::after{border-color:var(--td-link-default-active-color,var(--td-brand-color-active,var(--td-primary-color-8,#003cab)));}
    27. 

  27. .t-link--danger{color:var(--td-link-danger-color,var(--td-error-color,var(--td-error-color-6,#d54941)));}
    28. 

  28. .t-link--danger.t-link--underline::after{border-color:var(--td-link-danger-color,var(--td-error-color,var(--td-error-color-6,#d54941)));}
    29. 

  29. .t-link--danger.t-link--disabled{color:var(--td-link-danger-disabled-color,var(--td-error-color-disabled,var(--td-error-color-3,#ffb9b0)));}
    30. 

  30. .t-link--danger.t-link--hover{color:var(--td-link-danger-active-color,var(--td-error-color-active,var(--td-error-color-7,#ad352f)));}
    31. 

  31. .t-link--danger.t-link--hover.t-link--underline::after{border-color:var(--td-link-danger-active-color,var(--td-error-color-active,var(--td-error-color-7,#ad352f)));}
    32. 

  32. .t-link{position:relative;display:flex;align-items:center;box-sizing:content-box;}
    33. 

  33. .t-link--underline::after{content:'';position:absolute;left:0;right:0;height:0;bottom:0;opacity:1;border-bottom:2rpx solid #cd0be7;}
    34. 

  34. .t-link__prefix-icon:not(:empty)+.t-link__content:not(:empty){padding-left:8rpx;}
    35. 

  35. .t-link__content:not(:empty)+.t-link__suffix-icon:not(:empty){padding-left:8rpx;}
    36.