[improvement] Popup: add z-index prop (#572)

packages/popup/README.md

@@ -51,6 +51,7 @@ Page({
 | position | 可选值为 `top` `bottom` `right` `left` | `String` | - |
 | overlay-style | 自定义蒙层样式 | `String` | `` |
 | close-on-click-overlay | 点击蒙层是否关闭 Popup | `Boolean` | `true` |
+| z-index | z-index 层级 | `Number` | `100` |
 | duration | 动画时长，单位为毫秒 | `Number` | `300` |
 
 ### Event

packages/popup/index.js

@@ -7,6 +7,10 @@ create({
   props: {
     transition: String,
     overlayStyle: String,
+    zIndex: {
+      type: Number,
+      value: 100
+    },
     overlay: {
       type: Boolean,
       value: true

packages/popup/index.pcss

@@ -3,7 +3,6 @@
 .van-popup {
   top: 50%;
   left: 50%;
-  z-index: 11;
   position: fixed;
   max-height: 100%;
   overflow-y: auto;

packages/popup/index.wxml

@@ -1,13 +1,14 @@
 <van-overlay
   mask
   show="{{ overlay && show }}"
+  z-index="{{ zIndex }}"
   custom-style="{{ overlayStyle }}"
   bind:click="onClickOverlay"
 />
 <view
   wx:if="{{ inited }}"
   class="custom-class van-popup {{ position ? 'van-popup--' + position : '' }}"
-  style="animation-name: van-{{ transition || position }}-{{ type }}; animation-duration: {{ duration }}ms; {{ display ? '' : 'display: none;' }}"
+  style="z-index: {{ zIndex }}; animation-name: van-{{ transition || position }}-{{ type }}; animation-duration: {{ duration }}ms; {{ display ? '' : 'display: none;' }}"
   bind:animationend="onAnimationEnd"
 >
   <slot />