From ebefa651ad2d6edbfdb30fea3fc1ff97232a0aee Mon Sep 17 00:00:00 2001
From: liuyg <376836862@qq.com>
Date: Tue, 15 Jun 2021 11:07:52 +0800
Subject: [PATCH] 工具样式
---
widgets/searchL/css/style.css | 105 +++++++++++++++++++++++++++-------------------------
1 files changed, 54 insertions(+), 51 deletions(-)
diff --git a/widgets/searchL/css/style.css b/widgets/searchL/css/style.css
index 0e3c798..5368c2a 100644
--- a/widgets/searchL/css/style.css
+++ b/widgets/searchL/css/style.css
@@ -3,13 +3,13 @@
font-size: 14px;
height: 35px !important;
line-height: 32px;
- width: 300px !important;
+ width: 320px !important;
top: 20px !important;
left: calc(50% - 150px) !important;
/* left: calc(100%-300); */
/* 240px */
background: rgba(255, 255, 255, 1);
- color: #000;
+ color: #969696 !important;
/* border-right: 1px solid #000; */
border-radius: 6px 6px 6px 6px;
text-align: center;
@@ -32,7 +32,7 @@
}
.jimu-widget-searchL .input-sms {
- width: 260px;
+ width: 280px;
height: 35px;
line-height: 40px;
font-size: 14px;
@@ -51,16 +51,26 @@
.jimu-widget-searchL #inputTwo {
display: none;
- width: 260px;
+ width: 280px;
height: 35px;
font-size: 14px;
align-items: center;
justify-content: center;
}
+.jimu-widget-searchL .searchLMain .layui-tab-content {
+ padding: 0 !important;
+ height: calc(100% - 40px);
+}
+
+.jimu-widget-searchL .searchLMain .layui-tab-content .layui-tab-item,
+.jimu-widget-searchL .searchLMain .layui-tab-content .layui-tab-item .layui-form {
+ height: 100%;
+}
+
.jimu-widget-searchL #inputTwo #local_data2 {
position: relative;
- left: -15px;
+ left: -5px;
}
.jimu-widget-searchL .input-sms1 {
@@ -85,24 +95,28 @@
border-left: 1px solid rgba(0, 0, 0, .2);
}
-.jimu-widget-searchL .input-sms1::-webkit-input-placeholder, .jimu-widget-searchL .input-sms::-webkit-input-placeholder {
+.jimu-widget-searchL .input-sms1::-webkit-input-placeholder,
+.jimu-widget-searchL .input-sms::-webkit-input-placeholder {
color: #afafaf;
font-size: 14px;
}
-.jimu-widget-searchL .input-sms1::-moz-placeholder, .jimu-widget-searchL .input-sms::-moz-placeholder {
+.jimu-widget-searchL .input-sms1::-moz-placeholder,
+.jimu-widget-searchL .input-sms::-moz-placeholder {
/* Mozilla Firefox 19+ */
color: #afafaf;
font-size: 14px;
}
-.jimu-widget-searchL .input-sms1:-moz-placeholder, .jimu-widget-searchL .input-sms:-moz-placeholder {
+.jimu-widget-searchL .input-sms1:-moz-placeholder,
+.jimu-widget-searchL .input-sms:-moz-placeholder {
/* Mozilla Firefox 4 to 18 */
color: #afafaf;
font-size: 14px;
}
-.jimu-widget-searchL .input-sms1::-ms-input-placeholder, .jimu-widget-searchL .input-sms::-ms-input-placeholder {
+.jimu-widget-searchL .input-sms1::-ms-input-placeholder,
+.jimu-widget-searchL .input-sms::-ms-input-placeholder {
color: #afafaf;
font-size: 14px;
}
@@ -113,9 +127,7 @@
right: 5px;
top: 70px;
width: 462px;
- min-height: 554px;
- height: auto;
- padding-bottom: 20px;
+ height: 520px;
border-radius: 5px 5px 5px 5px;
background-color: rgb(255, 255, 255);
}
@@ -136,12 +148,14 @@
background-color: #ffffff;
}
-.jimu-widget-searchL .layui-tab-brief>.layui-tab-more li.layui-this:after, .layui-tab-brief>.layui-tab-title .layui-this:after {
+.jimu-widget-searchL .layui-tab-brief>.layui-tab-more li.layui-this:after,
+.layui-tab-brief>.layui-tab-title .layui-this:after {
border-bottom: 2px solid #39A5FD;
}
.jimu-widget-searchL .searchLMain .layui-tab-title {
/* border: 1px saddlebrown solid; */
+ margin-top: 10px;
display: flex;
align-items: center;
justify-content: space-around;
@@ -152,9 +166,15 @@
}
.jimu-widget-searchL .searchLMain .layui-table-view {
+ margin: 0 !important;
border-bottom: 1px #fff solid;
}
+.jimu-widget-searchL .searchLMain .layui-table-view .layui-table-box {
+ height: calc(100% - 41px);
+}
+
+/*
.jimu-widget-searchL .searchLMain #layui-table-page1, .jimu-widget-searchL .searchLMain #layui-table-page2, .jimu-widget-searchL .searchLMain #layui-table-page3 {
position: relative;
left: 30px;
@@ -165,12 +185,23 @@
content: '每页10条，';
position: relative;
top: -4px;
+} */
+.jimu-widget-searchL .searchLMain [id^='layui-table-page'] {
+ position: absolute;
+ left: 20px;
+ top: 5px;
+}
+
+.jimu-widget-searchL .searchLMain [id^='layui-table-page']::before {
+ content: '每页10条，';
+ position: relative;
+ top: -4px;
}
.jimu-widget-searchL .searchLMain .searchColce {
position: absolute;
- right: 10px;
- top: 5px;
+ right: 0px;
+ top: 0px;
font-size: 16px;
color: #000;
width: 25px;
@@ -180,6 +211,11 @@
justify-content: center;
z-index: 15;
cursor: pointer;
+}
+
+.jimu-widget-searchL .searchLMain .layui-tab {
+ height: calc(100% - 10px);
+ margin: 0;
}
.jimu-widget-searchL .searchLMain .searchColce:hover {
@@ -192,40 +228,7 @@
top: -3px;
}
-.jimu-widget-searchL .popup {
- display: none;
- position: absolute;
- top: 50px;
- left: calc(50% - 250px);
- width: 500px;
- height: 500px;
- /* border: 1px solid salmon; */
- border-radius: 5px;
- background-color: rgba(255, 255, 255, 0.75);
-}
-
-.jimu-widget-searchL .p-main {
- display: none;
- width: 100%;
- height: 100%;
- /* border: 1px salmon solid; */
- border-radius: 5px;
-}
-.jimu-widget-searchL .p-main .cloce{
- /* font-size: 20px; */
- width: 25px;
- height: 25px;
- line-height: 25px;
- position: absolute;
- right: 5px;
- top:5px;
- /* border: 1px salmon solid; */
-}
-.jimu-widget-searchL .p-main .cloce:hover{
- color: red;
- cursor: pointer;
-}
-.jimu-widget-searchL .p-main .cloce::after{
- content: 'X';
- font-size: 20px;
+/* 隐藏layui表格溢出的详情框 */
+.layui-table-grid-down{
+display: none;
}
\ No newline at end of file
--
Gitblit v1.9.3