From f3f3cce9ae4f9df2de4832d256e75911f78c74f9 Mon Sep 17 00:00:00 2001
From: songshankun <songshankun@foxmail.com>
Date: 星期二, 17 十月 2023 20:37:36 +0800
Subject: [PATCH] style: 调整表格组件行高/页头/字体/字号/颜色

---
 src/components/makepager/TableCommonView.vue     |   47 ++++++++++++++++++++++-
 src/views/productManage/product/index.vue        |    2 
 src/assets/style/index.scss                      |    2 
 src/views/overview/index.vue                     |    6 ++
 src/components/makepager/CommonFormTableView.vue |   39 +++++++++++++++++++
 5 files changed, 90 insertions(+), 6 deletions(-)

diff --git a/src/assets/style/index.scss b/src/assets/style/index.scss
index 8899a6a..95f617a 100644
--- a/src/assets/style/index.scss
+++ b/src/assets/style/index.scss
@@ -146,7 +146,7 @@
 
 .btn-pager {
   display: flex;
-  margin-top: 0px;
+  margin-top: 5px;
   // background: #fff;
   .page {
     margin-left: auto;
diff --git a/src/components/makepager/CommonFormTableView.vue b/src/components/makepager/CommonFormTableView.vue
index c569190..01f181d 100644
--- a/src/components/makepager/CommonFormTableView.vue
+++ b/src/components/makepager/CommonFormTableView.vue
@@ -580,4 +580,43 @@
     text-align: left;
   }
 }
+
+::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;
+  }
+}
+
+::v-deep .el-table .el-table__cell {
+  padding: 6px 0 !important;
+  height: 35px;
+  text-align: center;
+}
+
+.overSpread1 {
+  width: 100%;
+  height: 100%;
+  position: fixed;
+  top: 0;
+  left: 0;
+  background: rgba(0, 0, 0, 0);
+  z-index: 10;
+}
 </style>
diff --git a/src/components/makepager/TableCommonView.vue b/src/components/makepager/TableCommonView.vue
index 012c5a6..a9b9ff0 100644
--- a/src/components/makepager/TableCommonView.vue
+++ b/src/components/makepager/TableCommonView.vue
@@ -299,16 +299,18 @@
   .styleBtn {
     position: absolute;
     width: 30px;
-    height: 48px;
+    height: 35px;
     // line-height: 26px;
-    background: #f1f3f8;
+    background: transparent;
     border-top-right-radius: 8px;
     top: 0px;
     right: 2px;
+    display: flex;
+    align-items: center;
     // z-index: 9999;
     .label {
       position: absolute;
-      top: 12px;
+      top: 6px;
       font-size: 20px;
       cursor: pointer;
       color: #000;
@@ -347,4 +349,43 @@
     overflow: auto;
   }
 }
+
+::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;
+  }
+}
+
+::v-deep .el-table .el-table__cell {
+  padding: 6px 0 !important;
+  height: 35px;
+  text-align: center;
+}
+
+.overSpread1 {
+  width: 100%;
+  height: 100%;
+  position: fixed;
+  top: 0;
+  left: 0;
+  background: rgba(0, 0, 0, 0);
+  z-index: 10;
+}
 </style>
diff --git a/src/views/overview/index.vue b/src/views/overview/index.vue
index 8f1df84..ab51daf 100644
--- a/src/views/overview/index.vue
+++ b/src/views/overview/index.vue
@@ -106,7 +106,7 @@
 <!-- Add "scoped" attribute to limit CSS to this component only -->
 <style lang="scss" scoped>
 .content {
-  height: calc(100% - 130px);
+  height: calc(100% - 112px);
   background: #fff;
   border-radius: 12px;
   .list-view {
@@ -183,4 +183,8 @@
     }
   }
 }
+
+.btn-pager {
+  margin-top: 0;
+}
 </style>
diff --git a/src/views/productManage/product/index.vue b/src/views/productManage/product/index.vue
index 7e5f5cd..2d5d8b8 100644
--- a/src/views/productManage/product/index.vue
+++ b/src/views/productManage/product/index.vue
@@ -365,7 +365,7 @@
   }
 }
 .product-list {
-  height: calc(100% - 65px);
+  height: calc(100% - 70px);
 }
 ::v-deep {
   .el-table {

--
Gitblit v1.8.0