diff --git a/app.json b/app.json
index 4374623a..01d17956 100644
--- a/app.json
+++ b/app.json
@@ -14,7 +14,8 @@
"example/form/index",
"example/steps/index",
"example/namecard/index",
- "example/toast/index"
+ "example/toast/index",
+ "example/vsteps/index"
],
"window":{
"navigationBarBackgroundColor": "#FAFAFA",
diff --git a/dist/index.wxss b/dist/index.wxss
index 8a66f808..e5cce069 100644
--- a/dist/index.wxss
+++ b/dist/index.wxss
@@ -14,3 +14,4 @@
@import "steps/index.wxss";
@import "toast/index.wxss";
@import "toptips/index.wxss";
+@import "vsteps/index.wxss";
diff --git a/dist/vsteps/index.wxss b/dist/vsteps/index.wxss
new file mode 100644
index 00000000..04eb688c
--- /dev/null
+++ b/dist/vsteps/index.wxss
@@ -0,0 +1,78 @@
+
+.zui-vsteps {
+ position: relative;
+ padding: 15px;
+ color: #999;
+ font-size: 14px;
+}
+
+.zui-vsteps::after {
+ left: 42px;
+}
+
+.zui-vsteps--active {
+ color: #44BB00;
+}
+
+.zui-vsteps__line {
+ position: absolute;
+ top: 0;
+ bottom: 0;
+ left: 22px;
+ width: 1px;
+ background-color: #e5e5e5;
+}
+
+.zui-vsteps__content {
+ padding-left: 27px;
+}
+
+.zui-vsteps__icons {
+ position: absolute;
+ left: 22px;
+ top: 50%;
+ transform: translate(-50%, -50%);
+ z-index: 2;
+ font-size: 0;
+ line-height: 0;
+ padding: 3px 0;
+ background-color: #fff;
+}
+
+.zui-vsteps__icon {
+
+}
+
+.zui-vsteps__icon--normal {
+ width: 5px;
+ height: 5px;
+ background-color: #cacaca;
+ border-radius: 10px;
+}
+
+.zui-vsteps__icon--active {
+ width: 13px;
+ height: 13px;
+}
+
+.zui-vsteps--first-child .zui-vsteps__title::before {
+ content: '';
+ position: absolute;
+ top: 0;
+ bottom: 50%;
+ left: 22px;
+ width: 1px;
+ background-color: #fff;
+ z-index: 1;
+}
+
+.zui-vsteps--last-child .zui-vsteps__title::before {
+ content: '';
+ position: absolute;
+ top: 50%;
+ bottom: 0%;
+ left: 22px;
+ width: 1px;
+ background-color: #fff;
+ z-index: 1;
+}
diff --git a/example/dashboard/index.wxml b/example/dashboard/index.wxml
index 2c5e1792..50b6d6e4 100644
--- a/example/dashboard/index.wxml
+++ b/example/dashboard/index.wxml
@@ -53,6 +53,10 @@
Steps
+
+ Vsteps
+
+
Toast
diff --git a/example/vsteps/index.js b/example/vsteps/index.js
new file mode 100644
index 00000000..99e7458d
--- /dev/null
+++ b/example/vsteps/index.js
@@ -0,0 +1,13 @@
+var app = getApp()
+
+Page({
+ data: {
+ },
+
+ onLoad: function () {
+
+ },
+
+ onShow: function() {
+ },
+})
diff --git a/example/vsteps/index.wxml b/example/vsteps/index.wxml
new file mode 100644
index 00000000..c0b8a587
--- /dev/null
+++ b/example/vsteps/index.wxml
@@ -0,0 +1,43 @@
+
+
+
+
+
+
+
+
+
+ 卖家退款(2016-03-23 20:20:20)
+
+
+
+
+
+
+
+
+
+
+ 卖家退款(2016-03-23 20:20:20)
+
+
+
+
+
+
+
+
+
+
+ 卖家退款(2016-03-23 20:20:20)
+
+
+
+
+