diff --git a/pages/steps/index.wxml b/pages/steps/index.wxml
index f0aba3b4..58e5b6de 100644
--- a/pages/steps/index.wxml
+++ b/pages/steps/index.wxml
@@ -1,65 +1,66 @@
 <view class="container">
-
-  <view class="zui-cell">
-    <view class="zui-cell__bd">
-      <view class="top-info__steps zui-steps zui-steps-3">
-        <view
-          class="zui-steps__step zui-steps__step--first-child zui-steps__step--done">
-          <text class="zui-steps__title">步骤一</text>
-          <view class="zui-steps__icon">
-            <view class="zui-steps__circle"></view>
+  <view class="zui-panel">
+    <view class="zui-cell">
+      <view class="zui-cell__bd">
+        <view class="top-info__steps zui-steps zui-steps-3">
+          <view
+            class="zui-steps__step zui-steps__step--first-child zui-steps__step--done">
+            <text class="zui-steps__title">步骤一</text>
+            <view class="zui-steps__icon">
+              <view class="zui-steps__circle"></view>
+            </view>
+            <view class="zui-steps__line"></view>
           </view>
-          <view class="zui-steps__line"></view>
-        </view>
-        <view class="zui-steps__step zui-steps__step--done zui-steps__step--cur">
-          <text class="zui-steps__title">步骤二</text>
-          <view class="zui-steps__icon">
-            <view class="zui-steps__circle"></view>
+          <view class="zui-steps__step zui-steps__step--done zui-steps__step--cur">
+            <text class="zui-steps__title">步骤二</text>
+            <view class="zui-steps__icon">
+              <view class="zui-steps__circle"></view>
+            </view>
+            <view class="zui-steps__line"></view>
           </view>
-          <view class="zui-steps__line"></view>
-        </view>
-        <view class="zui-steps__step zui-steps__step--last-child">
-          <text class="zui-steps__title">步骤三</text>
-          <view class="zui-steps__icon">
-            <view class="zui-steps__circle"></view>
+          <view class="zui-steps__step zui-steps__step--last-child">
+            <text class="zui-steps__title">步骤三</text>
+            <view class="zui-steps__icon">
+              <view class="zui-steps__circle"></view>
+            </view>
+            <view class="zui-steps__line"></view>
           </view>
-          <view class="zui-steps__line"></view>
         </view>
       </view>
     </view>
-  </view>
 
-  <view class="zui-cell zui-cell--last-child">
-    <view class="zui-cell__bd">
-      <view class="top-info__steps zui-steps zui-steps-4">
-        <view
-          class="zui-steps__step zui-steps__step--first-child zui-steps__step--done">
-          <text class="zui-steps__title">步骤一</text>
-          <view class="zui-steps__icon">
-            <view class="zui-steps__circle"></view>
+    <view class="zui-cell zui-cell--last-child">
+      <view class="zui-cell__bd">
+        <view class="top-info__steps zui-steps zui-steps-4">
+          <view
+            class="zui-steps__step zui-steps__step--first-child zui-steps__step--done">
+            <text class="zui-steps__title">步骤一</text>
+            <view class="zui-steps__icon">
+              <view class="zui-steps__circle"></view>
+            </view>
+            <view class="zui-steps__line"></view>
           </view>
-          <view class="zui-steps__line"></view>
-        </view>
-        <view class="zui-steps__step zui-steps__step--done">
-          <text class="zui-steps__title">步骤二</text>
-          <view class="zui-steps__icon">
-            <view class="zui-steps__circle"></view>
+          <view class="zui-steps__step zui-steps__step--done">
+            <text class="zui-steps__title">步骤二</text>
+            <view class="zui-steps__icon">
+              <view class="zui-steps__circle"></view>
+            </view>
+            <view class="zui-steps__line"></view>
           </view>
-          <view class="zui-steps__line"></view>
-        </view>
-        <view class="zui-steps__step zui-steps__step--done zui-steps__step--cur">
-          <text class="zui-steps__title">步骤三</text>
-          <view class="zui-steps__icon">
-            <view class="zui-steps__circle"></view>
+          <view class="zui-steps__step zui-steps__step--done zui-steps__step--cur">
+            <text class="zui-steps__title">步骤三</text>
+            <view class="zui-steps__icon">
+              <view class="zui-steps__circle"></view>
+            </view>
+            <view class="zui-steps__line"></view>
           </view>
-          <view class="zui-steps__line"></view>
-        </view>
-        <view class="zui-steps__step zui-steps__step--last-child">
-          <text class="zui-steps__title">步骤四</text>
-          <view class="zui-steps__icon">
-            <view class="zui-steps__circle"></view>
+          <view class="zui-steps__step zui-steps__step--last-child">
+            <text class="zui-steps__title">步骤四</text>
+            <view class="zui-steps__icon">
+              <view class="zui-steps__circle"></view>
+            </view>
+            <view class="zui-steps__line"></view>
           </view>
-          <view class="zui-steps__line"></view>
         </view>
       </view>
     </view>
diff --git a/pages/toast/index.wxml b/pages/toast/index.wxml
index 081e019a..5c60bca5 100644
--- a/pages/toast/index.wxml
+++ b/pages/toast/index.wxml
@@ -1,7 +1,15 @@
 <import src="/zui/toast/index.wxml" />
 
 <view class="container">
-  <button class="zui-btn zui-btn--primary zui-btn--big" catchtap="showToast">弹个窗~</button>
+  <view class="zui-btns">
+    <button
+      class="zui-btn zui-btn--primary zui-btn--big"
+      catchtap="showToast"
+      style="margin-top: 40vh;"
+    >
+      弹个窗~
+    </button>
+  </view>
 </view>
 
 <template is="zui-toast" data="{{ componentToast }}"></template>
diff --git a/pages/toptips/index.wxml b/pages/toptips/index.wxml
index ab058f0a..96bd8343 100644
--- a/pages/toptips/index.wxml
+++ b/pages/toptips/index.wxml
@@ -1,7 +1,15 @@
 <import src="/zui/toptips/index.wxml" />
 
 <view class="container">
-  <button class="zui-btn zui-btn--primary zui-btn--big" catchtap="showTopTips">显示toptips</button>
+  <view class="zui-btns">
+    <button
+      class="zui-btn zui-btn--primary zui-btn--big"
+      catchtap="showTopTips"
+      style="margin-top: 40vh;"
+    >
+      显示toptips
+    </button>
+  </view>
 </view>
 
 <template is="zui-toptips" data="{{ componentTopTips }}"></template>
diff --git a/zui/toast/index.wxss b/zui/toast/index.wxss
index 2f2d564c..e5fc81fd 100644
--- a/zui/toast/index.wxss
+++ b/zui/toast/index.wxss
@@ -2,7 +2,7 @@
   position: fixed;
   top: 35%;
   left: 20%;
-  transform: translateY(-100%);
+  transform: translateZ(0) translateY(-100%);
   background: rgba(0, 0, 0, 0.7);
   color: #fff;
   font-size: 14px;
diff --git a/zui/toptips/index.js b/zui/toptips/index.js
index df71ede9..4e58472d 100644
--- a/zui/toptips/index.js
+++ b/zui/toptips/index.js
@@ -5,6 +5,7 @@ module.exports = {
     // 如果已经有一个计时器在了，就清理掉先
     if (timer) {
       clearTimeout(timer);
+      timer = undefined;
     }
 
     if (typeof options === 'number') {
diff --git a/zui/toptips/index.wxss b/zui/toptips/index.wxss
index 6d3c2c3e..d5437271 100644
--- a/zui/toptips/index.wxss
+++ b/zui/toptips/index.wxss
@@ -9,7 +9,7 @@
   text-align: center;
   color: #FFF;
   background-color: #E64340;
-  z-index: 2;
+  z-index: 20;
 
   /* 动画部分 */
   transition: all 0.4s ease;