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 | 117 ++++++++++++++++++++++++++++++++++++++++++++--------------
1 files changed, 89 insertions(+), 28 deletions(-)
diff --git a/widgets/searchL/css/style.css b/widgets/searchL/css/style.css
index 42e2d0c..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,28 @@
.jimu-widget-searchL #inputTwo {
display: none;
- width: 260px;
+ width: 280px;
height: 35px;
font-size: 14px;
align-items: center;
justify-content: center;
}
-.jimu-widget-searchL #inputTwo #local_data2{
- position: relative;
- left: -15px;
+
+.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: -5px;
+}
+
.jimu-widget-searchL .input-sms1 {
width: 90px;
height: 35px;
@@ -78,28 +90,33 @@
border: none;
/* border-radius: 0px 5px 5px 0px; */
}
-.jimu-widget-searchL .input_img {
+.jimu-widget-searchL .input_img {
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;
}
@@ -110,53 +127,81 @@
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);
}
-.jimu-widget-searchL .searchLMain .layui-laypage-em{
+
+.jimu-widget-searchL .searchLMain .layui-laypage-em {
background-color: #39A5FD;
}
-.jimu-widget-searchL .searchLMain .layui-this{
+
+.jimu-widget-searchL .searchLMain .layui-this {
color: #39A5FD;
}
-.jimu-widget-searchL .searchLMain .layui-btn-xs{
+
+.jimu-widget-searchL .searchLMain .layui-btn-xs {
background-color: #39A5FD;
}
-.jimu-widget-searchL .searchLMain .layui-btn-primary{
+
+.jimu-widget-searchL .searchLMain .layui-btn-primary {
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;
}
+
.jimu-widget-searchL .searchLMain .layui-tab-title li {
font-size: 18px;
}
-.jimu-widget-searchL .searchLMain .layui-table-view{
+
+.jimu-widget-searchL .searchLMain .layui-table-view {
+ margin: 0 !important;
border-bottom: 1px #fff solid;
}
-.jimu-widget-searchL .searchLMain #layui-table-page1 {
+
+.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;
top: 5px;
}
-.jimu-widget-searchL .searchLMain #layui-table-page1::before {
- content: '每页10条，';
- position: relative;
- top: -4px;
+
+.jimu-widget-searchL .searchLMain #layui-table-page1::before, .jimu-widget-searchL .searchLMain #layui-table-page2::before, .jimu-widget-searchL .searchLMain #layui-table-page3::before {
+ 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;
@@ -168,6 +213,22 @@
cursor: pointer;
}
+.jimu-widget-searchL .searchLMain .layui-tab {
+ height: calc(100% - 10px);
+ margin: 0;
+}
+
.jimu-widget-searchL .searchLMain .searchColce:hover {
color: red;
+}
+
+.layui-table-tips-c:before {
+ position: relative;
+ right: 1px;
+ top: -3px;
+}
+
+/* 隐藏layui表格溢出的详情框 */
+.layui-table-grid-down{
+display: none;
}
\ No newline at end of file
--
Gitblit v1.9.3