tudouUi —— UI组件库

# Tabs 标签

# 引入

import { Tabs } from 'tudou-ui'
Vue.use(Tabs)

# 基础用法

<tudou-tabs>
    <tudou-tabs-panel name="标签页1">内容1</tudou-tabs-panel>
    <tudou-tabs-panel name="标签页2" active>内容2</tudou-tabs-panel>
    <tudou-tabs-panel name="标签页3">内容3</tudou-tabs-panel>
    <tudou-tabs-panel name="标签页4" disabled>内容4</tudou-tabs-panel>
</tudou-tabs>

# API

属性 类型 默认值 说明
name String 无 设置tab的名字
active Boolean false 设置该tab为选中状态，如未设置，默认选中第一个tab
disabled Boolean false 设置该tab为禁用状态

# Tabbar 标签栏

# 引入

import { Tabbar } from 'tudou-ui'
Vue.use(Tabbar)

# 基础用法

<tudou-tabs>
    <tudou-tabs-panel name="标签页1">内容1</tudou-tabs-panel>
    <tudou-tabs-panel name="标签页2" active>内容2</tudou-tabs-panel>
    <tudou-tabs-panel name="标签页3">内容3</tudou-tabs-panel>
    <tudou-tabs-panel name="标签页4" disabled>内容4</tudou-tabs-panel>
</tudou-tabs>

# API

属性 类型 默认值 说明
name String 无 设置tab的名字
active Boolean false 设置该tab为选中状态，如未设置，默认选中第一个tab
disabled Boolean false 设置该tab为禁用状态