整理文档

example/dashboard/config.js

@@ -0,0 +1,74 @@
+export default {
+  base: {
+    title: '基础组件',
+    content: [
+      {
+        name: 'Badge 徽章',
+        path: '/example/badge/index'
+      }, {
+        name: 'Button 按钮',
+        path: '/example/btn/index'
+      }, {
+        name: 'Capsule 胶囊',
+        path: '/example/capsule/index'
+      }, {
+        name: 'Card 卡片',
+        path: '/example/card/index'
+      }, {
+        name: 'Cell 单元格',
+        path: '/example/cell/index'
+      }, {
+        name: 'Form 表单',
+        path: '/example/form/index'
+      }, {
+        name: 'Helper 基础样式',
+        path: '/example/helper/index'
+      }, {
+        name: 'Icon 图标',
+        path: '/example/icon/index'
+      }, {
+        name: 'Label 标签',
+        path: '/example/label/index'
+      }, {
+        name: 'Loadmore 加载',
+        path: '/example/loadmore/index'
+      }, {
+        name: 'Noticebar 通告栏',
+        path: '/example/noticebar/index'
+      }, {
+        name: 'Panel 面板',
+        path: '/example/panel/index'
+      }, {
+        name: 'Popup 弹出层',
+        path: '/example/popup/index'
+      }, {
+        name: 'Quantity 计数器',
+        path: '/example/quantity/index'
+      }, {
+        name: 'Steps 步骤条',
+        path: '/example/steps/index'
+      }, {
+        name: 'Switch 开关',
+        path: '/example/switch/index'
+      }, {
+        name: 'Tab 标签',
+        path: '/example/tab/index'
+      }, {
+        name: 'Toptips 顶部提示',
+        path: '/example/toptips/index'
+      }
+    ]
+  },
+  action: {
+    title: '操作反馈',
+    content: [
+      {
+        name: 'Toast 轻提示',
+        path: '/example/toast/index'
+      }, {
+        name: 'Dialog 弹出框',
+        path: '/example/dialog/index'
+      }
+    ]
+  }
+}

example/dashboard/index.js

@@ -1,68 +1,8 @@
+import componentsConfig from './config';
+
 Page({
   data: {
-    list: [
+    list: componentsConfig
-      {
-        name: 'Badge 徽章',
-        path: '/example/badge/index'
-      }, {
-        name: 'Button 按钮',
-        path: '/example/btn/index'
-      }, {
-        name: 'Capsule 胶囊',
-        path: '/example/capsule/index'
-      }, {
-        name: 'Card 卡片',
-        path: '/example/card/index'
-      }, {
-        name: 'Cell 单元格',
-        path: '/example/cell/index'
-      }, {
-        name: 'Dialog 弹出框',
-        path: '/example/dialog/index'
-      }, {
-        name: 'Form 表单',
-        path: '/example/form/index'
-      }, {
-        name: 'Helper 基础样式',
-        path: '/example/helper/index'
-      }, {
-        name: 'Icon 图标',
-        path: '/example/icon/index'
-      }, {
-        name: 'Label 标签',
-        path: '/example/label/index'
-      }, {
-        name: 'Loadmore 加载',
-        path: '/example/loadmore/index'
-      }, {
-        name: 'Noticebar 通告栏',
-        path: '/example/noticebar/index'
-      }, {
-        name: 'Panel 面板',
-        path: '/example/panel/index'
-      }, {
-        name: 'Popup 弹出层',
-        path: '/example/popup/index'
-      }, {
-        name: 'Quantity 计数器',
-        path: '/example/quantity/index'
-      }, {
-        name: 'Steps 步骤条',
-        path: '/example/steps/index'
-      }, {
-        name: 'Switch 开关',
-        path: '/example/switch/index'
-      }, {
-        name: 'Tab 标签',
-        path: '/example/tab/index'
-      }, {
-        name: 'Toast 轻提示',
-        path: '/example/toast/index'
-      }, {
-        name: 'Toptips 通告栏',
-        path: '/example/toptips/index'
-      }
-    ]
   },
 
   onLoad: function () {

example/dashboard/index.wxml

@@ -2,11 +2,14 @@
 
   <image class="logo" src="https://img.yzcdn.cn/public_files/2017/02/06/ee0ebced79a80457d77ce71c7d414c74.png"></image>
 
-  <view class="zan-panel">
+  <block wx:for="{{ list }}" wx:for-item="group" wx:key="title">
-    <navigator wx:for="{{ list }}" wx:key="name" class="zan-cell zan-cell--access" url="{{ item.path }}">
+    <view class="zan-panel-title">{{ group.title }}</view>
-      <view class="zan-cell__bd">{{ item.name }}</view>
+    <view class="zan-panel">
-      <view class="zan-cell__ft"></view>
+      <navigator wx:for="{{ group.content }}" wx:key="name" class="zan-cell zan-cell--access" url="{{ item.path }}">
-    </navigator>
+        <view class="zan-cell__bd">{{ item.name }}</view>
-  </view>
+        <view class="zan-cell__ft"></view>
-
+      </navigator>
+    </view>
+  </block>
+  
 </view>

example/form/index.wxml

@@ -37,20 +37,6 @@
   </view>
 
   <view class="zan-form" style="margin-top: 20px">
-    <view class="zan-cell zan-cell__no-pading zan-form__item">
-      <view class="zan-cell__bd zan-cell__bd_padding">
-        <text class="zan-form__title">验证码</text>
-        <input
-          class="zan-form__input"
-          type="text"
-          maxlength="7"
-          placeholder="请输入短信验证码"
-        />
-      </view>
-      <view class="zan-cell__ft">
-        <button class="zan-btn zan-btn--large zan-btn--primary">获取验证码</button>
-      </view>
-    </view>
     <view class="zan-cell zan-form__item">
       <view class="zan-cell__bd">
         <text class="zan-form__title">验证码</text>