[new feature] Tab: add border prop (#595)

.gitignore

@@ -7,3 +7,4 @@ node_modules
 project.config.json
 docs/dist
 example/dist
+.history

packages/tab/README.md

@@ -117,7 +117,8 @@ Page({
 |-----------|-----------|-----------|-------------|
 | active | 当前激活标签的索引 | `String` `Number` | `0` |
 | color | 标签颜色 | `String` | `#f44` |
-| type | 样式风格，可选值为 `card` | `String` | `line` |
+| type | 样式风格，可选值为`card` | `String` | `line` |
+| border | 是否展示外边框，仅在`line`风格下生效 | `Boolean` | `true` |
 | duration | 动画时间 (单位秒)  | `Number` | `0.2` |
 | line-width | 底部条宽度 (px) | `Number` | 与当前标签等宽 |
 | swipe-threshold | 滚动阈值，设置标签数量超过多少个可滚动 | `Number` | `4` |

packages/tabs/index.js

@@ -42,6 +42,10 @@ create({
       type: String,
       value: 'line'
     },
+    border: {
+      type: Boolean,
+      value: true
+    },
     duration: {
       type: Number,
       value: 0.2

packages/tabs/index.wxml

@@ -1,5 +1,5 @@
 <view class="van-tabs van-tabs--{{ type }}">
-  <view class="van-tabs__wrap {{ scrollable ? 'van-tabs__wrap--scrollable' : '' }} {{ type === 'line' ? 'van-hairline--top-bottom' : '' }}">
+  <view class="van-tabs__wrap {{ scrollable ? 'van-tabs__wrap--scrollable' : '' }} {{ type === 'line' && border ? 'van-hairline--top-bottom' : '' }}">
     <scroll-view
       scroll-x="{{ scrollable }}"
       scroll-with-animation