主题
Link 超链接
展示链接;不同平台根据支持能力打开或复制链接。
支持平台
以下为官网文档所列的平台支持情况,具体功能及版本限制请参见本页的平台说明。
| App-vue | App-nvue | 微信小程序 | 支付宝小程序 | 百度小程序 | 字节小程序 | QQ小程序 | H5 | PC | 快手小程序 | 钉钉小程序 |
|---|---|---|---|---|---|---|---|---|---|---|
| ✓ | ✓ | ✓ | ✓ | ✓ | ✓ | ✓ | ✓ | ✓ | ✓ | ✓ |
基础用法
vue
<!-- 链接 -->
<fui-link href="https://example.com" text="访问网站" />属性
| 属性 | 类型 | 说明 | 官网默认值 |
|---|---|---|---|
| href | String | 链接地址 | - |
| text | String | 显示文字,未设置时显示 href | - |
| download | String | H5 下载文件名 | - |
| underline | Boolean / String | 是否显示下划线 | false |
| copyTips | String | 小程序复制成功提示 | 链接已复制 |
| color | String | 文字颜色 | #465CFF |
| size | Number / String | 字号,单位 rpx | 28 |
| fontWeight | Number / String | 文字字重 | 400 |
| highlight | Boolean | 是否显示点击反馈 | false |
插槽
| 插槽 | 说明 |
|---|---|
| default | 自定义链接内容,仅非 nvue 平台支持 |
平台说明
download 仅 H5 支持,copyTips 用于小程序。非 nvue 平台默认颜色可由 --fui-color-primary 控制。
事件
| 事件 | 说明 | 回调参数 |
|---|---|---|
| — | 无自定义事件 | — |