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/views/supplierManage/supplier/index.vue | 53 --------------------------
src/components/makepager/TableCommonView.vue | 30 ++++++++++-----
src/assets/style/index.scss | 22 +++++++++++
3 files changed, 42 insertions(+), 63 deletions(-)
diff --git a/src/assets/style/index.scss b/src/assets/style/index.scss
index b5a740a..89fe4ef 100644
--- a/src/assets/style/index.scss
+++ b/src/assets/style/index.scss
@@ -156,3 +156,25 @@
background: #ffffff;
// background:#2c60c5;
}
+
+.el-button--primary {
+ color: #fff;
+ background-color: $color-primary !important;
+ border-color: $color-primary !important;
+}
+
+.el-pagination.is-background .el-pager li:not(.disabled).active {
+ background: $color-primary !important;
+}
+
+.el-button--text {
+ color: #2a78fb !important;
+}
+.el-button--text.is-disabled {
+ color: #7c7f85 !important;
+}
+.el-button--primary {
+ color: #fff;
+ background-color: #2a78fb !important;
+ border-color: #2a78fb !important;
+}
diff --git a/src/components/makepager/TableCommonView.vue b/src/components/makepager/TableCommonView.vue
index fbf5c69..ca6a5e6 100644
--- a/src/components/makepager/TableCommonView.vue
+++ b/src/components/makepager/TableCommonView.vue
@@ -338,19 +338,29 @@
background-color: #fff;
font-weight: bold;
}
- // .cell{
- // &:nth-last-child(3){
- // text-align:right;
- // }
- // }
}
}
-::v-deep {
- .el-table {
- border-top-left-radius: 12px;
- border-top-right-radius: 12px;
- 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;
}
}
</style>
diff --git a/src/views/supplierManage/supplier/index.vue b/src/views/supplierManage/supplier/index.vue
index c99e643..cbfb597 100644
--- a/src/views/supplierManage/supplier/index.vue
+++ b/src/views/supplierManage/supplier/index.vue
@@ -372,59 +372,6 @@
<!-- Add "scoped" attribute to limit CSS to this component only -->
<style lang="scss" scoped>
-.rightContent {
- height: 100%;
- background: #f0f2f5;
- padding: 10px;
- .top {
- margin-bottom: 20px;
- height: 55%;
- background: #fff;
- .list-view {
- height: calc(100% - 120px);
- }
- .supplier-search {
- display: flex;
- align-items: center;
- .add-view {
- margin-left: auto;
- margin-right: 20px;
- }
- }
- .sel-name {
- color: $color-primary;
- cursor: pointer;
- }
- // .btn-pager {
- // display: flex;
- // .page {
- // margin-left: auto;
- // }
- // }
- }
- .bottom {
- margin-top: 20px;
- height: calc(40% - 0px);
- background: #fff;
- .list-view {
- height: calc(100% - 120px);
- }
- .product-search {
- display: flex;
- align-items: center;
- .search {
- margin-left: auto;
- }
- .add-view {
- margin-left: 20px;
- margin-right: 20px;
- }
- }
- }
-}
-
-
-
.supplier{
height: 100%;
overflow: hidden;
--
Gitblit v1.8.0