From 578cebf866ba4d0de62ea1d0efe8392d3c586aea Mon Sep 17 00:00:00 2001
From: shuishen <1109946754@qq.com>
Date: Sat, 05 Jun 2021 14:51:13 +0800
Subject: [PATCH] Merge branch 'master' of http://192.168.0.105:10010/r/pyhmap

---
 images/jiesuo.png                       |    0 
 widgets/SplitScreen/css/style.css       |    6 
 widgets/LeftNavigationBar/Widget.html   |    8 
 widgets/CoorPosition/css/style.css      |   17 +
 widgets/instructions/css/style.css      |    3 
 images/shanchu.png                      |    0 
 widgets/Rolling/css/style.css           |    8 
 images/jiesuo2.png                      |    0 
 widgets/Measurement/css/style.css       |   10 
 images/dakaiwenjian1_1.png              |    0 
 images/shanchu2.png                     |    0 
 widgets/LeftNavigationBar/Widget.js     |  398 +++++++++++---------------------------------
 widgets/LeftNavigationBar/css/style.css |    4 
 images/cwj1.png                         |    0 
 images/dakaiwenjian1.png                |    0 
 widgets/MapPrinting/css/style.css       |   13 +
 images/suo.png                          |    0 
 images/dk1.png                          |    0 
 widgets/Sign/css/style.css              |   58 +++---
 images/suo1.png                         |    0 
 images/tj1.png                          |    0 
 widgets/Sign/Widget.html                |    8 
 22 files changed, 177 insertions(+), 356 deletions(-)

diff --git a/images/cwj1.png b/images/cwj1.png
new file mode 100644
index 0000000..aedb81d
--- /dev/null
+++ b/images/cwj1.png
Binary files differ
diff --git a/images/dakaiwenjian1.png b/images/dakaiwenjian1.png
new file mode 100644
index 0000000..1793f13
--- /dev/null
+++ b/images/dakaiwenjian1.png
Binary files differ
diff --git a/images/dakaiwenjian1_1.png b/images/dakaiwenjian1_1.png
new file mode 100644
index 0000000..1ce2a75
--- /dev/null
+++ b/images/dakaiwenjian1_1.png
Binary files differ
diff --git a/images/dk1.png b/images/dk1.png
new file mode 100644
index 0000000..acde479
--- /dev/null
+++ b/images/dk1.png
Binary files differ
diff --git a/images/jiesuo.png b/images/jiesuo.png
index 4b3bc8e..5d30af1 100644
--- a/images/jiesuo.png
+++ b/images/jiesuo.png
Binary files differ
diff --git a/images/jiesuo2.png b/images/jiesuo2.png
new file mode 100644
index 0000000..4b3bc8e
--- /dev/null
+++ b/images/jiesuo2.png
Binary files differ
diff --git a/images/shanchu.png b/images/shanchu.png
index a8829fc..0bdc849 100644
--- a/images/shanchu.png
+++ b/images/shanchu.png
Binary files differ
diff --git a/images/shanchu2.png b/images/shanchu2.png
new file mode 100644
index 0000000..a8829fc
--- /dev/null
+++ b/images/shanchu2.png
Binary files differ
diff --git a/images/suo.png b/images/suo.png
index 8d288d6..e78d67e 100644
--- a/images/suo.png
+++ b/images/suo.png
Binary files differ
diff --git a/images/suo1.png b/images/suo1.png
new file mode 100644
index 0000000..8d288d6
--- /dev/null
+++ b/images/suo1.png
Binary files differ
diff --git a/images/tj1.png b/images/tj1.png
new file mode 100644
index 0000000..92f3369
--- /dev/null
+++ b/images/tj1.png
Binary files differ
diff --git a/widgets/CoorPosition/css/style.css b/widgets/CoorPosition/css/style.css
index 1d79c50..77ef614 100644
--- a/widgets/CoorPosition/css/style.css
+++ b/widgets/CoorPosition/css/style.css
@@ -1,8 +1,8 @@
 .jimu-widget-CoorPosition{
-  background-color: #36403d;
+  background-color: rgba(255, 255, 255, 0.75);
   font-size: 14px;
   border: 1px solid rgb(69, 154, 251);
-  color: rgb(238, 235, 235);
+  color: rgb(0, 0, 0);
   font-size: 16px;
   width: 100%;
   height: 100%;
@@ -55,7 +55,7 @@
   position: relative;
   width: 100%;
   height: 28px;
-  background-color: #3a464c;
+  background-color: rgba(69, 154, 251, 0.35);
   margin-bottom: 3px;
   text-align: center;
 }
@@ -66,20 +66,21 @@
 
 .jingDu-input {
   display: inline-block;
-  background-color: #3a464c;
+  background-color: rgba(69, 154, 251, 0.35);
   border: none;
   text-indent: 2em;
-  caret-color:#fff;
-  color: #fff;
+  caret-color:rgba(69, 154, 251, 1);
+  color: rgb(0, 0, 0);
 }
 
 .queDing {
-  background-color: #244959;
+  background-color: rgba(69, 154, 251, 0.75);
   border: none;
-  color: #fff;
+  color: rgb(0, 0, 0);
   margin-left: 160px;
   padding: 5px;
   cursor: pointer;
+  border-radius: 10px;
 }
 
 .jiantou {
diff --git a/widgets/LeftNavigationBar/Widget.html b/widgets/LeftNavigationBar/Widget.html
index f94f27d..62910f6 100644
--- a/widgets/LeftNavigationBar/Widget.html
+++ b/widgets/LeftNavigationBar/Widget.html
@@ -5,9 +5,15 @@
 	<div class="left-navigation-bar-main">
 		<!-- <ul id="treeDemo" class="ztree"></ul> -->
 		<div class="l-n-b-m-search">
-			<input id="left-navigation-bar-main-input" type="search" placeholder="请输入图层名称" />
+			<input id="left-navigation-bar-main-input" type="search" value="北深渊1" placeholder="请输入图层名称" />
+			<!-- <button type="button" class="layui-btn layui-btn-sm" lay-demo="reload">重载</button> -->
 			<img id="left-navigation-bar-main-search" src="../../images/addL/sousuo.png" alt="">
 		</div>
+		<!-- <div class="layui-btn-container">
+			<button type="button" class="layui-btn layui-btn-sm" lay-demo="getChecked">获取选中节点数据</button>
+			<button type="button" class="layui-btn layui-btn-sm" lay-demo="setChecked">勾选指定节点</button>
+			<button type="button" class="layui-btn layui-btn-sm" lay-demo="reload">重载实例</button>
+		</div> -->
 		<div id="test1" class="demo-tree demo-tree-box"></div>
 	</div>
 </div>
\ No newline at end of file
diff --git a/widgets/LeftNavigationBar/Widget.js b/widgets/LeftNavigationBar/Widget.js
index 54d173a..59f22f3 100644
--- a/widgets/LeftNavigationBar/Widget.js
+++ b/widgets/LeftNavigationBar/Widget.js
@@ -30,11 +30,75 @@
 			startup: function () {
 				// 暴露在外的接口
 				this.begin(this.data);
-				$('#left-navigation-bar-main-search').click(() => {
+
+				$('.left-navigation-bar-but').click(() => {
+					this.changeImg = !this.changeImg;
+					if (this.changeImg) {
+						$('.l-n-b-b-img').attr("src", "../../images/addL/xzuo.png");//打开
+						$('.jimu-widget-LeftNavigationBar').css({ 'left': '0px' });
+						$('.jimu-widget-instructions').css({ 'left': '260px' });
+					} else {
+						$('.l-n-b-b-img').attr("src", "../../images/addL/xyou.png");//关闭
+						$('.jimu-widget-LeftNavigationBar').css({ 'left': '-250px' });
+						$('.jimu-widget-instructions').css({ 'left': '10px' });
+					}
+				})
+
+
+				$('.jimu-widget-instructions').css({ 'left': '260px' });
+
+				var dictionaries = []//转数据
+					, inits = (d, useData) => {
+						var b = useData || [];
+						for (var k in d) {
+							let val = {
+								title: d[k].title,
+								id: d[k].id
+							}
+							b.push(val);
+							if (d[k].children) {
+								b[k].child = [];
+								inits(d[k].children, b[k].child)
+							}
+						}
+					};
+				inits(this.data, dictionaries);
+
+
+				$('#left-navigation-bar-main-search').click(() => {//搜索事件
 					var val = $('#left-navigation-bar-main-input').val();
 					if (val) {
-						console.log(val);
+						var ids = ''
+							, clearOur = () => {
+								let dom = $(`[data-id]`);
+								// console.log(dom);
+								dom.removeClass('layui-tree-spread');
+								let domDiv = dom.find('.layui-tree-pack');
+								domDiv.css({ 'display': 'none' })
+							}
+							, useit = (d) => {
+								var d = d;
 
+								for (var k in d) {
+									if (d[k].title.indexOf(val) != -1) {//选中id
+										let a = '' + d[k].id,
+											b = a.split('');
+										for (var i in b) {
+											let id = a.slice(0, i);//选中项的所有父级id
+											// console.log(id)
+											let dom = $(`[data-id='${id}']`);
+											dom.addClass('layui-tree-spread');
+											let domDiv = dom.find('.layui-tree-pack').eq(0);
+											domDiv.css({ 'display': 'block' })
+										}
+									}
+									if (d[k].child) {
+										useit(d[k].child);
+									}
+								}
+							};
+						clearOur();
+						useit(dictionaries);
 					} else {
 
 					}
@@ -65,21 +129,12 @@
 			},
 			begin: function (data) {
 				var that = this;
-				$('.left-navigation-bar-but').click(() => {
-					that.changeImg = !that.changeImg;
-					if (that.changeImg) {
-						$('.l-n-b-b-img').attr("src", "../../images/addL/xzuo.png");//打开
-						console.log($('.jimu-widget-LeftNavigationBar'))
-						$('.jimu-widget-LeftNavigationBar').css({'left': '0px'});
-					} else {
-						$('.l-n-b-b-img').attr("src", "../../images/addL/xyou.png");//关闭
-						$('.jimu-widget-LeftNavigationBar').css({'left': '-250px'});
-					}
-				})
 
 				layui.use(function () {
 					var tree = layui.tree
-						, layer = layui.layer;
+						, layer = layui.layer
+						, util = layui.util
+						, $ = layui.$;
 					tree.render({
 						elem: '#test1' //默认是点击节点可进行收缩
 						, data: data
@@ -89,11 +144,16 @@
 							var data = obj.data;  //获取当前点击的节点数据
 							// layer.msg('状态:' + obj.state + '<br>节点数据:' + JSON.stringify(data));
 							// console.log(obj);
+							// 树点击三角形样式修改
 							var ot = $('.layui-tree-iconArrow');
 							ot.removeClass("left-navigation-bar-main-down");
 							var jt = $(`[data-id='${data.id}']`).find('.layui-tree-iconArrow').eq(0);
 							jt.addClass('left-navigation-bar-main-down');
-
+							// 树点击样式修改
+							// var ot = $('.layui-tree-entry');
+							// ot.removeClass("left-navigation-bar-main-current");
+							// var jh = $(`[data-id='${data.id}']`).find('.layui-tree-entry').eq(0);
+							// jh.addClass('left-navigation-bar-main-current');
 						}
 						, showLine: false  //是否开启连接线
 						, oncheck: function (obj) {
@@ -102,287 +162,29 @@
 							// console.log(obj.elem); //得到当前节点元素
 						}
 					});
-				})
 
+					//按钮事件
+					util.event('lay-demo', {
+						getChecked: function (othis) {
+							var checkedData = tree.getChecked('demoId1'); //获取选中节点的数据
+
+							layer.alert(JSON.stringify(checkedData), { shade: 0 });
+							console.log(checkedData);
+						}
+						, setChecked: function () {
+							tree.setChecked('demoId1', [12, 114]); //勾选指定节点
+						}
+						, reload: function () {
+							//重载实例
+							tree.reload('demoId1', {
+
+							});
+
+						}
+					});
+				})
 			},
 			changeImg: true,
-			// concheckData: [
-			// 	{
-			// 		id: 1,
-			// 		choseIt: true,
-			// 		child: [
-			// 			{
-			// 				id: 11,
-			// 				choseIt: true,
-			// 				child: [
-			// 					{
-			// 						id: 111,
-			// 						choseIt: true,
-			// 					},
-			// 					{
-			// 						id: 112,
-			// 						choseIt: true,
-			// 					},
-			// 					{
-			// 						id: 113,
-			// 						choseIt: true,
-			// 					},
-			// 					{
-			// 						id: 114,
-			// 						choseIt: true,
-			// 					},
-			// 				]
-			// 			},{
-			// 				id: 12,
-			// 				choseIt: false,
-			// 				child: [
-			// 					{
-			// 						id: 121,
-			// 						choseIt: false,
-			// 					},
-			// 					{
-			// 						id: 122,
-			// 						choseIt: false,
-			// 					},
-			// 					{
-			// 						id: 123,
-			// 						choseIt: false,
-			// 					},
-			// 					{
-			// 						id: 124,
-			// 						choseIt: false,
-			// 					},
-			// 				]
-			// 			},{
-			// 				id: 13,
-			// 				choseIt: false,
-			// 				child: [
-			// 					{
-			// 						id: 131,
-			// 						choseIt: false,
-			// 					},
-			// 					{
-			// 						id: 132,
-			// 						choseIt: false,
-			// 					},
-			// 					{
-			// 						id: 133,
-			// 						choseIt: false,
-			// 					},
-			// 					{
-			// 						id: 134,
-			// 						choseIt: false,
-			// 					},
-			// 				]
-			// 			},{
-			// 				id: 14,
-			// 				choseIt: false,
-			// 				child: [
-			// 					{
-			// 						id: 141,
-			// 						choseIt: false,
-			// 					},
-			// 					{
-			// 						id: 142,
-			// 						choseIt: false,
-			// 					},
-			// 					{
-			// 						id: 143,
-			// 						choseIt: false,
-			// 					},
-			// 					{
-			// 						id: 144,
-			// 						choseIt: false,
-			// 					},
-			// 				]
-			// 			},
-
-			// 		]
-			// 	},{
-			// 		id: 2,
-			// 		choseIt: true,
-			// 		child: [
-			// 			{
-			// 				id: 21,
-			// 				choseIt: true,
-			// 				child: [
-			// 					{
-			// 						id: 211,
-			// 						choseIt: true,
-			// 					},
-			// 					{
-			// 						id: 212,
-			// 						choseIt: true,
-			// 					},
-			// 					{
-			// 						id: 213,
-			// 						choseIt: true,
-			// 					},
-			// 					{
-			// 						id: 214,
-			// 						choseIt: true,
-			// 					},
-			// 				]
-			// 			},{
-			// 				id: 22,
-			// 				choseIt: false,
-			// 				child: [
-			// 					{
-			// 						id: 221,
-			// 						choseIt: false,
-			// 					},
-			// 					{
-			// 						id: 222,
-			// 						choseIt: false,
-			// 					},
-			// 					{
-			// 						id: 223,
-			// 						choseIt: false,
-			// 					},
-			// 					{
-			// 						id: 224,
-			// 						choseIt: false,
-			// 					},
-			// 				]
-			// 			},{
-			// 				id: 23,
-			// 				choseIt: false,
-			// 				child: [
-			// 					{
-			// 						id: 231,
-			// 						choseIt: false,
-			// 					},
-			// 					{
-			// 						id: 232,
-			// 						choseIt: false,
-			// 					},
-			// 					{
-			// 						id: 233,
-			// 						choseIt: false,
-			// 					},
-			// 					{
-			// 						id: 234,
-			// 						choseIt: false,
-			// 					},
-			// 				]
-			// 			},{
-			// 				id: 24,
-			// 				choseIt: false,
-			// 				child: [
-			// 					{
-			// 						id: 241,
-			// 						choseIt: false,
-			// 					},
-			// 					{
-			// 						id: 242,
-			// 						choseIt: false,
-			// 					},
-			// 					{
-			// 						id: 243,
-			// 						choseIt: false,
-			// 					},
-			// 					{
-			// 						id: 244,
-			// 						choseIt: false,
-			// 					},
-			// 				]
-			// 			},
-
-			// 		]
-			// 	},
-			// 	{
-			// 		id: 3,
-			// 		choseIt: true,
-			// 		child: [
-			// 			{
-			// 				id: 31,
-			// 				choseIt: true,
-			// 				child: [
-			// 					{
-			// 						id: 311,
-			// 						choseIt: true,
-			// 					},
-			// 					{
-			// 						id: 312,
-			// 						choseIt: true,
-			// 					},
-			// 					{
-			// 						id: 313,
-			// 						choseIt: true,
-			// 					},
-			// 					{
-			// 						id: 314,
-			// 						choseIt: true,
-			// 					},
-			// 				]
-			// 			},{
-			// 				id: 32,
-			// 				choseIt: false,
-			// 				child: [
-			// 					{
-			// 						id: 321,
-			// 						choseIt: false,
-			// 					},
-			// 					{
-			// 						id: 322,
-			// 						choseIt: false,
-			// 					},
-			// 					{
-			// 						id: 323,
-			// 						choseIt: false,
-			// 					},
-			// 					{
-			// 						id: 324,
-			// 						choseIt: false,
-			// 					},
-			// 				]
-			// 			},{
-			// 				id: 33,
-			// 				choseIt: false,
-			// 				child: [
-			// 					{
-			// 						id: 331,
-			// 						choseIt: false,
-			// 					},
-			// 					{
-			// 						id: 332,
-			// 						choseIt: false,
-			// 					},
-			// 					{
-			// 						id: 333,
-			// 						choseIt: false,
-			// 					},
-			// 					{
-			// 						id: 334,
-			// 						choseIt: false,
-			// 					},
-			// 				]
-			// 			},{
-			// 				id: 34,
-			// 				choseIt: false,
-			// 				child: [
-			// 					{
-			// 						id: 341,
-			// 						choseIt: false,
-			// 					},
-			// 					{
-			// 						id: 342,
-			// 						choseIt: false,
-			// 					},
-			// 					{
-			// 						id: 343,
-			// 						choseIt: false,
-			// 					},
-			// 					{
-			// 						id: 344,
-			// 						choseIt: false,
-			// 					},
-			// 				]
-			// 			},
-
-			// 		]
-			// 	},
-			// ],
 			data: [{
 				title: '采集站点'
 				, id: 1
@@ -519,7 +321,7 @@
 					, id: 22
 					, field: '2-2'
 					, children: [{
-						title: '北深渊'
+						title: '北深渊4'
 						, id: 221
 						, field: '2-2-1'
 					}, {
@@ -561,7 +363,7 @@
 					, id: 24
 					, field: '2-4'
 					, children: [{
-						title: '北深渊'
+						title: '北深渊5'
 						, id: 241
 						, field: '2-4-1'
 					}, {
@@ -589,7 +391,7 @@
 					, id: 31
 					, field: '3-1'
 					, children: [{
-						title: '北深渊'
+						title: '北深渊2'
 						, id: 311
 						, field: '3-1-1'
 					}, {
@@ -610,7 +412,7 @@
 					, id: 32
 					, field: '3-2'
 					, children: [{
-						title: '北深渊'
+						title: '北深渊3'
 						, id: 321
 						, field: '3-2-1'
 					}, {
@@ -652,7 +454,7 @@
 					, id: 34
 					, field: '3-4'
 					, children: [{
-						title: '北深渊'
+						title: '北深渊1'
 						, id: 341
 						, field: '3-4-1'
 					}, {
diff --git a/widgets/LeftNavigationBar/css/style.css b/widgets/LeftNavigationBar/css/style.css
index 6fa32b7..705adb2 100644
--- a/widgets/LeftNavigationBar/css/style.css
+++ b/widgets/LeftNavigationBar/css/style.css
@@ -146,4 +146,8 @@
   /* border-color: #c0c4cc transparent transparent transparent; */
   transform: rotate(90deg);
   transition: .5s;
+}
+
+.left-navigation-bar-main-current {
+  background-color: #2ab9ec
 }
\ No newline at end of file
diff --git a/widgets/MapPrinting/css/style.css b/widgets/MapPrinting/css/style.css
index e1ba8e5..aef8b6d 100644
--- a/widgets/MapPrinting/css/style.css
+++ b/widgets/MapPrinting/css/style.css
@@ -1,8 +1,8 @@
 .jimu-widget-MapPrinting{
-  background-color: #3c464b;
+  background-color: rgba(255, 255, 255, 0.75);
   font-size: 14px;
   /* border: 1px solid rgb(69, 154, 251); */
-  color: rgb(238, 235, 235);
+  color: rgb(0, 0, 0);
   font-size: 16px;
   width: 100%;
   height: 100%;
@@ -20,7 +20,9 @@
 
 .MapPrinting-left, .MapPrinting-right {
   position: relative;
-  background-color: #404953;
+  background-color: rgba(62,159,252, 0.75);
+  /* border: 1px solid rgba(62,159,252, 0.75); */
+  border-radius: 10px;
   padding: 5px;
   cursor: pointer;
 }
@@ -42,7 +44,10 @@
 
 .MapPrinting-flex-x {
   cursor: pointer;
-  background-color: #404953;
+  /* background-color: rgba(62,159,252, 0.75); */
+  /* border: 1px solid rgba(62,159,252, 0.75); */
+  font-size: 26px;
+  /* border-radius: 10px; */
   padding: 5px;
 }
 
diff --git a/widgets/Measurement/css/style.css b/widgets/Measurement/css/style.css
index 2c94c1d..2f859a0 100644
--- a/widgets/Measurement/css/style.css
+++ b/widgets/Measurement/css/style.css
@@ -1,12 +1,13 @@
 .jimu-widget-Measurement{
   width: 100%;
   height: 100%;
-  background-color: #3a3e45;
+  background-color: rgba(255, 255, 255, .75);
   font-size: 14px;
   border: 1px solid rgb(69, 154, 251);
-  color: rgb(238, 235, 235);
+  color: rgb(0, 0, 0);
   font-size: 16px;
   display: none;
+  border-radius: 10px;
 }
 
 #table {
@@ -102,6 +103,7 @@
 	width: 150px;
 	line-height: 30px;
 	background-color: #0077ff;
+	color: #fff;
 	border-radius: 10px;
 	margin: 0 auto;
 	margin-top: 15px;
@@ -125,8 +127,8 @@
 	vertical-align: center;
 	padding: 0 10px 4px;
 	width: 200px;
-	color: #fff;
-	background-color: #424851;
+	color: #000;
+	background-color: rgba(255, 255, 255, .75);
 }
 
 
diff --git a/widgets/Rolling/css/style.css b/widgets/Rolling/css/style.css
index ca89f3e..c1e7917 100644
--- a/widgets/Rolling/css/style.css
+++ b/widgets/Rolling/css/style.css
@@ -2,10 +2,10 @@
   width: 100%;
   height: 320px;
   /* background-color: #323a36; */
-  background-color: #3c464b;
+  background-color: rgba(255, 255, 255,.75);
   font-size: 14px;
   /* border: 1px solid rgb(69, 154, 251); */
-  color: rgb(238, 235, 235);
+  color: rgb(0, 0, 0);
   font-size: 16px;
   width: 100%;
   height: 100%;
@@ -42,10 +42,8 @@
   outline: none;
 }
 
-
-
 .jimu-widget-Rolling .hezi-select:hover {
-  background-color: #ccc;
+  background-color: rgba(255, 255, 255,.75);
   color: #3c464b;
 }
 
diff --git a/widgets/Sign/Widget.html b/widgets/Sign/Widget.html
index adc1652..ca71770 100644
--- a/widgets/Sign/Widget.html
+++ b/widgets/Sign/Widget.html
@@ -8,19 +8,19 @@
         <div class="sign-head-td">
             <ul class="sign-head-td-ul">
                 <li class="sign-head-td-ul-border addPic addTianjia" title="添加注记">
-                    <img src="./images/tj.png" alt="">
+                    <img src="./images/tj1.png" alt="">
                 </li>
                 <li class="sign-head-td-ul-hengxian">|</li>
                 <li class="sign-head-td-ul-border dakai" id="dkwj" title="打开文件">
                     <input type="file" class="file" id="fileDKWJ" />
-                    <img src="./images/dk.png" alt="">
+                    <img src="./images/dk1.png" alt="">
                 </li>
                 <li class="sign-head-td-ul-border dakai" id="djwj" title="叠加文件">
                     <input type="file" class="file" id="fileDJWJ">
-                    <img src="./images/dakaiwenjian.png" alt="">
+                    <img src="./images/dakaiwenjian1.png" alt="">
                 </li>
                 <li class="sign-head-td-ul-border" id="bcwj" title="保存文件">
-                    <img src="./images/cwj.png" alt="">
+                    <img src="./images/cwj1.png" alt="">
                 </li>
                 <li class="sign-head-td-ul-hengxian">|</li>
                 <li class="sign-head-td-ul-border" id="qkbj" title="清空标记">
diff --git a/widgets/Sign/css/style.css b/widgets/Sign/css/style.css
index 254d337..85e1d1e 100644
--- a/widgets/Sign/css/style.css
+++ b/widgets/Sign/css/style.css
@@ -1,11 +1,11 @@
 .jimu-widget-Sign {
   width: 100%;
   height: 320px;
-  background-color: #323a36;
+  background-color: rgba(255, 255, 255, 0.75);
   font-size: 14px;
   border: 1px solid rgb(69, 154, 251);
   /* opacity      : .8; */
-  color: rgb(238, 235, 235);
+  color: rgb(0, 0, 0);
   font-size: 16px;
   display: none;
 }
@@ -42,7 +42,7 @@
 
 .sign-head-th-biaoji {
   margin-left: -180px;
-  color: white;
+  color: rgb(0, 0, 0);
 }
 
 .sign-head-th-xx {
@@ -76,7 +76,7 @@
   width: 30px;
   height: 30px;
   margin-top: 6px;
-  border: 1px solid white;
+  border: 1px solid #377bc9;
 }
 
 .dakai {
@@ -104,7 +104,7 @@
 .sign-content {
   width: 316px;
   height: 267px;
-  border: 1px solid #fff;
+  border: 1px solid #377bc9;
   margin-left: 1px;
   overflow: hidden;
 }
@@ -113,7 +113,7 @@
   /* position : absolute; */
   width: 315px;
   height: 40px;
-  border: 1px solid #fff;
+  border: 1px solid #377bc9;
   display: flex;
   padding-left: 10px;
 }
@@ -147,7 +147,7 @@
   width: 74px;
   cursor: pointer;
   margin-left: 10px;
-  border-left: 1px solid #fff;
+  border-left: 1px solid #377bc9;
   line-height: 40px;
   padding-left: 10px;
 }
@@ -157,37 +157,37 @@
   height: 40px;
   line-height: 40px;
   text-align: center;
-  border-bottom: 1px solid #fff;
+  border-bottom: 1px solid #377bc9;
 }
 
 .wdbj {
   width: 100%;
   /* background-color: red; */
   height: 40px;
-  border-bottom: 1px solid #fff;
+  border-bottom: 1px solid #377bc9;
   display: flex;
   justify-content: space-around;
   align-items: center;
 }
 
 .wdbj:hover {
-  background-color: #3f4854;
+  background-color: rgba(62,159,252, 0.75);
 }
 
 .wdbj .wdbj-text {
   width: 248px;
   line-height: 37px;
   border: none;
-  background-color: #323a36;
-  color: #fff;
+  background-color: rgba(62,159,252, 0.45);
+  color: rgb(0, 0, 0);
   padding-left: 10px;
   font-size: 15px;
-  border-right: 1px solid #fff;
+  border-right: 1px solid #377bc9;
   cursor: pointer;
 }
 
 .wdbj .wdbj-text:hover {
-  background-color: #3f4854;
+  background-color: rgba(62,159,252, 0.75);
 }
 
 .wdbj-shanchu {
@@ -201,7 +201,7 @@
 .modifyEdit,
 .dragEdit {
   padding: 5px;
-  background-color: #141f18;
+  background-color: rgba(62,159,252, 0.45);
   position: fixed;
   top: 0;
   left: 0;
@@ -235,12 +235,12 @@
   overflow: hidden;
   width: 100%;
   height: 40px;
-  background-color: #29434a;
+  background-color: rgba(255, 255, 255, 0.75);
   display: flex;
   justify-content: space-between;
   align-items: center;
   padding: 0 8px;
-  border-bottom: 1px solid #47605b;
+  border-bottom: 1px solid #377bc9;
 }
 
 .sign-tian-thead span {
@@ -259,7 +259,7 @@
 .sign-tian-tbody {
   width: 100%;
   padding: 10px;
-  background-color: #434b54;
+  background-color: rgba(255, 255, 255, 0.75);
 }
 
 .sign-tian-hang {
@@ -271,27 +271,29 @@
 
 .sign-tian-hang-input {
   margin-top: 5px;
-  background-color: #3f4954;
+  background-color: #377bc9;
   line-height: 25px;
   width: 100%;
   border: none;
-  color: #999;
+  /* color: #999; */
+  border: 1px solid #377bc9;
   padding: 5px;
   font-size: 10px;
-  color: #fff;
+  color: rgb(0, 0, 0);
 }
 
 .sign-tian-hang-textarea {
   margin-top: 5px;
   height: 60px;
-  background-color: #3f4954;
+  background-color: rgba(255, 255, 255, 0.75);
+  border: 1px solid #377bc9 !important;
   font-size: 13px;
-  color: #999;
+  /* color: #999; */
   padding: 5px;
   border: none;
   resize: none;
   width: 100%;
-  color: #fff;
+  color: rgb(0, 0, 0);
   font-family: '黑体';
 }
 
@@ -305,15 +307,15 @@
 
 .sign-tian-bao .baocun,
 .sign-tian-bao .shanchu {
-  background-color: #385973;
-  color: #fff;
+  background-color: rgba(255, 255, 255, 0.75);
+  color: rgb(0, 0, 0);
   border: none;
   line-height: 25px;
   border-radius: 5px;
 }
 
 .sign-tian-bao .shanchu {
-  background-color: #6a525a;
+  background-color: rgba(255, 255, 255, 0.75);
   margin-left: 10px;
 }
 
@@ -324,7 +326,7 @@
   margin-left: -10px;
   width: 0;
   height: 0;
-  border-top: 17px solid #3f4954;
+  border-top: 17px solid #377bc9;
   border-left: 10px solid transparent;
   border-right: 10px solid transparent
 }
diff --git a/widgets/SplitScreen/css/style.css b/widgets/SplitScreen/css/style.css
index a71b084..6d92564 100644
--- a/widgets/SplitScreen/css/style.css
+++ b/widgets/SplitScreen/css/style.css
@@ -4,11 +4,11 @@
   right: 20px !important;
   width: auto !important;
   height: auto !important;
-  background-color: #323a36;
+  background-color: rgba(255, 255, 255, .75);
   font-size: 14px;
   border: 1px solid rgb(69, 154, 251);
   /* opacity      : .8; */
-  color: rgb(238, 235, 235);
+  color: rgb(0, 0, 0);
   font-size: 16px;
   z-index: 101;
   border-radius: 10px 0 10px 10px;
@@ -32,7 +32,7 @@
   font-size: 14px;
   line-height: 24px;
   text-align: center;
-  background: #323a36;
+  background: rgb(69, 154, 251);
   border-radius: 50%;
   border: 1px solid rgb(69, 154, 251);
 }
diff --git a/widgets/instructions/css/style.css b/widgets/instructions/css/style.css
index 6bb3b03..17b6070 100644
--- a/widgets/instructions/css/style.css
+++ b/widgets/instructions/css/style.css
@@ -6,7 +6,7 @@
   width: 200px !important;
   right: auto !important;
   bottom: auto !important;
-  left: 240px!important;
+  left: 260px;
   top: 40px !important;
   /* 240px */
   background: rgba(255, 255, 255, 1);
@@ -21,6 +21,7 @@
   display: flex;
   align-items: center;
   justify-content: center;
+  transition: all 0.5s;
 }
 
 .jimu-widget-instructions img {

--
Gitblit v1.9.3