# tab 此函数用于创建tab组件 ## 用法 ```html <html> <head> <link rel="stylesheet" href="/bricks/css/bricks.css"> </head> <body> <script src="/bricks/bricks.js"></script> <script> const opts = { "widget": { "widgettype": "TabPanel", "options": { "tab_wide": "auto", "height": "100%", "tab_long": "70%", "tab_pos": "top", "items": [ { "name": "c", "label": "C", "content": { "widgettype": "Text", "options": { "text": "This is a C language documents" } }, "icon": null }, { "name": "javascript", "removable": true, "label": "JavaScript", "content": { "widgettype": "Text", "options": { "text": "This is JavaScript language documents" } }, "icon": null }, { "name": "php", "label": "PHP", "content": { "widgettype": "Text", "options": { "text": "This is PHP language documents" } }, "icon": null }, { "name": "python", "label": "Python", "content": { "widgettype": "Text", "options": { "text": "This is Python language documents" } }, "icon": null }, ] } } }; const app = new BricksApp(opts); app.run(); </script> </body> </html> ``` ## 示例 ![本地png图片](F:\mh\bricks\docs\images\tab.png) ## widget.options参数说明 | 参数 | 说明 | 类型 | 可选值 | 默认值 | | -------- | ---- | ------ | --------------------- | ------ | | tab_wide | 尺寸 | string | auto | auto | | height | 高 | string | ---- | ---- | | tab_long | 宽 | string | ---- | ---- | | tab_pos | 位置 | string | top/bottom/left/right | ----- | ### options.items参数说明 一个items为一个tab项 | 参数 | 说明 | 类型 | 可选值 | 默认值 | | --------- | ------------------------------------------------- | ------- | ------ | ------ | | name | 与选项卡绑定值 value 对应的标识符,表示选项卡别名 | string | ---- | ---- | | label | 选项卡标题 | string | ---- | ---- | | removable | 是否移除选项卡 | boolean | ---- | false | | content | 选项卡的内容 | | | | ## 事件 none