# TabBar 标签栏

说明

## 基础用法

说明

::: snippet 示例

```html
<template>
  <div class="tab-bar-demo">
    <zui-tab-bar :items="items"></zui-tab-bar>
  </div>
</template>

<script>
export default {
  data() {
    return {
      items: [{ name: 1, label: '标签1' }, { name: 2, label: '标签2' }]
    }
  } 
}
</script>

<style>
.tab-bar-demo {
  background: #eee;
  padding: 20px;
}
</style>
```

:::