wkjp-list-page 1.0.23 → 1.0.24

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "wkjp-list-page",
-  "version": "1.0.23",
+  "version": "1.0.24",
   "description": "Vue2 + ElementUI CommonListPage component",
   "main": "src/index.js",
   "module": "src/index.js",

package/src/components/CommonListPage.vue

@@ -1684,21 +1684,21 @@ export default {
   color: #409eff;
 }
 
-/* ---------- 列表表格（浅表头、细横线；空数据用极细外框，不用 border 网格） ---------- */
+/* ---------- 列表表格（极细外框兜底：空数据区不塌陷、无粗网格线） ---------- */
 .common-list-page /deep/ .el-table {
   overflow: hidden;
   font-size: 12px;
   color: #606266;
-  border: none;
+  border: none !important;
   border-radius: 2px;
   outline: 1px solid #ebeef5;
   outline-offset: -1px;
 }
 
 .common-list-page /deep/ .el-table::before,
-.common-list-page /deep/ .el-table--group::after,
-.common-list-page /deep/ .el-table--border::after {
-  display: none;
+.common-list-page /deep/ .el-table.el-table--border::after,
+.common-list-page /deep/ .el-table.el-table--group::after {
+  display: none !important;
 }
 
 .common-list-page /deep/ .el-table__empty-block {
@@ -1716,7 +1716,8 @@ export default {
 }
 
 .common-list-page /deep/ .el-table__fixed .el-table__body tr td.el-table__cell,
-.common-list-page /deep/ .el-table__fixed-right .el-table__body tr td.el-table__cell {
+.common-list-page /deep/ .el-table__fixed-right .el-table__body tr td.el-table__cell,
+.common-list-page /deep/ .el-table__body tr:last-child td.el-table__cell {
   border-bottom: 1px solid #f0f2f5 !important;
 }
 
@@ -1740,10 +1741,6 @@ export default {
   vertical-align: middle;
 }
 
-.common-list-page /deep/ .el-table__body tr:last-child td.el-table__cell {
-  border-bottom: 1px solid #f0f2f5 !important;
-}
-
 .common-list-page /deep/ .el-table--striped .el-table__body tr.el-table__row--striped td.el-table__cell {
   background: #fafbfc;
 }
@@ -1753,9 +1750,10 @@ export default {
 }
 
 .common-list-page /deep/ .el-table .cell {
+  vertical-align: middle;
   line-height: 1.5;
-  padding-left: 0;
-  padding-right: 0;
+  padding-left: 10px !important;
+  padding-right: 10px !important;
   word-break: break-word;
 }