From ca4683dbadf8f58c0e3cb5faf79b53e5bb2408f3 Mon Sep 17 00:00:00 2001
From: guoshilong <123456>
Date: Thu, 09 Feb 2023 11:04:47 +0800
Subject: [PATCH] 洪水淹没数据接口对接，调整样式
---
widgets/FloodAnalysis/css/style.css | 133 ++++++++++++++++++++++++++++++++++++++++++--
1 files changed, 126 insertions(+), 7 deletions(-)
diff --git a/widgets/FloodAnalysis/css/style.css b/widgets/FloodAnalysis/css/style.css
index b5fda1e..36287e4 100644
--- a/widgets/FloodAnalysis/css/style.css
+++ b/widgets/FloodAnalysis/css/style.css
@@ -1,5 +1,5 @@
.jimu-widget-FloodAnalysis {
- width: 570px !important;
+ width: 60% !important;
height: 100%;
position: fixed !important;
left: 30px !important;
@@ -26,11 +26,17 @@
.flood-top{
text-align: center;
display: inline-flex;
- margin-left: 32% !important;
+ margin-left: 41% !important;
}
.flood-middle .select-box{
- margin: 5% 0 0 25%;
+ display: flex;
+ margin: 1% 0 0 1%;
+}
+
+.select-box>div{
+ display: flex;
+ margin-right: 3%;
}
.flood-top input{
@@ -66,7 +72,7 @@
.flood-middle .radio-box{
text-align: center;
- margin-top: 5%;
+ margin-top: -1%;
}
.flood-middle .tip{
@@ -76,7 +82,7 @@
.select-box label{
display: inline-block;
- width: 80px;
+ /*width: 80px;*/
height: 30px;
line-height: 30px;
vertical-align: middle;
@@ -86,7 +92,7 @@
/**表格**/
.flood-middle .table-box{
- margin-top: 3%;
+ margin-top: 1%;
}
.flood-middle .table-box table{
@@ -111,12 +117,16 @@
.flood-history .search-box{
text-align: center;
- margin-top: 2%;
+ margin-top: 1%;
}
+
+
+
+/**模糊查询**/
/*.hd {*/
/* position: relative;*/
/*}*/
@@ -148,3 +158,112 @@
/* background: #1388ff;*/
/* color: white;*/
/*}*/
+
+
+
+
+
+
+
+
+/**分页器**/
+.flood-analysis-pagination {
+ position: relative;
+ text-align: center;
+ zoom: 1;
+ display: flex;
+ width: 92%;
+ justify-content: flex-end;
+}
+
+.flood-analysis-pagination:before,
+.flood-analysis-pagination:after {
+ content: "";
+ display: table;
+}
+
+.flood-analysis-pagination:after {
+ clear: both;
+ overflow: hidden;
+}
+
+.flood-analysis-pagination span {
+ float: left;
+ margin: 0 5px;
+ width: 25px;
+ height: 25px;
+ line-height: 25px;
+ color: #bdbdbd;
+ font-size: 14px;
+}
+
+.flood-analysis-pagination .active {
+ float: left;
+ margin: 3px 5px;
+ width: 25px;
+ height: 25px;
+ line-height: 25px !important;
+ background: #e91e63;
+ color: #fff;
+ font-size: 14px;
+ border: 1px solid #e91e63;
+}
+
+.flood-analysis-pagination a {
+ float: left;
+ margin: 3px 5px;
+ width: 25px;
+ height: 25px;
+ line-height: 25px !important;
+ background: rgb(39, 118, 172);
+ border: 1px solid #ebebeb;
+ color: #ffffff;
+ font-size: 14px;
+}
+
+.flood-analysis-pagination a:hover {
+ color: #fff;
+ background: #e91e63;
+}
+
+.flood-analysis-pagination .next,
+.flood-analysis-pagination .prev {
+ font-family: "Simsun";
+ font-size: 16px;
+ font-weight: bold;
+}
+
+.now,
+.count {
+ padding: 0 5px;
+ color: #f00;
+}
+
+.eg img {
+ max-width: 800px;
+ min-height: 500px;
+}
+
+.flood-analysis-pagination input {
+ float: left;
+ margin: 3px 5px;
+ width: 25px;
+ height: 25px;
+ line-height: 25px !important;
+ text-align: center;
+ background: #fff;
+ border: 1px solid #ebebeb;
+ outline: none;
+ color: #bdbdbd;
+ font-size: 14px;
+}
+
+#analysis-pagination,#history-pagination {
+ /*position: absolute;*/
+ margin-top: 5px;
+ margin-bottom: 5px;
+}
+
+.flood-analysis-pagination .jump-btn {
+ width: 38px !important;
+}
--
Gitblit v1.9.3