# 3.4 菱形标签（Diamond tab）
菱形标签页组件
# 基础用法
vue <template> <dof-diamond-tab></dof-diamond-tab> </template>
# Attributes
| Prop | Type | Required | Default | Description |
|---|---|---|---|---|
tabData** | Array | N | () => [] | - |
active** | Number | N | null | - |
bgColor** | String | N | '#151617' | - |
activeBorderColor** | String | N | '#b35336' | - |
textFontSize** | String | N | '28px' | - |
textColor** | String | N | 'rgba(255 | - |
activeTextColor** | String | N | 'rgba(255 | - |
borderColor** | String | N | 'rgba(61 | - |
touchColor** | String | N | '#2d2e2f' | - |
itemHeight** | Number | N | 64 | - |
maxLen** | Number | N | 0 | - |
isFlexible** | Boolean | N | false | - |
needDarkMode** | Boolean | N | false | - |