You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
|
|
5 years ago | |
|---|---|---|
| .. | ||
| components/uni-link | 5 years ago | |
| changelog.md | 5 years ago | |
| package.json | 5 years ago | |
| readme.md | 5 years ago | |
readme.md
Link 链接
代码块:
uLink
uni-link是一个外部网页超链接组件,在小程序内复制url,在app内打开外部浏览器,在h5端打开新网页。
安装方式
本组件符合easycom规范,HBuilderX 2.5.5起,只需将本组件导入项目,在页面template中即可直接使用,无需在页面中import和注册components。
如需通过npm方式使用uni-ui组件,另见文档:https://ext.dcloud.net.cn/plugin?id=55
基本用法
在 template 中使用组件
<uni-link href="https://uniapp.dcloud.io/" text="https://uniapp.dcloud.io/"></uni-link>
API
Link Props
| 属性名 | 类型 | 默认值 | 说明 |
|---|---|---|---|
| href | String | - | 链接地址 |
| text | String | - | 显示文字 |
| showUnderLine | Boolean | true | 是否显示下划线 |
| copyTips | String | 已自动复制网址,请在手机浏览器里粘贴该网址 | 在小程序端复制链接时的提示语 |
| color | String | #999999 | 链接文字颜色 |
| fontSize | String | 14 | 链接文字大小,单位px |
href属性对tel和mailto格式说明
| 值 | 说明 | 平台 |
|---|---|---|
| tel:xxxxxxxxxxx | 拨打电话 | H5,App |
| mailto:xxx@xxx.xxx | 发送邮件 | H5 |