From 554e1252a4ab89a096a24d45d7d4e670485b3414 Mon Sep 17 00:00:00 2001
From: shuishen <1109946754@qq.com>
Date: Wed, 20 Nov 2024 18:49:31 +0800
Subject: [PATCH] 分页列表样式调整
---
src/views/rs/components/box/dataContent.vue | 9 ----
src/views/companyInfo/components/box/fireTrend.vue | 9 ----
src/styles/element/index.scss | 39 +++++++++++++++++++
src/views/space/components/box/dataContent.vue | 20 +++-------
4 files changed, 45 insertions(+), 32 deletions(-)
diff --git a/src/styles/element/index.scss b/src/styles/element/index.scss
index f61ae32..94a0c6b 100644
--- a/src/styles/element/index.scss
+++ b/src/styles/element/index.scss
@@ -88,4 +88,43 @@
.el-table__border-bottom-patch,
.el-table__border-left-patch {
background: rgba(103, 135, 214, 1) !important;
+}
+
+
+.el-page {
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ width: 100%;
+ height: 40px;
+ line-height: 40px;
+ color: #D4E8F8;
+
+ .el-pagination {
+ .el-pagination__total {
+ color: #D4E8F8;
+ }
+
+ .btn-prev,
+ .btn-next {
+ color: rgba(216, 235, 238, 0.8) !important;
+ background: rgba(68, 193, 239, 0.1) !important;
+ }
+
+ .el-pager {
+
+ .btn-quickprev,
+ .btn-quicknext,
+ .number {
+ color: rgba(216, 235, 238, 0.8) !important;
+ background: rgba(68, 193, 239, 0.1);
+ }
+
+ .active {
+ color: #FFFFFF;
+ background: #44C1EF !important;
+ opacity: 0.8;
+ }
+ }
+ }
}
\ No newline at end of file
diff --git a/src/views/companyInfo/components/box/fireTrend.vue b/src/views/companyInfo/components/box/fireTrend.vue
index feb4aad..9ed5440 100644
--- a/src/views/companyInfo/components/box/fireTrend.vue
+++ b/src/views/companyInfo/components/box/fireTrend.vue
@@ -226,15 +226,6 @@
/* 你想要的背景颜色 */
}
-.el-page {
- margin-top: 10px;
- width: 100%;
- display: flex;
- align-items: center;
- justify-content: center;
- // margin-bottom:10px;
-}
-
.form-item-input {
width: 160px;
diff --git a/src/views/rs/components/box/dataContent.vue b/src/views/rs/components/box/dataContent.vue
index d56a15d..7add548 100644
--- a/src/views/rs/components/box/dataContent.vue
+++ b/src/views/rs/components/box/dataContent.vue
@@ -198,13 +198,4 @@
flex-basis: auto;
height: calc(100% - 40px);
}
-
-.el-page {
- display: flex;
- align-items: center;
- justify-content: center;
- width: 100%;
- height: 40px;
- line-height: 40px;
-}
</style>
diff --git a/src/views/space/components/box/dataContent.vue b/src/views/space/components/box/dataContent.vue
index 48fc9e8..0b98fea 100644
--- a/src/views/space/components/box/dataContent.vue
+++ b/src/views/space/components/box/dataContent.vue
@@ -44,7 +44,7 @@
total: 0,
}
-function positionColor() {
+function positionColor () {
return (row) => {
if (
(row.X && row.X != 0) ||
@@ -59,7 +59,7 @@
}
}
-function positionDisabled() {
+function positionDisabled () {
return (row) => {
if (
(row.X && row.X != 0) ||
@@ -111,7 +111,7 @@
// 行点击
-function rowClick(row) {
+function rowClick (row) {
// if (state.layer) {
// window.$viewer.removeLayer(state.layer)
@@ -138,7 +138,7 @@
// 查看详情
-function goDetail(row) { }
+function goDetail (row) { }
const searchBtn = (params) => {
resetPage()
@@ -180,7 +180,8 @@
<template>
<div class="w100 h0 flex-1 flex f-d-c">
- <global-search :options="options" @searchBtn="searchBtn" @resetBtn="resetBtn" ref="SeachBarCondition"></global-search>
+ <global-search :options="options" @searchBtn="searchBtn" @resetBtn="resetBtn"
+ ref="SeachBarCondition"></global-search>
<div class="h0 flex-1 table-content" ref="TableContent" v-loading="loading"
element-loading-background="rgba(46, 81, 136, 0.9)">
@@ -220,14 +221,5 @@
.table-content {
flex-basis: auto;
height: calc(100% - 40px);
-}
-
-.el-page {
- display: flex;
- align-items: center;
- justify-content: center;
- width: 100%;
- height: 40px;
- line-height: 40px;
}
</style>
--
Gitblit v1.9.3