简介
链接组件是一种用于创建可点击链接的 UI 元素,通常用于导航或连接相关内容,以便用户访问其他页面或资源。
配置项
分类 | 配置 | 示例 | 说明 |
文本内容 | 链接组件的内容 | ||
开启徽标 | 是否展示徽标 | ||
徽标配置 | 「开启徽标」后,可以配置徽标属性 | ||
悬浮提示 | 是否展示悬浮提示 | ||
悬浮提示配置 | 开启「悬浮提示」后,可以配置悬浮提示属性 | ||
交互 | 隐藏 | 控制链接组件的默认展示状态,为 | |
禁用 | 控制链接组件禁用状态。 | ||
样式 | 高度 | 组件高度,详情参见通用属性 | |
外边距 | 详情参见通用属性 | ||
字体大小 | 链接文本内容的字体大小 | ||
行高 | 行高属性定义了文本行之间的垂直间距 | ||
字重 | 字重属性指定文字的粗细程度 | ||
溢出控制 | 文本内容溢出时的展示效果。 | ||
溢出隐藏样式 | 文本溢出隐藏时的样式效果。 | ||
文本换行 | 用于指定文本是否单行显示 | ||
单词断行 | 用于指定如何在多行文本中处理单词的换行点 | ||
横向对齐 | 链接文本内容横向的对齐方式 | ||
纵向对齐 | 链接文本内容纵向的对齐方式 | ||
文本转换 | 使链接文本显示为全大写或全小写,也可单独对每一个单词进行操作。 | ||
CSS 样式 | 文字颜色 | 链接文本内容的颜色 | |
文字阴影 | 文字阴影属性用于在元素的框架上添加阴影效果。可以在同一个元素上设置多个阴影效果,并用逗号将它们分隔开。该属性可设置的值包括阴影的 X 轴偏移量、Y 轴偏移量、模糊半径、扩散半径和颜色。 | ||
边框 | 链接组件边框,详情参见通用属性 | ||
圆角 | 链接组件圆角,详情参见通用属性 | ||
内边距 | 链接组件内边距,详情参见通用属性 |
属性与方法
名称 | 类型 | 示例 | 说明 |
text | string |
| 当前链接组件的内容 |
hidden | boolean |
| 当前组件是否隐藏,详情参见通用属性 |
setText | func |
| 设置链接文本内容为 |
clearText | func |
| 清除链接文本内容 |
setHidden | func |
| 设置链接是否隐藏,参数为 |
clearHidden | func |
| 清除链接的隐藏状态,详情参见通用属性 |
事件回调
配置 | 说明 |
当点击链接文本时将触发的事件 |
场景示例
跳转场景
账号绑定的链接跳转,可以链接对应到不同的账号体系下。