添加zui-panel-title

app.json

@@ -20,7 +20,7 @@
   ],
   "window":{
     "navigationBarBackgroundColor": "#FAFAFA",
-    "navigationBarTitleText": "WeChat",
+    "navigationBarTitleText": "ZUI",
     "navigationBarTextStyle":"black",
     "backgroundTextStyle":"dark",
     "backgroundColor": "#f9f9f9"

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;
 }

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>

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">

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>

example/steps/index.wxss

@@ -1,3 +1,6 @@
 .my-class {
-  padding: 5px 15px;
+  padding: 10px;
+}
+.my-class .zui-steps__step--done {
+  color: #f44;
 }