# 标签页
对内容进行分页,选择。
WARNING
本组件使用flex布局,请保证bl-tabs
是bl-tabs-head
、bl-tabs-body
的父元素,并且他们的父元素也是bl-tabs
,否则可能会发生样式错误。
# 如何使用
# 引入
import 'blitz-ui-demo/dist/index.css'
import { Tabs } from 'blitz-ui-demo'
import { TabsHead } from 'blitz-ui-demo'
import { TabsBody } from 'blitz-ui-demo'
import { TabsItem } from 'blitz-ui-demo'
import { Tabspanel } from 'blitz-ui-demo'
export default {
components:{
'bl-tabs':Tabs,
'bl-tabs-head':TabsHead,
'bl-tabs-body':TabsBody,
'bl-tabs-item':TabsItem,
'bl-tabs-panel':Tabspanel
}
}
# 简洁样式
# Tabs Attribute
参数 | 说明 | 类型 | 可选值 | 默认值 |
---|---|---|---|---|
selected | 绑定值,默认选项卡的 name | String | — | — |
# Tabs-item Attributes
参数 | 说明 | 类型 | 可选值 | 默认值 |
---|---|---|---|---|
disabled | 是否禁用 | Boolean | — | false |
name | 与选项卡绑定值对应的标识符,表示选项卡别名 | String/Number | — | — |
# Tabs-panel Attribute
参数 | 说明 | 类型 | 可选值 | 默认值 |
---|---|---|---|---|
name | 与选项卡绑定值对应的标识符,表示选项卡别名,对应panel 到对应的选项卡 | String/Number | — | — |