diff --git a/example/steps/index.wxml b/example/steps/index.wxml
index 112bc8f9..1bc643d3 100644
--- a/example/steps/index.wxml
+++ b/example/steps/index.wxml
@@ -8,6 +8,12 @@
       </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>
diff --git a/example/steps/index.wxss b/example/steps/index.wxss
new file mode 100644
index 00000000..6e691835
--- /dev/null
+++ b/example/steps/index.wxss
@@ -0,0 +1,2 @@
+.my-class {
+}