Fighting DesignLink 链接
一个超链接
基本使用
type 属性可以配置不同的链接类型，展示不同的颜色状态
不同大小
size 属性可以配置不同大小的 link
不同状态
state 可以配置 link 的不同移入状态
自定义颜色
如果你不喜欢 type 属性带了的不同颜色，你也可以使用 color 属性自定义你的 link 颜色
禁用状态
disabled 可以让按钮处于禁用状态
禁止跳转
你甚至可以拿 link 当作一个按钮来使用，那么要取消点击刷新和跳转的默认行为，使用 no-link 属性可以实现
Attributes
| 参数 | 说明 | 类型 | 可选值 | 默认值 |
|---|---|---|---|---|
type | 不同类型 | FightingType | default primary success danger warning | —— |
href | 链接的地址 | string | —— | —— |
size | 文字大小 | string / number | —— | —— |
state | 鼠标移入的样式状态 | LinkState | line background | —— |
disabled | 是否禁用 | boolean | —— | false |
target | 原生 target 属性 | FightingTarget | _self _blank _parent _top | —— |
color | 自定义 link 颜色 | string | —— | —— |
no-copy | 是否禁止 copy | boolean | —— | false |
no-link | 是否禁止链接跳转及重新加载（取消默认事件） | boolean | —— | false |
after-icon | 之前的 icon | FightingIcon | —— | —— |
before-icon | 之后的 icon | FightingIcon | —— | —— |
on-click | 点击执行的回调 | HandleMouse | —— | —— |
Slots
| 名称 | 说明 |
|---|---|
default | 默认内容 |
Interface
组件导出以下类型定义：
ts
import type { LinkInstance, LinkProps, LinkState } from 'fighting-design'LinkState
ts
type LinkState = 'line' | 'background'