feat: publicize doc implemetation

2020-08-13 11:47:56 +08:00
parent 55b9b044f2
commit 1e5fcff6ad
372 changed files with 50636 additions and 0 deletions
--- a/one/docs/demo/pagination/goto.vue
+++ b/one/docs/demo/pagination/goto.vue
@@ -0,0 +1,37 @@
+<template>
+<article>
+  <veui-pagination
+    :page="page"
+    :total="total"
+    :to="to"
+    goto
+  />
+</article>
+</template>
+
+<script>
+import { Pagination } from 'veui'
+
+export default {
+  components: {
+    'veui-pagination': Pagination
+  },
+  data () {
+    return {
+      to: './pagination?page=:page',
+      total: 10101
+    }
+  },
+  computed: {
+    page () {
+      return Number(this.$route.query.page) || 1
+    }
+  }
+}
+</script>
+
+<style lang="less" scoped docs>
+article {
+  text-align: right;
+}
+</style>
--- a/one/docs/demo/pagination/size.vue
+++ b/one/docs/demo/pagination/size.vue
@@ -0,0 +1,52 @@
+<template>
+<article>
+  <veui-pagination
+    :page="page"
+    :total="total"
+    :to="to"
+  />
+  <veui-pagination
+    :page="page"
+    :total="total"
+    :to="to"
+    ui="s"
+  />
+  <veui-pagination
+    :page="page"
+    :total="total"
+    :to="to"
+    ui="xs"
+  />
+</article>
+</template>
+
+<script>
+import { Pagination } from 'veui'
+
+export default {
+  components: {
+    'veui-pagination': Pagination
+  },
+  data () {
+    return {
+      to: './pagination?page=:page',
+      total: 10101
+    }
+  },
+  computed: {
+    page () {
+      return Number(this.$route.query.page) || 1
+    }
+  }
+}
+</script>
+
+<style lang="less" scoped docs>
+article {
+  text-align: right;
+}
+
+.veui-pagination {
+  margin: 1.2em 0;
+}
+</style>