增加分页控件测试界面。

examples/App.vue

@@ -28,7 +28,9 @@
                     <li>
                         <router-link :to="{ path: '/desktop/navbar-example'}">页面导航</router-link>
                     </li>
-
+                    <li>
+                        <router-link :to="{ path: '/desktop/page-size-select-example'}">分页控件</router-link>
+                    </li>
                     
 
 

examples/page-size-select/src/PageSizeSelectExample.vue

@@ -0,0 +1,40 @@
+<template>
+    <h1>分页控件</h1>
+
+    <PageSizeSelect @pageSizeChanged="pageSize = $event"></PageSizeSelect>
+
+    {{ pageSize }}
+</template>
+
+<script>
+import PageSizeSelect from "@/page-size-select/index.js";
+
+export default {
+    data: function(){
+        return {
+            pageSize: 20
+        }
+    },
+
+    components: {
+        "PageSizeSelect": PageSizeSelect
+    },
+
+    methods: {
+        show: function(){
+            this.$refs.modal.showModal();
+        },
+        show1: function(){
+            this.$refs.modal1.showModal();
+        }
+    },
+
+    mounted: function(){
+        
+    }
+}
+</script>
+
+<style scoped>
+
+</style>

examples/route/index.js

@@ -6,6 +6,10 @@ const DateTimeV2Example = () => import(/* webpackChunkName: "date-time-v2-exampl
 const ModalExample = () => import(/* webpackChunkName: "modal-example" */ '../modal/src/ModalExample.vue')
 const NavbarExample = () => import(/* webpackChunkName: "nav-bar-example" */ '../navbar/src/NavbarExample.vue')
 const ImagePreviewExample = () => import(/* webpackChunkName: "image-preview-example" */ '../image-preview/src/ImagePreviewExample.vue')
+const PageSizeSelectExample = () => import(/* webpackChunkName: "page-size-select-example" */ '../page-size-select/src/PageSizeSelectExample.vue')
+
+
+
 const LoadingExample = () => import(/* webpackChunkName: "loading-example" */ '../loading/src/LoadingExample.vue')
 const ProcessReport = () => import(/* webpackChunkName: "process-report" */ '../../packages/process/src/ProcessReport.vue')
 const InfoWindow = () => import(/* webpackChunkName: "info-window" */ '../../packages/info/src/InfoWindow.vue')
@@ -42,7 +46,8 @@ export default {
 				/** 页面导航 */
 				{ path: 'navbar-example', component: NavbarExample },
 
-				
+				/** 分页控件 */
+				{ path: 'page-size-select-example', component: PageSizeSelectExample },