From 95dfe3fe172f6d5ff9c761b0545c4811c2fea3d1 Mon Sep 17 00:00:00 2001
From: liuyg <376836862@qq.com>
Date: Tue, 08 Jun 2021 15:02:53 +0800
Subject: [PATCH] 表格点击弹窗事件

---
 widgets/searchL/css/style.css |  112 +++++++++++++++++++++++++++++++++++++++++++++++++++-----
 1 files changed, 102 insertions(+), 10 deletions(-)

diff --git a/widgets/searchL/css/style.css b/widgets/searchL/css/style.css
index 8aee7ae..0e3c798 100644
--- a/widgets/searchL/css/style.css
+++ b/widgets/searchL/css/style.css
@@ -10,7 +10,7 @@
   /* 240px */
   background: rgba(255, 255, 255, 1);
   color: #000;
-  border-right: 1px solid #000;
+  /* border-right: 1px solid #000; */
   border-radius: 6px 6px 6px 6px;
   text-align: center;
   /* cursor: pointer; */
@@ -58,6 +58,11 @@
   justify-content: center;
 }
 
+.jimu-widget-searchL #inputTwo #local_data2 {
+  position: relative;
+  left: -15px;
+}
+
 .jimu-widget-searchL .input-sms1 {
   width: 90px;
   height: 35px;
@@ -76,25 +81,29 @@
   /* border-radius: 0px 5px 5px 0px; */
 }
 
+.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 {
-  color: #000;
+  color: #afafaf;
   font-size: 14px;
 }
 
 .jimu-widget-searchL .input-sms1::-moz-placeholder, .jimu-widget-searchL .input-sms::-moz-placeholder {
   /* Mozilla Firefox 19+ */
-  color: #000;
+  color: #afafaf;
   font-size: 14px;
 }
 
 .jimu-widget-searchL .input-sms1:-moz-placeholder, .jimu-widget-searchL .input-sms:-moz-placeholder {
   /* Mozilla Firefox 4 to 18 */
-  color: #000;
+  color: #afafaf;
   font-size: 14px;
 }
 
 .jimu-widget-searchL .input-sms1::-ms-input-placeholder, .jimu-widget-searchL .input-sms::-ms-input-placeholder {
-  color: #000;
+  color: #afafaf;
   font-size: 14px;
 }
 
@@ -103,12 +112,32 @@
   position: fixed;
   right: 5px;
   top: 70px;
-  width: 479px;
-  min-height: 560px;
+  width: 462px;
+  min-height: 554px;
   height: auto;
   padding-bottom: 20px;
   border-radius: 5px 5px 5px 5px;
-  background-color: aliceblue;
+  background-color: rgb(255, 255, 255);
+}
+
+.jimu-widget-searchL .searchLMain .layui-laypage-em {
+  background-color: #39A5FD;
+}
+
+.jimu-widget-searchL .searchLMain .layui-this {
+  color: #39A5FD;
+}
+
+.jimu-widget-searchL .searchLMain .layui-btn-xs {
+  background-color: #39A5FD;
+}
+
+.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 {
+  border-bottom: 2px solid #39A5FD;
 }
 
 .jimu-widget-searchL .searchLMain .layui-tab-title {
@@ -118,12 +147,31 @@
   justify-content: space-around;
 }
 
+.jimu-widget-searchL .searchLMain .layui-tab-title li {
+  font-size: 18px;
+}
+
+.jimu-widget-searchL .searchLMain .layui-table-view {
+  border-bottom: 1px #fff solid;
+}
+
+.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, .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 .searchColce {
-  /* border: 1px saddlebrown solid; */
   position: absolute;
   right: 10px;
   top: 5px;
-  font-size: 20px;
+  font-size: 16px;
   color: #000;
   width: 25px;
   height: 25px;
@@ -136,4 +184,48 @@
 
 .jimu-widget-searchL .searchLMain .searchColce:hover {
   color: red;
+}
+
+.layui-table-tips-c:before {
+  position: relative;
+  right: 1px;
+  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;
 }
\ No newline at end of file

--
Gitblit v1.9.3