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