链接

1. 组件概述

链接是一个内容展示组件，用于在页面上显示可点击的超链接文字。用户点击后可以跳转到指定的网页地址或页面锚点。链接组件适用于需要引导用户访问外部资源、参考资料或相关页面的场景，是构建页面导航和外部引用的基础组件。

加载中...

查看 JSON

复制 JSON

2. 应用场景示例

• 场景一：知识拓展链接。在学习辅导类应用中，当 AI 回答完学生的问题后，可以在答案下方添加链接组件，指向相关的学习资料或百科页面，方便学生进一步深入学习。设置「目标地址」为资料网址，开启「在新窗口打开」，避免学生离开当前页面。
• 场景二：引用来源标注。在论文优化或写作辅助类应用中，AI 生成的内容可能引用了外部资料，可以使用链接组件标注引用来源。设置「内容」为来源名称（如”维基百科”），「目标地址」绑定变量以动态显示不同的引用链接。

加载中...

查看 JSON

复制 JSON

3. 功能配置

基础

基础折叠组

配置项	说明
目标地址	链接指向的网页地址。可以输入完整的网址（如 https://example.com），也可以绑定变量实现动态链接。如果已经绑定了字段名，此项可以不设置。

配置折叠组

配置项	说明
在新窗口打开	开启后，点击链接会在浏览器新标签页中打开目标页面，用户可以保留当前页面继续操作。关闭则在当前页面直接跳转。建议开启，避免用户离开应用页面。
内容	链接显示的文字内容。如果不填写，将自动显示目标地址作为链接文字。可以设置为静态文字或绑定变量。例如设置为”点击查看详情”比直接显示网址更友好。

设计

图标折叠组

配置项	说明
左侧图标	在链接文字左侧显示一个图标。点击可从图标库中选择，适合用于强调链接类型，如外链图标、文档图标等。
右侧图标	在链接文字右侧显示一个图标。常用于添加箭头图标，提示用户这是一个可点击的链接。
锚点	HTML 链接的 target 属性，用于指定链接在何处打开。一般情况下使用「在新窗口打开」开关即可，此项为高级用法，可填写如 _parent（在父框架中打开）或自定义框架名称。