From 038f835fa6577acb2cd52df67f88520ac5825397 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=88=98=E5=BB=BA=E4=B8=9C?= <762022369@qq.com>
Date: Mon, 8 Oct 2018 14:29:41 +0800
Subject: [PATCH] =?UTF-8?q?[new=20feature]:=20Tab=20=E6=96=B0=E5=A2=9E=20z?=
 =?UTF-8?q?-index=20=E5=B1=9E=E6=80=A7=20(#695)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 packages/tab/README.md   | 1 +
 packages/tabs/index.less | 1 -
 packages/tabs/index.ts   | 4 ++++
 packages/tabs/index.wxml | 2 +-
 4 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/packages/tab/README.md b/packages/tab/README.md
index 77068aa9..cfe06c96 100644
--- a/packages/tab/README.md
+++ b/packages/tab/README.md
@@ -117,6 +117,7 @@ Page({
 |-----------|-----------|-----------|-------------|
 | active | 当前激活标签的索引 | `Number` | `0` |
 | color | 标签颜色 | `String` | `#f44` |
+| z-index | z-index 层级 | `Number` | 99 |
 | type | 样式风格，可选值为`card` | `String` | `line` |
 | border | 是否展示外边框，仅在`line`风格下生效 | `Boolean` | `true` |
 | duration | 动画时间 (单位秒)  | `Number` | `0.2` |
diff --git a/packages/tabs/index.less b/packages/tabs/index.less
index fffe3278..b6bbae96 100644
--- a/packages/tabs/index.less
+++ b/packages/tabs/index.less
@@ -11,7 +11,6 @@
     top: 0;
     left: 0;
     right: 0;
-    z-index: 99;
     position: absolute;
 
     &--page-top {
diff --git a/packages/tabs/index.ts b/packages/tabs/index.ts
index 1bd110c6..5ca768d5 100644
--- a/packages/tabs/index.ts
+++ b/packages/tabs/index.ts
@@ -45,6 +45,10 @@ VantComponent({
       type: Number,
       value: 0.2
     },
+    zIndex: {
+      type: Number,
+      value: 99
+    },
     swipeThreshold: {
       type: Number,
       value: 4
diff --git a/packages/tabs/index.wxml b/packages/tabs/index.wxml
index 6c2bffe1..76e22bcb 100644
--- a/packages/tabs/index.wxml
+++ b/packages/tabs/index.wxml
@@ -1,5 +1,5 @@
 <view class="custom-class van-tabs van-tabs--{{ type }}">
-  <view class="van-tabs__wrap {{ scrollable ? 'van-tabs__wrap--scrollable' : '' }} {{ type === 'line' && border ? 'van-hairline--top-bottom' : '' }}">
+  <view style="z-index: {{ zIndex }}" class="van-tabs__wrap {{ scrollable ? 'van-tabs__wrap--scrollable' : '' }} {{ type === 'line' && border ? 'van-hairline--top-bottom' : '' }}">
     <scroll-view
       scroll-x="{{ scrollable }}"
       scroll-with-animation