From dbe5f7c8925e45c1ceadb7761dda13aa4c35deeb Mon Sep 17 00:00:00 2001
From: Weilanwl <1273753708@qq.com>
Date: Mon, 14 Jan 2019 21:58:53 +0800
Subject: [PATCH] =?UTF-8?q?v2.0.5(=E4=BF=AE=E5=A4=8Dv2)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 demo/colorui.wxss                     | 125 +++++++++++++++++++++++++-
 demo/pages/component/steps/steps.wxss | 121 -------------------------
 template/colorui.wxss                 | 125 +++++++++++++++++++++++++-
 3 files changed, 248 insertions(+), 123 deletions(-)

diff --git a/demo/colorui.wxss b/demo/colorui.wxss
index a82ef92..a04f136 100644
--- a/demo/colorui.wxss
+++ b/demo/colorui.wxss
@@ -1,5 +1,5 @@
 /*
-  Color UI v2.0.5(修复) | by 文晓港 
+  Color UI v2.0.5(修复v2) | by 文晓港 
   仅供学习交流，如作它用所承受的法律责任一概与作者无关   
   （QQ交流群：240787041）
   文档：http://www.color-ui.com/
@@ -3164,3 +3164,126 @@ swiper.round-dot .wx-swiper-dot.wx-swiper-dot-active {
 .fr {
   float: right;
 }
+/* ==================
+          步骤条
+ ==================== */
+.cu-steps {
+  display: flex;
+}
+
+scroll-view.cu-steps {
+  display: block;
+  white-space: nowrap;
+}
+
+scroll-view.cu-steps .cu-item {
+  display: inline-block;
+}
+
+.cu-steps .cu-item {
+  flex: 1;
+  text-align: center;
+  color: #aaa;
+  position: relative;
+  min-width: 100rpx;
+}
+
+.cu-steps .cu-item [class*="icon"], .cu-steps .cu-item .num {
+  display: block;
+  font-size: 40rpx;
+  line-height: 80rpx;
+}
+
+.cu-steps .cu-item::before, .cu-steps .cu-item::after,.cu-steps.steps-arrow .cu-item::before, .cu-steps.steps-arrow .cu-item::after  {
+  content: "";
+  display: block;
+  position: absolute;
+  height: 0px;
+  width: calc(100% - 80rpx);
+  border-bottom: 1px solid #ccc;
+  left: calc(0px - (100% - 80rpx) / 2);
+  top: 40rpx;
+  z-index: 0;
+}
+
+.cu-steps.steps-arrow .cu-item::before, .cu-steps.steps-arrow .cu-item::after {
+  content: "\e6a3";  
+  font-family: 'iconfont';
+  height: 30rpx;
+  border-bottom-width: 0px;  
+  line-height: 30rpx;
+  top: 0;
+  bottom: 0;
+  margin: auto;
+  color: #ccc;
+}
+
+.cu-steps.steps-bottom .cu-item::before, .cu-steps.steps-bottom .cu-item::after {
+  bottom: 40rpx;
+  top: initial;
+}
+
+.cu-steps .cu-item::after {
+  border-bottom: 1px solid currentColor;
+  width: 0px;
+  transition: all 0.3s ease-in-out 0s;
+}
+
+.cu-steps .cu-item[class*="text-"]::after {
+  width: calc(100% - 80rpx);
+  color: currentColor !important;
+}
+
+.cu-steps .cu-item:first-child::before, .cu-steps .cu-item:first-child::after {
+  display: none;
+}
+
+.cu-steps .cu-item .num {
+  width: 40rpx;
+  height: 40rpx;
+  border-radius: 50%;
+  line-height: 40rpx;
+  margin: 20rpx auto;
+  font-size: 24rpx;
+  border: 1px solid currentColor;
+  position: relative;
+  overflow: hidden;
+}
+
+.cu-steps .cu-item[class*="text-"] .num {
+  background-color: currentColor;
+}
+
+.cu-steps .cu-item .num::before, .cu-steps .cu-item .num::after {
+  content: attr(data-index);
+  position: absolute;
+  left: 0;
+  right: 0;
+  top: 0;
+  bottom: 0;
+  margin: auto;
+  transition: all 0.3s ease-in-out 0s;
+  transform: translateY(0rpx);
+}
+
+.cu-steps .cu-item[class*="text-"] .num::before {
+  transform: translateY(-40rpx);
+  color: #fff;
+}
+
+.cu-steps .cu-item .num::after {
+  transform: translateY(40rpx);
+  color: #fff;
+  transition: all 0.3s ease-in-out 0s;
+}
+
+.cu-steps .cu-item[class*="text-"] .num::after {
+  content: "\e645";
+  font-family: 'iconfont';
+  color: #fff;
+  transform: translateY(0rpx);
+}
+
+.cu-steps .cu-item[class*="text-"] .num.err::after {
+  content: "\e646";
+}
diff --git a/demo/pages/component/steps/steps.wxss b/demo/pages/component/steps/steps.wxss
index 9315f92..09a8067 100644
--- a/demo/pages/component/steps/steps.wxss
+++ b/demo/pages/component/steps/steps.wxss
@@ -2,124 +2,3 @@
   content: "\e668";
   font-family: 'iconfont';
 }
-
-.cu-steps {
-  display: flex;
-}
-
-scroll-view.cu-steps {
-  display: block;
-  white-space: nowrap;
-}
-
-scroll-view.cu-steps .cu-item {
-  display: inline-block;
-}
-
-.cu-steps .cu-item {
-  flex: 1;
-  text-align: center;
-  color: #aaa;
-  position: relative;
-  min-width: 100rpx;
-}
-
-.cu-steps .cu-item [class*="icon"], .cu-steps .cu-item .num {
-  display: block;
-  font-size: 40rpx;
-  line-height: 80rpx;
-}
-
-.cu-steps .cu-item::before, .cu-steps .cu-item::after,.cu-steps.steps-arrow .cu-item::before, .cu-steps.steps-arrow .cu-item::after  {
-  content: "";
-  display: block;
-  position: absolute;
-  height: 0px;
-  width: calc(100% - 80rpx);
-  border-bottom: 1px solid #ccc;
-  left: calc(0px - (100% - 80rpx) / 2);
-  top: 40rpx;
-  z-index: 0;
-}
-
-.cu-steps.steps-arrow .cu-item::before, .cu-steps.steps-arrow .cu-item::after {
-  content: "\e6a3";  
-  font-family: 'iconfont';
-  height: 30rpx;
-  border-bottom-width: 0px;  
-  line-height: 30rpx;
-  top: 0;
-  bottom: 0;
-  margin: auto;
-  color: #ccc;
-}
-
-.cu-steps.steps-bottom .cu-item::before, .cu-steps.steps-bottom .cu-item::after {
-  bottom: 40rpx;
-  top: initial;
-}
-
-.cu-steps .cu-item::after {
-  border-bottom: 1px solid currentColor;
-  width: 0px;
-  transition: all 0.3s ease-in-out 0s;
-}
-
-.cu-steps .cu-item[class*="text-"]::after {
-  width: calc(100% - 80rpx);
-  color: currentColor !important;
-}
-
-.cu-steps .cu-item:first-child::before, .cu-steps .cu-item:first-child::after {
-  display: none;
-}
-
-.cu-steps .cu-item .num {
-  width: 40rpx;
-  height: 40rpx;
-  border-radius: 50%;
-  line-height: 40rpx;
-  margin: 20rpx auto;
-  font-size: 24rpx;
-  border: 1px solid currentColor;
-  position: relative;
-  overflow: hidden;
-}
-
-.cu-steps .cu-item[class*="text-"] .num {
-  background-color: currentColor;
-}
-
-.cu-steps .cu-item .num::before, .cu-steps .cu-item .num::after {
-  content: attr(data-index);
-  position: absolute;
-  left: 0;
-  right: 0;
-  top: 0;
-  bottom: 0;
-  margin: auto;
-  transition: all 0.3s ease-in-out 0s;
-  transform: translateY(0rpx);
-}
-
-.cu-steps .cu-item[class*="text-"] .num::before {
-  transform: translateY(-40rpx);
-  color: #fff;
-}
-
-.cu-steps .cu-item .num::after {
-  transform: translateY(40rpx);
-  color: #fff;
-  transition: all 0.3s ease-in-out 0s;
-}
-
-.cu-steps .cu-item[class*="text-"] .num::after {
-  content: "\e645";
-  font-family: 'iconfont';
-  color: #fff;
-  transform: translateY(0rpx);
-}
-
-.cu-steps .cu-item[class*="text-"] .num.err::after {
-  content: "\e646";
-}
diff --git a/template/colorui.wxss b/template/colorui.wxss
index a82ef92..a04f136 100644
--- a/template/colorui.wxss
+++ b/template/colorui.wxss
@@ -1,5 +1,5 @@
 /*
-  Color UI v2.0.5(修复) | by 文晓港 
+  Color UI v2.0.5(修复v2) | by 文晓港 
   仅供学习交流，如作它用所承受的法律责任一概与作者无关   
   （QQ交流群：240787041）
   文档：http://www.color-ui.com/
@@ -3164,3 +3164,126 @@ swiper.round-dot .wx-swiper-dot.wx-swiper-dot-active {
 .fr {
   float: right;
 }
+/* ==================
+          步骤条
+ ==================== */
+.cu-steps {
+  display: flex;
+}
+
+scroll-view.cu-steps {
+  display: block;
+  white-space: nowrap;
+}
+
+scroll-view.cu-steps .cu-item {
+  display: inline-block;
+}
+
+.cu-steps .cu-item {
+  flex: 1;
+  text-align: center;
+  color: #aaa;
+  position: relative;
+  min-width: 100rpx;
+}
+
+.cu-steps .cu-item [class*="icon"], .cu-steps .cu-item .num {
+  display: block;
+  font-size: 40rpx;
+  line-height: 80rpx;
+}
+
+.cu-steps .cu-item::before, .cu-steps .cu-item::after,.cu-steps.steps-arrow .cu-item::before, .cu-steps.steps-arrow .cu-item::after  {
+  content: "";
+  display: block;
+  position: absolute;
+  height: 0px;
+  width: calc(100% - 80rpx);
+  border-bottom: 1px solid #ccc;
+  left: calc(0px - (100% - 80rpx) / 2);
+  top: 40rpx;
+  z-index: 0;
+}
+
+.cu-steps.steps-arrow .cu-item::before, .cu-steps.steps-arrow .cu-item::after {
+  content: "\e6a3";  
+  font-family: 'iconfont';
+  height: 30rpx;
+  border-bottom-width: 0px;  
+  line-height: 30rpx;
+  top: 0;
+  bottom: 0;
+  margin: auto;
+  color: #ccc;
+}
+
+.cu-steps.steps-bottom .cu-item::before, .cu-steps.steps-bottom .cu-item::after {
+  bottom: 40rpx;
+  top: initial;
+}
+
+.cu-steps .cu-item::after {
+  border-bottom: 1px solid currentColor;
+  width: 0px;
+  transition: all 0.3s ease-in-out 0s;
+}
+
+.cu-steps .cu-item[class*="text-"]::after {
+  width: calc(100% - 80rpx);
+  color: currentColor !important;
+}
+
+.cu-steps .cu-item:first-child::before, .cu-steps .cu-item:first-child::after {
+  display: none;
+}
+
+.cu-steps .cu-item .num {
+  width: 40rpx;
+  height: 40rpx;
+  border-radius: 50%;
+  line-height: 40rpx;
+  margin: 20rpx auto;
+  font-size: 24rpx;
+  border: 1px solid currentColor;
+  position: relative;
+  overflow: hidden;
+}
+
+.cu-steps .cu-item[class*="text-"] .num {
+  background-color: currentColor;
+}
+
+.cu-steps .cu-item .num::before, .cu-steps .cu-item .num::after {
+  content: attr(data-index);
+  position: absolute;
+  left: 0;
+  right: 0;
+  top: 0;
+  bottom: 0;
+  margin: auto;
+  transition: all 0.3s ease-in-out 0s;
+  transform: translateY(0rpx);
+}
+
+.cu-steps .cu-item[class*="text-"] .num::before {
+  transform: translateY(-40rpx);
+  color: #fff;
+}
+
+.cu-steps .cu-item .num::after {
+  transform: translateY(40rpx);
+  color: #fff;
+  transition: all 0.3s ease-in-out 0s;
+}
+
+.cu-steps .cu-item[class*="text-"] .num::after {
+  content: "\e645";
+  font-family: 'iconfont';
+  color: #fff;
+  transform: translateY(0rpx);
+}
+
+.cu-steps .cu-item[class*="text-"] .num.err::after {
+  content: "\e646";
+}