diff --git a/packages/tab/en-US.md b/packages/tab/en-US.md index e3185ee43..dac4136e6 100644 --- a/packages/tab/en-US.md +++ b/packages/tab/en-US.md @@ -154,6 +154,7 @@ In swipeable mode, you can switch tabs with swipe gestrue in the content | color | Tab color | `String` | `#f44` | | type | Can be set to `line` `card` | `String` | `line` | | duration | Toggle tab's animation time | `Number` | `0.3` | - | +| background | Background color | `String` | `white` | | line-width | Width of tab line (px) | `Number` | Width of active tab | | line-height | Height of tab line (px) | `Number` | 3 | | swipe-threshold | Set swipe tabs threshold | `Number` | `4` | - | diff --git a/packages/tab/zh-CN.md b/packages/tab/zh-CN.md index b03d35e31..b1ac35136 100644 --- a/packages/tab/zh-CN.md +++ b/packages/tab/zh-CN.md @@ -158,6 +158,7 @@ export default { | color | 标签颜色 | `String` | `#f44` | 1.2.0 | | type | 样式类型,可选值为`card` | `String` | `line` | - | | duration | 动画时间,单位秒 | `Number` | `0.3` | - | +| background | 标签栏背景色 | `String` | `white` | 1.6.5 | | line-width | 底部条宽度,单位 px | `Number` | - | 1.1.1 | | line-height | 底部条高度,单位 px | `Number` | 3 | 1.5.0 | | swipeable | 是否开启手势滑动切换 | `Boolean` | `false` | 1.0.0 | diff --git a/packages/tabs/index.js b/packages/tabs/index.js index 4bb9e7212..c210a12e8 100644 --- a/packages/tabs/index.js +++ b/packages/tabs/index.js @@ -20,6 +20,7 @@ export default sfc({ animated: Boolean, offsetTop: Number, swipeable: Boolean, + background: String, ellipsis: { type: Boolean, default: true @@ -91,7 +92,8 @@ export default sfc({ navStyle() { return { - borderColor: this.color + borderColor: this.color, + background: this.background }; }, diff --git a/packages/tabs/index.less b/packages/tabs/index.less index 2faef70cb..91ebf6777 100644 --- a/packages/tabs/index.less +++ b/packages/tabs/index.less @@ -11,7 +11,6 @@ line-height: @tabs-line-height; text-align: center; box-sizing: border-box; - background-color: @white; span { display: block;