# 标签页

对内容进行分页,选择。

WARNING

本组件使用flex布局,请保证bl-tabsbl-tabs-headbl-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
Last Updated: 9/5/2022, 9:16:48 PM