diff --git a/style/mobile/components/link/v2/_index.less b/style/mobile/components/link/v2/_index.less index 382f78247e..5fba832844 100644 --- a/style/mobile/components/link/v2/_index.less +++ b/style/mobile/components/link/v2/_index.less @@ -16,12 +16,6 @@ .@{link}__suffix-icon { font-size: @@iconSize; } - .@{link}__prefix-icon { - margin-left: @link-icon-margin; - } - .@{link}__suffix-icon { - margin-right: @link-icon-margin; - } } } @@ -41,11 +35,13 @@ color: @@disabledColor; } - &.@{link}--hover { - color: @@activeColor; + &:active { + &.@{link}--hover { + color: @@activeColor; - &.@{link}--underline::after { - border-color: @@activeColor; + &.@{link}--underline::after { + border-color: @@activeColor; + } } } } @@ -66,6 +62,7 @@ display: flex; align-items: center; box-sizing: content-box; + text-decoration: none; &--underline::after { content: ""; @@ -80,9 +77,11 @@ &__prefix-icon:not(:empty) + &__content:not(:empty) { padding-left: 4px; + display: inherit; } &__content:not(:empty) + &__suffix-icon:not(:empty) { padding-left: 4px; + display: inherit; } } diff --git a/style/mobile/components/link/v2/_var.less b/style/mobile/components/link/v2/_var.less index 0e39ae9d64..73a36aa275 100644 --- a/style/mobile/components/link/v2/_var.less +++ b/style/mobile/components/link/v2/_var.less @@ -31,7 +31,7 @@ @link-content-medium-font-size: 14px; @link-content-medium-line-height: 22px; -@link-icon-medium-font-size: 14px; +@link-icon-medium-font-size: 16px; @link-content-large-font-size: 16px; @link-content-large-line-height: 24px;