diff --git a/app.json b/app.json
index d9d57f9c..eb026ef7 100644
--- a/app.json
+++ b/app.json
@@ -9,7 +9,8 @@
     "pages/panel/index",
     "pages/tab/index",
     "pages/quantity/index",
-    "pages/toptips/index"
+    "pages/toptips/index",
+    "pages/steps/index"
   ],
   "window":{
     "navigationBarBackgroundColor": "#FAFAFA",
diff --git a/pages/steps/index.js b/pages/steps/index.js
new file mode 100644
index 00000000..99e7458d
--- /dev/null
+++ b/pages/steps/index.js
@@ -0,0 +1,13 @@
+var app = getApp()
+
+Page({
+  data: {
+  },
+
+  onLoad: function () {
+
+  },
+
+  onShow: function() {
+  },
+})
diff --git a/pages/steps/index.wxml b/pages/steps/index.wxml
new file mode 100644
index 00000000..4b2a9e75
--- /dev/null
+++ b/pages/steps/index.wxml
@@ -0,0 +1,24 @@
+<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__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__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>