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/LeftNavigationBar/css/style.css |  115 ++++++++++++++++++++++++++++++++++++++++++++++-----------
 1 files changed, 93 insertions(+), 22 deletions(-)

diff --git a/widgets/LeftNavigationBar/css/style.css b/widgets/LeftNavigationBar/css/style.css
index 705adb2..e2fe027 100644
--- a/widgets/LeftNavigationBar/css/style.css
+++ b/widgets/LeftNavigationBar/css/style.css
@@ -1,7 +1,7 @@
 .jimu-widget-LeftNavigationBar {
   position: absolute !important;
   /* font-size: 14px; */
-  height: calc(100% - 25px) !important;
+  height: 100% !important;
   /* height: calc(100%) !important; */
   width: 250px !important;
   right: auto !important;
@@ -51,7 +51,6 @@
 
 .jimu-widget-LeftNavigationBar .left-navigation-bar-main {
   position: relative;
-  top: -50px;
   width: 100%;
   height: 100%;
   padding: 10px;
@@ -63,7 +62,9 @@
 }
 
 .jimu-widget-LeftNavigationBar .left-navigation-bar-main .l-n-b-m-search {
-  width: 100%;
+  position: absolute;
+  top: 16px;
+  width: calc(100% - 20px);
   height: 40px;
   /* padding: 10px; */
   border: 1px rgba(0, 0, 0, .2) solid;
@@ -86,26 +87,37 @@
 }
 
 .jimu-widget-LeftNavigationBar .left-navigation-bar-main .l-n-b-m-search input::-webkit-input-placeholder {
-  color: #000;
+  color: #afafaf;
   font-size: 14px;
 }
 
 .jimu-widget-LeftNavigationBar .left-navigation-bar-main .l-n-b-m-search input::-moz-placeholder {
   /* Mozilla Firefox 19+ */
-  color: #000;
+  color: #afafaf;
   font-size: 14px;
 }
 
 .jimu-widget-LeftNavigationBar .left-navigation-bar-main .l-n-b-m-search input:-moz-placeholder {
   /* Mozilla Firefox 4 to 18 */
-  color: #000;
+  color: #afafaf;
   font-size: 14px;
 }
 
 .jimu-widget-LeftNavigationBar .left-navigation-bar-main .l-n-b-m-search input::-ms-input-placeholder {
-  color: #000;
+  color: #afafaf;
   font-size: 14px;
 }
+
+.jimu-widget-LeftNavigationBar .left-navigation-bar-main #left-tree-list {
+  position: absolute;
+  top: 72px;
+  width: calc(100% - 20px);
+  height: calc(100% - 82px);
+  overflow-y: auto;
+  overflow-x: hidden;
+}
+
+
 
 .jimu-widget-LeftNavigationBar .left-navigation-bar-main #test1 {
   height: calc(100% - 58px);
@@ -116,21 +128,6 @@
   height: auto !important;
 }
 
-.layui-tree-iconArrow:after {
-  /* border-color: #c0c4cc transparent transparent transparent !important; */
-  /* border-color: attr(data-attr) !important; */
-}
-
-/* #11 .layui-tree-iconArrow:after{
-  border-color: #c0c4cc  transparent transparent transparent !important;
-} */
-
-/* .downsAfter {
-  border-color: #c0c4cc transparent transparent transparent !important;
-}
-.rightsAfter {
-  border-color: #c0c4cc transparent transparent transparent !important;
-} */
 
 .left-navigation-bar-main-down:after {
   content: "";
@@ -150,4 +147,78 @@
 
 .left-navigation-bar-main-current {
   background-color: #2ab9ec
+}
+
+.layui-form-checked[lay-skin=primary] i{
+  background-color: #36A0FD !important;
+}
+.layui-tree-spread .layui-tree-iconArrow:after{
+  border-color: #c0c4cc transparent  transparent transparent  !important;
+}
+
+.jimu-widget-LeftNavigationBar .layui-tree-main {
+  width: calc(100% - 22px);
+  padding: 0;
+}
+
+.jimu-widget-LeftNavigationBar .layui-tree-txt {
+  width: calc(100% - 48px);
+  overflow: hidden;
+  text-overflow:ellipsis;
+  white-space: nowrap;
+}
+
+.jimu-widget-LeftNavigationBar .layui-btn-group {
+  visibility: visible;
+}
+
+.jimu-widget-LeftNavigationBar .layui-btn-group .layui-icon {
+  margin-top: 4px;
+  width: 20px;
+  height: 20px;
+
+  background: url(../../../images/工具（用以切换图层的透明度）.png) no-repeat;
+}
+
+.jimu-widget-LeftNavigationBar .layui-btn-group .layui-icon:before {
+  content: "";
+}
+
+.jimu-widget-LeftNavigationBar .tree-layer-opcity {
+  display: none;
+  position: absolute;
+  top: 240px;
+  left: 280px;
+  width: 260px;
+  height: auto;
+  background: #Fff;
+  border-radius: 5px;
+  box-shadow: 0 0 8px #fff;
+}
+
+.jimu-widget-LeftNavigationBar .tree-layer-opcity h3 {
+  margin: 0;
+  height: 36px;
+  line-height: 36px;
+  text-align: center;
+}
+
+
+.jimu-widget-LeftNavigationBar .tree-layer-opcity .close {
+  position: absolute;
+  top: 4px;
+  right: 4px;
+}
+
+.jimu-widget-LeftNavigationBar .tree-layer-opcity li>div:first-child {
+  padding: 0 10px;
+  line-height: 28px;
+  overflow: hidden;
+  text-overflow:ellipsis;
+  white-space: nowrap;
+}
+
+.jimu-widget-LeftNavigationBar .tree-layer-opcity li>div:last-child {
+  margin: 10px 10px;
+  width: calc(100% - 20px);
 }
\ No newline at end of file

--
Gitblit v1.9.3