From f17b5cf4523af56c67ff7d8330b6a8dde4d19458 Mon Sep 17 00:00:00 2001
From: songshankun <songshankun@foxmail.com>
Date: 星期五, 22 九月 2023 20:33:49 +0800
Subject: [PATCH] style: 表格样式细节调整
---
src/components/makepager/TableCommonView.vue | 37 ++++++++++++++++++++++++++++---------
1 files changed, 28 insertions(+), 9 deletions(-)
diff --git a/src/components/makepager/TableCommonView.vue b/src/components/makepager/TableCommonView.vue
index ad1f787..ca6a5e6 100644
--- a/src/components/makepager/TableCommonView.vue
+++ b/src/components/makepager/TableCommonView.vue
@@ -9,8 +9,9 @@
:height="'calc(100% - 0px)'"
:max-height="tableList.maxHeight"
:lazy="tableList.lazy"
+ size="mini"
@selection-change="handleSelectionChange"
- :header-cell-style="{ background: '#f1f3f8', color: '#000009' }"
+ :header-cell-style="{ background: '#f1f3f8', color: '#000009' , 'font-size': '14px'}"
:highlight-current-row="tableList.highlight"
:row-class-name="tableRowClassName"
@row-click="tableRowClick"
@@ -18,9 +19,9 @@
:default-expand-all="tableList.isDefaultExpandAll"
:tree-props="{ children: 'child', hasChildren: 'hasChildren' }"
>
- <el-table-column v-if="tableList.selectBox" type="selection" width="40"> </el-table-column>
- <el-table-column v-if="tableList.selectIndex" type="index" label="搴忓彿" width="50"> </el-table-column>
- <el-table-column
+ <el-table-column align="center" v-if="tableList.selectBox" type="selection" width="40"> </el-table-column>
+ <el-table-column align="center" v-if="tableList.selectIndex" type="index" label="搴忓彿" width="50"> </el-table-column>
+ <el-table-column align="center"
v-for="(item, i) in tableList.tableColumn"
:key="i"
:prop="item.prop"
@@ -337,11 +338,29 @@
background-color: #fff;
font-weight: bold;
}
- // .cell{
- // &:nth-last-child(3){
- // text-align:right;
- // }
- // }
+ }
+}
+
+::v-deep .el-table .cell {
+ font-size: 12px;
+ line-height: 17px;
+ font-family: PingFangSC;
+ color: rgba(0, 0, 0, 0.9);
+ .el-button--text {
+ width: auto;
+ height: auto;
+ font-family: PingFangSC-Medium, sans-serif;
+ }
+}
+::v-deep .el-table .el-table__cell {
+ padding: 6px 0 !important;
+ height: 35px;
+ text-align: center;
+}
+
+::v-deep{
+ .el-table .cell .el-button--text.el-button--small{
+ padding: 4px 0;
}
}
</style>
--
Gitblit v1.8.0