链接

简介

链接组件是一种用于创建可点击链接的 UI 元素,通常用于导航或连接相关内容,以便用户访问其他页面或资源。

image

配置项

分类

配置

示例

说明

文本内容

image

链接组件的内容

开启徽标

image

是否展示徽标

徽标配置

image

「开启徽标」后,可以配置徽标属性

悬浮提示

image

是否展示悬浮提示

悬浮提示配置

image

开启「悬浮提示」后,可以配置悬浮提示属性

交互

隐藏

image

控制链接组件的默认展示状态,为true 时将隐藏组件。详情参见通用属性

禁用

image

控制链接组件禁用状态。

样式

高度

image

组件高度,详情参见通用属性

外边距

image

详情参见通用属性

字体大小

image

链接文本内容的字体大小

行高

image

行高属性定义了文本行之间的垂直间距

字重

image

字重属性指定文字的粗细程度

溢出控制

image

文本内容溢出时的展示效果

溢出隐藏样式

image

文本溢出隐藏时的样式效果。

文本换行

image

用于指定文本是否单行显示

单词断行

image

用于指定如何在多行文本中处理单词的换行点

横向对齐

image

链接文本内容横向的对齐方式

纵向对齐

image

链接文本内容纵向的对齐方式

文本转换

image

使链接文本显示为全大写或全小写,也可单独对每一个单词进行操作。

CSS 样式

文字颜色

image

链接文本内容的颜色

文字阴影

image

文字阴影属性用于在元素的框架上添加阴影效果。可以在同一个元素上设置多个阴影效果,并用逗号将它们分隔开。该属性可设置的值包括阴影的 X 轴偏移量、Y 轴偏移量、模糊半径、扩散半径和颜色。

边框

image

链接组件边框,详情参见通用属性

圆角

image

链接组件圆角,详情参见通用属性

内边距

image

链接组件内边距,详情参见通用属性

属性与方法

名称

类型

示例

说明

text

string

linkText1.text

当前链接组件的内容

hidden

boolean

linkText1.hidden

当前组件是否隐藏,详情参见通用属性

setText

func

linkText1.setText('链接')

设置链接文本内容为链接

clearText

func

linkText1.clearText()

清除链接文本内容

setHidden

func

linkText1.setHidden(false)

设置链接是否隐藏,参数为truefalse详情参见通用属性

clearHidden

func

linkText1.clearHidden()

清除链接的隐藏状态,详情参见通用属性

事件回调

配置

说明

image

当点击链接文本时将触发的事件

场景示例

  • 跳转场景
    • 账号绑定的链接跳转,可以链接对应到不同的账号体系下。

      image