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