n-link 超链接
文字链接展示与打开动作,不同平台不同表现形式:App 复制链接到剪贴板并提示(tel: 转系统拨号)、微信小程序复制链接到剪贴板并提示、H5 新窗口打开。文字、字号、颜色、下划线可配,插槽可整区接管。
平台兼容性
| App | H5 | 微信小程序 | 支付宝小程序 | 百度小程序 | 头条小程序 | QQ小程序 |
|---|---|---|---|---|---|---|
| √ | √ | √ | × | × | × | × |
API
属性
| 参数 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| href | 跳转的链接,需带上 http(s) 协议头 | string | |
| text | 链接文字,留空显示 href;插槽存在时整区接管 | string | |
| color | 文字颜色,留空用主题链接色(默认品牌色) | string | |
| font-size | 字号,数字为 px、字符串支持 px/rpx | number / string | 15 |
| font-weight | 字重(400/500/600 等) | number / string | 400 |
| under-line | 是否显示下划线(作用于内置文字) | boolean | false |
| line-color | 下划线颜色,留空随文字色 | string | |
| copy-tips | 复制链接成功提示文案(App 与小程序端),留空用内置词条 | string | |
| highlight | 按压反馈(按下时透明度降低) | boolean | false |
| custom-class | 根节点额外类名,类须定义在组件样式表内 | string | |
| custom-style | 根节点行内样式 | string |
事件
| 事件名 | 说明 | 回调参数 |
|---|---|---|
| click | 点击链接时触发(先于打开动作;href 为空也触发,可自定路由) | event: UniPointerEvent |
插槽
| 名称 | 说明 | 参数 |
|---|---|---|
| default | 整区接管渲染(存在即替换内置文字,样式由使用者自管) | — |