edit [b-pag]

Author: ChanMenglin

src/components/base/Pagination/b-pag.vue

@@ -1,6 +1,6 @@
 <template>
   <nav aria-label="Page navigation">
-    <ul class="pagination m-0">
+    <ul class="pagination" :class="objClass">
       <item
         :disabled="startDisabled"
         @click.native="startClick"
@@ -61,7 +61,6 @@ export default {
     event: "change"
   },
   props: {
-    label: util.props.String,
     separator: {
       type: String,
       default: "-"
@@ -81,7 +80,8 @@ export default {
     total: {
       ...util.props.UInt,
       default: 10,
-    }
+    },
+    size: util.props.size,
   },
   data() {
     return {
@@ -139,6 +139,10 @@ export default {
       }
       return arr;
     },
+    objClass: function() {
+      let size = this.size ? `pagination-${this.size}` : ''
+      return `${size}`
+    },
     startDisabled: function() {
       return this.select == Number(this.start);
     },

src/pages/Demo/Base/b-pagination-demo.vue

@@ -21,6 +21,28 @@
         active="10"
       />
     </div>
+    <div class="row py-1">
+      <font class="col-1">
+        size(sm):
+      </font>
+      <b-pag
+        class="col-11"
+        size="sm"
+        end="25"
+        active="10"
+      />
+    </div>
+    <div class="row py-1">
+      <font class="col-1">
+        size(lg):
+      </font>
+      <b-pag
+        class="col-11"
+        size="lg"
+        end="25"
+        active="10"
+      />
+    </div>
     <div class="row py-1">
       <font class="col-1">
         v-model<br>{{ value }}: