فهرست منبع

feat:分页组件带背景按钮增加hover样式、增加jump前面的文案字段

yangfeng 2 سال پیش
والد
کامیت
87706581fa

+ 5 - 4
examples/docs/zh-CN/pagination.md

@@ -186,9 +186,10 @@
 | next-text | 替代图标显示的下一页文字 | string | — | — |
 | disabled | 是否禁用 | boolean | — | false |
 | hide-on-single-page | 只有一页时是否隐藏 | boolean | — | - |
-| show-confirm-btn | 是否展示jumper后面的确定按钮 | boolean | — | false |
-| no-auth | 无权限 | boolean | — | false |
-| popper-append-to-body | 是否将弹出框插入至 body 元素 | boolean | — | false |
+| show-confirm-btn(新增) | 是否展示jumper后面的确定按钮 | boolean | — | false |
+| no-auth(新增) | 无权限 | boolean | — | false |
+| popper-append-to-body(新增) | 是否将弹出框插入至 body 元素 | boolean | — | false |
+| goto-text(新增) | jumper输入框前的文案 | string | — | 跳到 |
 
 ### Events
 | 事件名称 | 说明 | 回调参数 |
@@ -197,7 +198,7 @@
 | current-change | currentPage 改变时会触发 | 当前页 |
 | prev-click | 用户点击上一页按钮改变当前页后触发 | 当前页 |
 | next-click | 用户点击下一页按钮改变当前页后触发 | 当前页 |
-| no-auth-change | 没有权限时触发 | 当前页 |
+| no-auth-change(新增) | 没有权限时触发 | 当前页 |
 
 ### Slot
 | name | 说明 |

+ 1 - 1
package.json

@@ -1,6 +1,6 @@
 {
   "name": "element-ui",
-  "version": "2.15.12-rc",
+  "version": "2.15.13-rc",
   "description": "A Component Library for Vue.js.",
   "main": "lib/element-ui.common.js",
   "files": [

+ 5 - 1
packages/pagination/src/pagination.js

@@ -65,6 +65,10 @@ export default {
     noAuth: {
       type: Boolean,
       default: false
+    },
+    gotoText: {
+      type: String,
+      default: '跳到'
     }
   },
 
@@ -267,7 +271,7 @@ export default {
       render(h) {
         return (
           <span class="el-pagination__jump">
-            { this.t('el.pagination.goto') }
+            { this.$parent.gotoText || this.t('el.pagination.goto') }
             <el-input
               class="el-pagination__editor is-in-pagination"
               min={ 1 }

+ 3 - 2
packages/theme-chalk/src/pagination.scss

@@ -180,7 +180,7 @@
 
   @include e(editor) {
     line-height: 18px;
-    padding: 0 2px;
+    // padding: 0 2px;
     height: $--pagination-button-height;
       
     text-align: center;
@@ -230,7 +230,8 @@
 
     .el-pager li:not(.disabled) {
       &:hover {
-        color: $--pagination-hover-color;
+        color: $--color-white;
+        background-color: $--pagination-hover-color;
       }
 
       &.active {

+ 1 - 1
src/locale/lang/zh-CN.js

@@ -71,7 +71,7 @@ export default {
       noData: '暂无数据'
     },
     pagination: {
-      goto: '跳到',
+      goto: '前往',
       pagesize: '条/页',
       total: '共 {total} 条',
       pageClassifier: '页'