diff --git a/example/steps/index.wxml b/example/steps/index.wxml
index 1bc643d3..b047bff8 100644
--- a/example/steps/index.wxml
+++ b/example/steps/index.wxml
@@ -8,12 +8,6 @@
       </view>
     </view>
 
-    <view class="zui-cell zui-cell">
-      <view class="zui-cell__bd">
-        <template is="zui-steps" data="{{ type: 'vertical', steps, className: 'my-class' }}"></template>
-      </view>
-    </view>
-
     <view class="zui-cell zui-cell--last-child">
       <view class="zui-cell__bd">
         <template is="zui-steps" data="{{ type: 'vertical', steps }}"></template>
@@ -21,4 +15,11 @@
     </view>
   </view>
 
+  <view class="zui-panel">
+    <view class="zui-cell">
+      <view class="zui-cell__bd">可自定义class</view>
+    </view>
+    <template is="zui-steps" data="{{ type: 'vertical', steps, className: 'my-class' }}"></template>
+  </view>
+
 </view>
diff --git a/example/steps/index.wxss b/example/steps/index.wxss
index 6e691835..cff4db6e 100644
--- a/example/steps/index.wxss
+++ b/example/steps/index.wxss
@@ -1,2 +1,3 @@
 .my-class {
+  padding: 5px 15px;
 }