amis/docs/renderers/Tabs.md

4.0 KiB
Raw Blame History

Tabs

属性名 类型 默认值 说明
type string "tabs" 指定为 Tabs 渲染器
className string 外层 Dom 的类名
tabsClassName string Tabs Dom 的类名
activeKey numberstring 配置默认展示的 tab。配置tabstabhash值,或者配置需要展示第ntab0 是第一个
tabs Array tabs 内容
toolbar Container tabs 中的工具栏
toolbarClassName string tabs 中工具栏的类名
tabs[x].title string Tab 标题
tabs[x].icon icon Tab 的图标
tabs[x].tab Container 内容区
tabs[x].hash string 设置以后将跟 url 的 hash 对应
tabs[x].reload boolean 设置以后内容每次都会重新渲染,对于 crud 的重新拉取很有用
tabs[x].unmountOnExit boolean 每次退出都会销毁当前 tab 栏内容
tabs[x].className string "bg-white b-l b-r b-b wrapper-md" Tab 区域样式
[
    {
        "type": "tabs",
        "tabs": [
            {
                "title": "Tab 1",
                "tab": "Content 1"
            },

            {
                "title": "Tab 2",
                "tab": "Content 2"
            }
        ]
    },
    {
        "type": "tabs",
        "toolbar": [
            {
                "type": "button",
                "label": "按钮",
                "actionType": "dialog",
                "dialog": {
                    "title": "弹窗标题",
                    "body": "你点击了"
                }
            }
        ],
        "tabs": [
            {
                "title": "Tab 1",
                "tab": "Content 1"
            },

            {
                "title": "Tab 2",
                "tab": "Content 2"
            }
        ]
    }
]