标签栏

用于页面内容按照类型拆分, 可左右滑动/点击子标题切换内容

关键步骤

添加标签页* -> 修改模式 -> 添加组件到子标签容器 -> 修改垂直布局模式*

1. 添加标签页: 添加子标签

  • 数据 -> 修改默认两项标签页标题 -> 点击添加标签页按钮, 修改标题
  • 前两项不能删除, 只能修改标题
  • 按照从上到下展开在组件头部
  • 索引从0、1、2...总长度-1; 默认0, 即显示第一个标签页

2. 修改模式: 修改顶部标题样式, 默认为常规

  • 模式选择“自定义”, 样式配置与选择视图同理, 数据选择本地数据, 区别在于只能选择本地数据, 选中/正常标签宽度不能修改, 为标签栏宽度/标签页数量
  • 双击标签栏进入‘聚焦模式’, 编辑选中标签/正常标签 单击正常/选中标签可拖拽改变高度(图1) 拖拽组件到正常/选中标签, 数据选择本地数据(图2, 图3)

3. 添加组件到子标签容器, 点击顶部文字可以编辑容器属性

4. 修改垂直布局模式

常用: 充满父组件/适应内容, 一般内部组件为固定高度或者与父级的同理
注意: 除了修改标签栏的垂直布局模式, 还需要修改子标签的垂直布局模式
  • 修改标签栏 点击‘预览’底下的组件部分 -> 垂直布局模式
  • 修改子标签点击顶部文字(标签标题) -> 垂直布局模式

5. 预览不同标签页: 设置选中标签页索引(默认 0)

2022-03-21
0 0