Eagle UI

# Tabs - 选择面板

# 预览


# 示例

<e-tabs selected="sports">
    <e-tabs-head>
        <e-tabs-item name="sports">
            <e-icon name="zan"></e-icon>
            体育
        </e-tabs-item>
        <e-tabs-item name="finance" disabled>财经</e-tabs-item>
        <e-tabs-item name="lean">学习</e-tabs-item>
        <e-tabs-item name="military">军事</e-tabs-item>
    </e-tabs-head>
    <e-tabs-body>
        <e-tabs-pane name="sports">体育新闻...</e-tabs-pane>
        <e-tabs-pane name="finance">财经新闻...</e-tabs-pane>
        <e-tabs-pane name="lean">学习</e-tabs-pane>
        <e-tabs-pane name="military">军事新闻...</e-tabs-pane>
    </e-tabs-body>
</e-tabs>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17

# 选项

# 1. name(必填)

你需要为每个item与pane提供对用的name属性作为标记，并且需要保证提供的值必须是唯一的

参数：Number | String

# 2. 禁用

使用disable禁用某一项

参数：Boolean

# 3. 默认选中

在 e-tabs 组件上使用 selected=name 设置默认选中的tab

参数：String

← Layout - 布局 →