[通用]移动端 Tab 布局

编辑
  • 文档创建者:jiangsr
  • 浏览次数:2659次
  • 编辑次数:8次
  • 最近更新:Kevin-s 于 2019-06-07
  • 1. 版本

    移动端版本  HTML5 版本  
      App10.1 及以上  V6.0 及以上


    2. 设计方案

    支持单个 Tab 标题样式设置,支持 Tab 自定义显示隐藏

    注:暂不支持自动轮播


    3. 具体设计

    3.1 支持单个 Tab 标题样式设置

    支持 Tab 块初始背景、选中背景,如下所示:


    支持的属性及效果 

      属性是否支持  说明  
    标题样式支持

    支持设置样式为自定义

    初始背景支持只支持颜色,如果设置为图片,则识别为默认
    鼠标浮动背景不支持  
    鼠标点击背景支持只支持颜色,如果设置为图片,则识别为默认


    3.2 支持单个 Tab 自定义显示隐藏

    与图表块、报表块一样,是否显示tab标题由样式属性决定,如下图:

    注:自 App9.3 开始,支持该方法来实现单个 Tab 块自定义显示隐藏。

    同时还提供 JS 接口,详细点击 [通用]setTabVisible

    3.3 支持整个 Tab 自定义显示隐藏

    选择 tabpane0,设置控件大小为 0 或者拖动标题组件到上下线重合,即可隐藏 Tab 标题,如下所示:

    1)表单重布局下,当 Tab整体标题隐藏时,Tab 底部多出一块显示点点点,且只有在这块区域左右滑动来切换 Tab



    2)表单保留布局下,当 Tab 整体标题隐藏时,则无法切换,不显示标题和点点点



    附件列表


    主题: 移动端应用
    标签: 暂无标签 编辑/添加标签
    如果您认为本文档还有待完善,请编辑

    文档内容仅供参考,如果你需要获取更多帮助,付费/准付费客户请咨询帆软技术支持
    关于技术问题,您还可以前往帆软社区,点击顶部搜索框旁边的提问按钮
    若您还有其他非技术类问题,可以联系帆软传说哥(qq:1745114201

    此页面有帮助吗?只是浏览 [ 去社区提问 ]