amis2/docs/zh-CN/components/link.md
liaoxuezhi 4b0110a890
chore: 调整 link 的实现 (#2922)
* fix: 修复 link 组件 value 值没有被当成目标地址的问题

* chore: 调整 Link 的实现

* 更新 snapshot

* 改成右侧 icon
2021-11-12 10:42:02 +08:00

2.4 KiB
Executable File
Raw Blame History

title description type group menuName icon order
Link 链接 0 ⚙ 组件 Link 55

基本用法

{
    "type": "page",
    "body": {
        "type": "link",
        "href": "https://www.baidu.com",
        "body": "百度一下,你就知道"
    }
}

新标签页打开

{
    "type": "page",
    "body": {
        "type": "link",
        "href": "https://www.baidu.com",
        "body": "百度一下,你就知道",
        "blank": true
    }
}

禁用超链接

{
    "type": "page",
    "body": {
        "type": "link",
        "href": "https://www.baidu.com",
        "body": "百度一下,你就知道",
        "blank": true,
        "disabled": true
    }
}

添加图标

{
    "type": "page",
    "body": {
        "type": "link",
        "href": "https://www.baidu.com",
        "body": "百度一下,你就知道",
        "blank": true,
        "icon": "fa fa-search"
    }
}

属性表

属性名 类型 默认值 说明
type string 如果在 Table、Card 和 List 中,为"link";在 Form 中用作静态展示,为"static-link"
body string 标签内文本
href string 链接地址
blank boolean 是否在新标签页打开
htmlTarget string a 标签的 target优先于 blank 属性
title string a 标签的 title
disabled boolean 禁用超链接
icon string 超链接图标,以加强显示
rightIcon string 右侧图标