From a6a59e6bc71fdf5d6ee92140461c966e54e6d7d4 Mon Sep 17 00:00:00 2001
From: DeepKolos <k1206521365k@126.com>
Date: Wed, 22 Nov 2017 11:52:39 +0800
Subject: [PATCH] =?UTF-8?q?[optimize=20&=20bug=20fix]=20Button:=20?=
 =?UTF-8?q?=E4=BC=98=E5=8C=96layer,=20=E4=BF=AE=E5=A4=8D=E6=BB=9A=E5=8A=A8?=
 =?UTF-8?q?=E6=97=B6,=20gpu=E5=8D=A0=E7=94=A8=E8=BF=87=E9=AB=98=E6=83=85?=
 =?UTF-8?q?=E5=86=B5=20(#336)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

* 优化button的layer

* [optimize] Button: 把z-index:0; 位置调整
---
 packages/vant-css/src/button.css  | 2 +-
 packages/vant-css/src/loading.css | 4 ++++
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/packages/vant-css/src/button.css b/packages/vant-css/src/button.css
index 7dbd1050f..adf513605 100644
--- a/packages/vant-css/src/button.css
+++ b/packages/vant-css/src/button.css
@@ -24,7 +24,7 @@
     border-color: $black;
     background-color: $black;
     border-radius: inherit;/* inherit parent's border radius */
-    transform: translate3d(-50%, -50%, 0); 
+    transform: translate(-50%, -50%); 
   }
 
   &:not([disabled]):active::before {
diff --git a/packages/vant-css/src/loading.css b/packages/vant-css/src/loading.css
index 330c3b478..0e8258741 100644
--- a/packages/vant-css/src/loading.css
+++ b/packages/vant-css/src/loading.css
@@ -12,6 +12,8 @@
 .van-loading {
   font-size: 0;
   line-height: 0;
+  z-index: 0;
+  position: relative;
 
   &--circle {
     width: 16px;
@@ -28,6 +30,8 @@
   &__spinner {
     width: 100%;
     height: 100%;
+    position: relative;
+    z-index: -1;
     display: inline-block;
     animation: van-loading 0.8s linear infinite;