From 6b32ec29b1cd3ed12845d543e18da18f8456cdda Mon Sep 17 00:00:00 2001
From: loulijun2021 <1694218219@qq.com>
Date: 星期二, 18 十月 2022 18:18:33 +0800
Subject: [PATCH] 1.安灯设置开发完成
---
src/components/Pagination/index.vue | 45 ++++++++++++++++++++++++++++++++++++++++++---
1 files changed, 42 insertions(+), 3 deletions(-)
diff --git a/src/components/Pagination/index.vue b/src/components/Pagination/index.vue
index 6d7184d..b86c583 100644
--- a/src/components/Pagination/index.vue
+++ b/src/components/Pagination/index.vue
@@ -8,6 +8,7 @@
:page-sizes="pageSizes"
:total="total"
v-bind="$attrs"
+ popper-class="select_bottom"
@size-change="handleSizeChange"
@current-change="handleCurrentChange"
/>
@@ -35,7 +36,7 @@
pageSizes: {
type: Array,
default() {
- return [5, 10, 20, 100]
+ return [10, 20, 50, 100]
}
},
layout: {
@@ -92,10 +93,48 @@
<style scoped>
.pagination-container {
- background: #fff;
- padding: 32px 16px;
+ background: #f8f8fa;
+ padding: 10px 0;
}
.pagination-container.hidden {
display: none;
}
+
+::v-deep .el-pagination__sizes .el-input .el-input__inner:hover{
+ border-color: #42b983 ;
+}
+::v-deep .el-pagination__sizes .el-input .el-input__inner:focus{
+ border-color: #42b983;
+}
+
+</style>
+<style lang="scss">
+.select_bottom{
+ //z-index: 2008; position: absolute; left: 147px !important; top: 355px !important; margin: 0px;
+ //border: 1px solid #55aaff;
+ //.el-select-dropdown {
+ //
+ //}
+ //.el-select-dropdown {
+ // background-color: #ffffff;
+ //}
+ .el-select-dropdown__item.selected {
+ color: #42b983;
+ }
+
+ //.el-select-dropdown__item.hover,
+ //.el-select-dropdown__item:hover {
+ // background: red;
+ // color: #fff;
+ //}
+}
+
+.el-pagination button, .el-pagination span:not([class*=suffix]){
+ font-size: 14px;
+}
+
+.el-pagination .el-select .el-input .el-input__inner{
+ line-height: 34px;
+ height: 34px;
+}
</style>
--
Gitblit v1.9.3