From 0578ae169718e0328e325e5939f5f187f7a7dac9 Mon Sep 17 00:00:00 2001
From: pangxie1991 <chenyao1102@gmail.com>
Date: Mon, 19 Dec 2016 17:37:24 +0800
Subject: [PATCH] steps

---
 app.json               |  3 ++-
 pages/steps/index.js   | 13 +++++++++++++
 pages/steps/index.wxml | 24 ++++++++++++++++++++++++
 3 files changed, 39 insertions(+), 1 deletion(-)
 create mode 100644 pages/steps/index.js
 create mode 100644 pages/steps/index.wxml

diff --git a/app.json b/app.json
index 610944d0..7f1dbd7e 100644
--- a/app.json
+++ b/app.json
@@ -8,7 +8,8 @@
     "pages/loadmore/index",
     "pages/panel/index",
     "pages/tab/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>