[Improvement] Reorganize demos (#1052)

packages/pull-refresh/demo/index.vue

@@ -0,0 +1,56 @@
+<template>
+  <demo-section name="pull-refresh">
+    <van-pull-refresh v-model="isLoading" @refresh="onRefresh">
+      <demo-block :title="$t('basicUsage')">
+        <p>{{ $t('text') }}: {{ count }}</p>
+      </demo-block>
+    </van-pull-refresh>
+  </demo-section>
+</template>
+
+<script>
+export default {
+  i18n: {
+    'zh-CN': {
+      text: '刷新次数',
+      success: '刷新成功'
+    },
+    'en-US': {
+      text: 'Refresh Count',
+      success: 'Refresh success'
+    }
+  },
+
+  data() {
+    return {
+      count: 0,
+      isLoading: false
+    };
+  },
+
+  methods: {
+    onRefresh() {
+      setTimeout(() => {
+        Toast(this.$t('success'));
+        this.isLoading = false;
+        this.count++;
+      }, 500);
+    }
+  }
+};
+</script>
+
+<style lang="postcss">
+.demo-pull-refresh {
+  .van-pull-refresh {
+    &,
+    &__track {
+      height: calc(100vh - 50px);
+    }
+  }
+
+  p {
+    margin: 10px 0 0 15px;
+  }
+}
+</style>