diff --git a/examples/hello-uniapp/common/uni.css b/examples/hello-uniapp/common/uni.css
index b20ccf5945fa65b3478027a37dcfcbb1fd97544f..0ecd8a231f643dbe28c02d461b626799acfbfb03 100644
--- a/examples/hello-uniapp/common/uni.css
+++ b/examples/hello-uniapp/common/uni.css
@@ -861,4 +861,15 @@ radio-group label, checkbox-group label{
.uni-tab-bar-loading{
padding:20upx 0;
-}
\ No newline at end of file
+}
+
+/* steps */
+.uni-steps{padding:20upx 30upx; flex-grow: 1; display:flex; flex-wrap:wrap;}
+.uni-steps view{display:flex; flex-wrap:wrap; float:none;}
+.uni-steps .step{width:31.3%; margin:0 1%; flex-wrap:nowrap;}
+.uni-steps .step-circle{width:50upx; height:50upx; border-radius:50upx; background:#F1F1F3; justify-content:center; line-height:50upx; flex-shrink:0; margin-right:15upx; color:#666; font-size:28upx;}
+.uni-steps .step-content{width:100%; height:22upx; border-bottom:1px solid #F1F2F3;}
+.uni-steps .step-title{line-height:50upx; height:50upx; background:#FFFFFF; width:auto; overflow:hidden; padding-right:8upx;}
+.uni-steps .current .step-circle{background:#00B26A; color:#FFFFFF;}
+.uni-steps .current .step-content{border-color:#00B26A;}
+.uni-steps .current .step-title{color:#00B26A;}
\ No newline at end of file
diff --git a/examples/hello-uniapp/pages/template/steps/steps.vue b/examples/hello-uniapp/pages/template/steps/steps.vue
index 692b94c0f16c3074afcb6b1e178a07b8de44e116..db5a4cca83156a3f996ad28542c00d395be339bd 100755
--- a/examples/hello-uniapp/pages/template/steps/steps.vue
+++ b/examples/hello-uniapp/pages/template/steps/steps.vue
@@ -27,21 +27,14 @@
\ No newline at end of file