Link 链接
基础用法
- 用于创建可点击的文本链接。
- 可添加图标前缀和后缀。
vue
<template>
<sn-link text="这是一个链接" href="https://www.example.com"></sn-link>
</template>更多演示请下载 demo 查看
属性
| 参数 | 说明 | 类型 | 默认值 | 可选值 |
|---|---|---|---|---|
| text | 链接文本内容 | String | - | - |
| prefixIcon | 链接前图标名称 | String | - | - |
| suffixIcon | 链接后图标名称 | String | - | - |
| href | 链接跳转地址 | String | - | - |
| color | 链接文本颜色 | String | $primaryDark | - |
| size | 链接文本大小 | String | $3 | - |
| underline | 链接文本是否显示下划线 | Boolean | false | true | false |
| local | 是否使用本地内置 Webview 打开（仅对Web URL生效） | Boolean | false | true | false |
| customStyle | 自定义链接样式 | UTSJSONObject | {margin: '0 5px'} | - |
| customTextStyle | 自定义链接文本样式 | UTSJSONObject | {} | - |
| customIconStyle | 自定义链接图标样式 | UTSJSONObject | {} | - |
插槽
| 名称 | 说明 |
|---|---|
| prefix | 替换链接前图标 |
| suffix | 替换链接后图标 |
