跳到主要内容

Link 链接

链接是具有超链接属性的文本,点击后跳转到某个页面。


开发说明
  • 默认没有 link 组件,这是新增的。
  • 类型

    Link 有两种类型:Inline 内联 和 Standalone 独立。

    Inline 内联

    和其它文本信息组合在一起使用。

    Standalone 独立

    独立场景使用。

    外观

    轻量

    单独使用或直接跟随内容使用,并且不使用下划线,可以与图标组合。

    强调

    内联链接应使用强调样式,以确保链接可见。

    图标

    独立链接可以有一个前置或后置的图标,图标的大小应与链接文本的高度相同,图标颜色和文本链接的颜色统一。

    交互样式

    用户可以通过鼠标单击链接文本来触发链接,交互状态时鼠标变为小手样式。

    Subtle States 轻量样式

    Bold States 强调样式

    尺寸

    Link 有三种尺寸:SmallMediumLarge

    何时使用

    希望用户执行以下操作时时:

    • 跳转到系统中其他页面
    • 打开外部站点

    何时不使用

    • 若在当前页面触发操作或改变状态,应使用Button 按钮组件,而不是Link 链接组件。