切换链接

简介

切换链接组件是一种用户界面元素,允许用户在不同视图或内容之间进行切换。

image

配置项

分类

配置

示例

说明

默认值

image

切换链接组件的值,参数为truefalse

文本内容

image

切换链接组件的内容

开启徽标

image

是否展示徽标

徽标配置

image

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

悬浮提示

image

是否展示悬浮提示

悬浮提示配置

image

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

图标模式

image

开启「展示图标」配置时,可选择图标模式

固定图标

image

固定给的三组图标。

自定义图标

image

image

切换链接组件的值为 true / false 时的图标

交互

隐藏

image

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

禁用

image

控制切换链接组件禁用状态。

样式

高度

image

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

外边距

image

详情参见通用属性

图标位置

image

图标位置,居左或者居右

下划线

image

下划线出现的时机。

字体大小

image

链接文本内容的字体大小

行高

image

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

字重

image

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

溢出控制

image

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

溢出隐藏样式

image

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

文本换行

image

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

单词断行

image

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

横向对齐

image

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

纵向对齐

image

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

文本转换

image

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

CSS 样式

文字颜色

image

链接文本内容的颜色

文字阴影

image

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

边框

image

切换链接组件文本内容部分边框,详情参见通用属性

圆角

image

切换链接组件文本内容部分圆角,详情参见通用属性

内边距

image

切换链接组件文本内容部分内边距,详情参见通用属性

属性与方法

名称

类型

示例

说明

value

boolean

toggleLink1.value

当前切换链接组件的值

text

string

toggleLink1.text

当前切换链接组件的内容

setValue

func

toggleLink1.setText(true)

设置切换链接的值为true

clearValue

func

toggleLink1.clearValue()

清除切换链接的值

setText

func

toggleLink1.setText('链接')

设置链接文本内容为链接

clearText

func

toggleLink1.clearText()

清除链接文本内容

事件回调

配置

说明

image

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

场景示例

  • 文档展开收起场景
    • 第一部分是标题和切换链接。

    • 第二部分是具体的文案内容。点击切换链接时,增加点击事件,控制文本组件部分的显隐

      imageimage