diff --git a/app.json b/app.json
index 740192e5..077bb91b 100644
--- a/app.json
+++ b/app.json
@@ -20,7 +20,7 @@
   ],
   "window":{
     "navigationBarBackgroundColor": "#FAFAFA",
-    "navigationBarTitleText": "WeChat",
+    "navigationBarTitleText": "ZUI",
     "navigationBarTextStyle":"black",
     "backgroundTextStyle":"dark",
     "backgroundColor": "#f9f9f9"
diff --git a/dist/panel/index.wxss b/dist/panel/index.wxss
index 9dd1fc26..b4b29840 100644
--- a/dist/panel/index.wxss
+++ b/dist/panel/index.wxss
@@ -6,6 +6,14 @@
   overflow: hidden;
 }
 
+.zui-panel-title {
+  font-size: 14px;
+  line-height: 14px;
+  color: #999;
+  padding: 10px 15px 0 15px;
+}
+
+
 .zui-panel--without-margin-top {
   margin-top: 0;
 }
diff --git a/example/cell/index.wxml b/example/cell/index.wxml
index bcff0650..b96ac57a 100644
--- a/example/cell/index.wxml
+++ b/example/cell/index.wxml
@@ -28,4 +28,16 @@
     </navigator>
   </view>
 
+  <view class="zui-panel-title">营业时间</view>
+  <view class="zui-panel">
+    <view class="zui-cell">
+      <view class="zui-cell__bd">日期</view>
+      <view class="zui-cell__ft">每天</view>
+    </view>
+    <view class="zui-cell zui-cell--last-child">
+      <view class="zui-cell__bd">时间段</view>
+      <view class="zui-cell__ft">08:00~22:00</view>
+    </view>
+  </view>
+
 </view>
diff --git a/example/panel/index.wxml b/example/panel/index.wxml
index 9a14a05a..c95911cb 100644
--- a/example/panel/index.wxml
+++ b/example/panel/index.wxml
@@ -1,7 +1,8 @@
 <view class="container">
 
+  <view class="zui-panel-title">标题</view>
   <view class="zui-panel">
-    <view style="padding: 15px;">Panel</view>
+    <view style="padding: 15px;">带标题的Panel</view>
   </view>
 
   <view class="zui-panel">
diff --git a/example/steps/index.wxml b/example/steps/index.wxml
index 86426207..849197b1 100644
--- a/example/steps/index.wxml
+++ b/example/steps/index.wxml
@@ -21,11 +21,8 @@
     </view>
   </view>
 
+  <view class="zui-panel-title">有描述的steps</view>
   <view class="zui-panel">
-    <view class="zui-cell">
-      <view class="zui-cell__bd">有描述的steps</view>
-    </view>
-
     <view class="zui-cell">
       <view class="zui-cell__bd">
         <template is="zui-steps" data="{{ type: 'horizon', hasDesc: true, steps: steps }}"></template>
@@ -45,6 +42,7 @@
     </view>
   </view>
 
+  <view class="zui-panel-title">垂直方向的steps</view>
   <view class="zui-panel">
     <view class="zui-cell zui-cell">
       <view class="zui-cell__bd">
@@ -59,11 +57,11 @@
     </view>
   </view>
 
+  <view class="zui-panel-title">可自定义class</view>
   <view class="zui-panel">
-    <view class="zui-cell">
-      <view class="zui-cell__bd">可自定义class</view>
+    <view class="zui-cell__bd">
+      <template is="zui-steps" data="{{ type: 'vertical', steps, className: 'my-class' }}"></template>
     </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 cff4db6e..5ac16b57 100644
--- a/example/steps/index.wxss
+++ b/example/steps/index.wxss
@@ -1,3 +1,6 @@
 .my-class {
-  padding: 5px 15px;
+  padding: 10px;
+}
+.my-class .zui-steps__step--done {
+  color: #f44;
 }