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

配置项
| 分类 | 配置 | 示例 | 说明 | 
| 默认值 | 
 | 切换链接组件的值,参数为 | |
| 文本内容 | 
 | 切换链接组件的内容 | |
| 开启徽标 | 
 | 是否展示徽标 | |
| 徽标配置 | 
 | 「开启徽标」后,可以配置徽标属性 | |
| 悬浮提示 | 
 | 是否展示悬浮提示 | |
| 悬浮提示配置 | 
 | 开启「悬浮提示」后,可以配置悬浮提示属性 | |
| 图标模式 | 
 | 开启「展示图标」配置时,可选择图标模式 | |
| 固定图标 | 
 | 固定给的三组图标。 | |
| 自定义图标 | 
 
 | 切换链接组件的值为 true / false 时的图标 | |
| 交互 | 隐藏 | 
 | 控制切换链接组件的默认展示状态,为 | 
| 禁用 | 
 | 控制切换链接组件禁用状态。 | |
| 样式 | 高度 | 
 | 组件高度,详情参见通用属性 | 
| 外边距 | 
 | 详情参见通用属性 | |
| 图标位置 | 
 | 图标位置,居左或者居右 | |
| 下划线 | 
 | 下划线出现的时机。 | |
| 字体大小 | 
 | 链接文本内容的字体大小 | |
| 行高 | 
 | 行高属性定义了文本行之间的垂直间距 | |
| 字重 | 
 | 字重属性指定文字的粗细程度 | |
| 溢出控制 | 
 | 文本内容溢出时的展示效果。 | |
| 溢出隐藏样式 | 
 | 文本溢出隐藏时的样式效果。 | |
| 文本换行 | 
 | 用于指定文本是否单行显示 | |
| 单词断行 | 
 | 用于指定如何在多行文本中处理单词的换行点 | |
| 横向对齐 | 
 | 链接文本内容横向的对齐方式 | |
| 纵向对齐 | 
 | 链接文本内容纵向的对齐方式 | |
| 文本转换 | 
 | 使链接文本显示为全大写或全小写,也可单独对每一个单词进行操作。 | |
| CSS 样式 | 文字颜色 | 
 | 链接文本内容的颜色 | 
| 文字阴影 | 
 | 文字阴影属性用于在元素的框架上添加阴影效果。可以在同一个元素上设置多个阴影效果,并用逗号将它们分隔开。该属性可设置的值包括阴影的 X 轴偏移量、Y 轴偏移量、模糊半径、扩散半径和颜色。详情参见text-shadow 属性 | |
| 边框 | 
 | 切换链接组件文本内容部分边框,详情参见通用属性 | |
| 圆角 | 
 | 切换链接组件文本内容部分圆角,详情参见通用属性 | |
| 内边距 | 
 | 切换链接组件文本内容部分内边距,详情参见通用属性 | 
属性与方法
| 名称 | 类型 | 示例 | 说明 | 
| value | boolean | 
 | 当前切换链接组件的值 | 
| text | string | 
 | 当前切换链接组件的内容 | 
| setValue | func | 
 | 设置切换链接的值为 | 
| clearValue | func | 
 | 清除切换链接的值 | 
| setText | func | 
 | 设置链接文本内容为 | 
| clearText | func | 
 | 清除链接文本内容 | 
事件回调
| 配置 | 说明 | 
| 
 | 当点击链接文本时将触发的事件 | 
场景示例
- 文档展开收起场景- 第一部分是标题和切换链接。 
- 第二部分是具体的文案内容。点击切换链接时,增加点击事件,控制文本组件部分的显隐   
 































