build docs

docs/examples-dist/card.vue

@@ -3,13 +3,12 @@
 </zan-card>
 
               </example-block><example-block title="高级用法">
-                <zan-card title="商品名称是什么，两行显示状态如效果图，多余多余多余两行显示状态如效果图，多余多余多余两行显示状态如效果图，多余多余多余两行显示状态如效果图，多余多余多余两行显示状态如效果图，多余多余多余" desc="商品SKU1，商品SKU2" thumb="https://img.yzcdn.cn/upload_files/2017/02/17/FnDwvwHmU-OiqsbjAO5X7wh1KWrR.jpg!100x100.jpg">
+                <zan-card thumb="https://img.yzcdn.cn/upload_files/2017/02/17/FnDwvwHmU-OiqsbjAO5X7wh1KWrR.jpg!100x100.jpg">
   <div class="zan-card__row" slot="title">
     <h4 class="zan-card__title">商品名称是什么，两行显示状态如效果图，多余多余多余两行显示状态如效果图，多余多余多余两行显示状态如效果图，多余多余多余两行显示状态如效果图，多余多余多余两行显示状态如效果图，多余多余多余</h4>
     <span class="zan-card__price">¥ 2.00</span>
   </div>
   <div class="zan-card__row" slot="desc">
-    <h4 class="zan-card__desc">商品sku</h4>
     <span class="zan-card__num">x 2</span>
   </div>
   <div class="zan-card__footer" slot="footer">

docs/examples-dist/picker.vue

@@ -1,9 +1,13 @@
 <template><section class="demo-picker"><h1 class="demo-title">picker</h1><example-block title="基础用法">
                 <zan-picker :columns="pickerColumns" @change="handlePickerChange"></zan-picker>
 
+
+
               </example-block><example-block title="带toolbar的Picker">
                 <zan-picker :columns="pickerColumns" show-toolbar="" @change="handlePickerChange" @cancel="handlePickerCancel" @confirm="handlePickerConfirm"></zan-picker>
 
+
+
               </example-block></section></template>
 
 <script>

docs/examples-dist/waterfall.vue

@@ -10,9 +10,49 @@
   </div>
 </div>
 
-
-
               </example-block></section></template>
-
+<style>
+  .waterfall {
+    max-height: 300px;
+    overflow: scroll;
+  }
+</style>
 <script>
-import Vue from "vue";import ExampleBlock from "../components/example-block";Vue.component("example-block", ExampleBlock);</script>
+import Vue from "vue";import ExampleBlock from "../components/example-block";Vue.component("example-block", ExampleBlock);
+export default {
+  data() {
+    return {
+      list: [1, 2, 3, 4, 5],
+      loading: false,
+      finished: false
+    };
+  },
+  methods: {
+    loadMore() {
+      if (this.list.length >= 200) {
+        this.finished = true;
+        return;
+      }
+
+      this.loading = true;
+      setTimeout(() => {
+        let lastNumber = this.list[this.list.length - 1];
+        for (let i = 0; i < 5; i ++) {
+          lastNumber += 1;
+          this.list.push(lastNumber);
+        }
+        this.loading = false;
+      }, 2500);
+    },
+    loadMoreUpper() {
+      if (this.list[0] < 0) return;
+      this.list.unshift(-1);
+    }
+  },
+  computed: {
+    isWaterfallDisabled: function() {
+      return this.loading || this.finished;
+    }
+  }
+};
+</script>