加页脚

src/css/common.less

@@ -150,20 +150,22 @@ input:focus,textarea:focus{
     -moz-box-shadow: #58a6e7 0px 0px 2px;
     box-shadow: #58a6e7 0px 0px 2px;
 }
-::-webkit-input-placeholder{
+input::-webkit-input-placeholder,input:-ms-input-placeholder{
     color: #333;
 }
-    
-:-moz-placeholder,:-moz-placeholder{
-    color: #333;
-}
-::-moz-placeholder,::-moz-placeholder{
-    color: #333;
-}
-:-ms-input-placeholder,:-ms-input-placeholder{
-    color: #333;
+
+textarea:-moz-placeholder,textarea:-ms-input-placeholder{
+    color: #fff;
 }
 
+
+.footer{
+    width: 100%;
+    margin: 24px 0;
+    text-align: center;
+    font-size: 12px;
+    color: #A7CFFC;
+}
 /* chrome & safari 浏览器 */
 /*滚动条整体部分,必须要设置*/
 /*滚动条的上下两端的按钮*/

src/css/knowledgeMap.less

@@ -121,7 +121,7 @@
                     border-radius: 4px 0 0 4px;
                     box-sizing: border-box;
                     outline: none;
-                    color: #fff;
+                    color: #333;
                     font-size: 14px;
                     
                 }
@@ -320,14 +320,13 @@
         background: url('./../resources/images/iconSlideDown1Hover.png') no-repeat;
         background-size: 22px 22px;
     }
-   .footer{
-       position: absolute;
-       width: 100%;
-       bottom: 10px;
-       text-align: center;
-       font-size: 12px;
-       color: #bbb;
-   }
+    .footer{
+        width: 100%;
+        margin: 24px 0;
+        text-align: center;
+        font-size: 12px;
+        color: #A7CFFC;
+    }
     .ztree{
         overflow: auto;
         padding: 0 10px;

src/css/knowledgeTree.less

@@ -4,15 +4,11 @@
         position: relative;
         height: 40px;
         line-height: 40px;
-        background-image: linear-gradient(to right, #5A8EEE , #7EABFF);
-        filter:progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr=#1471da,endColorstr=#1C85FB);/*IE<9>*/
-        -ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr=#1471da, endColorstr=#1C85FB)";/*IE8+*/
+        background: #1E4D79;
     }
     .titleTxt{
         position: relative;
         width: 1200px;
-        left: 50%;
-        margin-left: -600px;
         color: #fff;
         font-size: 14px;
         padding-top: 4px;
@@ -47,7 +43,8 @@
     }
     .left{
         float: left;
-        background: #fff;
+        background: #00193D;
+        border:1px #6794A8 solid;
         height: 100%;
         margin: 10px 0 0 0;
         position: relative;
@@ -62,7 +59,7 @@
             position: relative;
             width:394px;
             height:80px;
-            background:#FFFFFF;
+            background:#0D2C53;
             border-radius:2px;
             margin: 0 0 10px 0;
             font-size: 14px;
@@ -70,7 +67,7 @@
                 display: inline-block;
                 width:92px;
                 height:40px;
-                background:#E2ECFF;
+                background:rgba(66, 143, 220, 0.25);
                 border-radius:4px;
                 margin: 20px 10px  10px;
                 position: relative;
@@ -80,7 +77,7 @@
                     width: 92px;
                     height: 40px;
                     line-height: 40px;
-                    color: #5A8EEE;
+                    color: #5BBBFF;
                     position: relative;
                     padding: 0 10px;
                 }
@@ -95,16 +92,16 @@
                     display: none;
                     width:90px;
                     line-height: 30px;
-                    background: #fff;
-                    color: #333;
-                    border: 1px solid #e6e6e6;
+                    background: #0D2C53;
+                    color: #fff;
+                    border: 1px solid #5BBBFF;
                     z-index: 3;
                 }
                 .selectItem{
                     padding: 0 10px;
                 }
                 .selectItem:hover{
-                    background: #E2ECFF;
+                    background: #1a4478;
                 }
             }
             .search{
@@ -135,17 +132,17 @@
                 input::-ms-clear{display:none;}
 
                 input::-webkit-input-placeholder{
-                    color: #c3ebf5;
+                    color: #aaa;
                 }
 
                 　　　　input:-moz-placeholder,textarea:-moz-placeholder{
-                    color: #c3ebf5;
+                    color: #aaa;
                 }
                 　　　　input::-moz-placeholder,textarea::-moz-placeholder{
-                    color: #c3ebf5;
+                    color: #aaa;
                 }
                 　　　　input:-ms-input-placeholder,textarea:-ms-input-placeholder{
-                    color: #c3ebf5;
+                    color: #aaa;
                 }
                 .searchBtn{
                     position: absolute;
@@ -155,7 +152,7 @@
                     height:40px;
                     text-align: center;
                     line-height: 40px;
-                    background:#5A8EEE;
+                    background:linear-gradient(270deg, #00A6F5 0%, #0071E7 100%);
                     border-radius:0px 4px 4px 0px;
                     color: #fff;
                 }
@@ -165,8 +162,8 @@
                     display: none;
                     width:192px;
                     max-height:200px;
-                    background: #fff;
-                    border:1px solid rgba(230,230,230,1);
+                    background: #0D2C53;
+                    border:1px solid #5BBBFF;
                     border-radius: 4px 0 0 4px;
                     box-sizing: border-box;
                     overflow-y: auto;
@@ -175,10 +172,10 @@
                         height: 40px;
                         line-height: 40px;
                         padding: 0 10px;
-                        color: #333;
+                        color: #fff;
                     }
                     li:hover{
-                        background: #E2ECFF;
+                        background: #1a4478;
                     }
                     .nodeItem{
                         cursor: pointer;
@@ -187,7 +184,7 @@
             }
         }
         .bottom{
-            background: #fff;
+            background: #0D2C53;
             .tabList{
                 width: 100%;
                 height: 43px;
@@ -204,17 +201,17 @@
                     line-height: 42px;
                     margin: 0 20px 0 10px;
                     font-size: 14px;
-                    color: #777;
+                    color: #A7CFFC;
                     cursor: pointer;
                 }
                 .tab:hover{
-                    color: #5A8EEE;
+                    color: #61b7f3;
                 }
                 .activeTab{
                     font-size: 16px;
-                    color: #5A8EEE;
+                    color: #5BBBFF;
                     font-weight: bold;
-                    border-bottom: 3px solid #5A8EEE;
+                    border-bottom: 3px solid #5BBBFF;
                     box-sizing: border-box;
                 }
             }
@@ -228,14 +225,14 @@
             .toggleArrow{
                 width: 11px;
                 position: absolute;
-                top: 18px;
+                top: 15px;
                 right: 0px;
             }
             .toggleTab{
                 display: inline-block;
                 position: absolute;
                 font-size: 14px ;
-                color: #AAA;
+                color: #A7CFFC;
                 line-height: 44px;
                 right: 20px;
                 top: 0;
@@ -247,7 +244,7 @@
             }
             .hideTabList{
                 position: relative;
-                background: #fff;
+                background: #0D2C53;
                 width: 100%;
                 z-index: 2;
                 display: none;
@@ -265,7 +262,7 @@
             }
             .radioItem{
                 font-size: 14px;
-                color: #333;
+                color: #fff;
                 line-height: 16px;
                 margin-right: 20px;
                 cursor: pointer;
@@ -283,12 +280,11 @@
         }
     }
     .footer{
-        position: absolute;
         width: 100%;
-        bottom: 0px;
+        margin: 24px 0;
         text-align: center;
         font-size: 12px;
-        color: #bbb;
+        color: #A7CFFC;
     }
     .ztree{
         overflow: auto;

src/css/participle.less

@@ -362,14 +362,11 @@
     right: 15px;
 }
 .footer{
-    position: fixed;
-    width:1200px;
-    height: 20px;
-    bottom: 0px;
+    width: 100%;
+    margin: 24px 0;
     text-align: center;
     font-size: 12px;
-    color: #bbb;
-    background: #fff;
+    color: #A7CFFC;
 }
 
 

src/css/qaPage.less

@@ -68,17 +68,17 @@
   filter: alpha(opacity=50);
 }
 input::-webkit-input-placeholder{
-  color: #c3ebf5;
+  color: #afe0ed;
 }
 
 　　　　input:-moz-placeholder,textarea:-moz-placeholder{
-  color: #c3ebf5;
+  color: #afe0ed;
 }
 　　　　input::-moz-placeholder,textarea::-moz-placeholder{
-  color: #c3ebf5;
+  color: #afe0ed;
 }
 　　　　input:-ms-input-placeholder,textarea:-ms-input-placeholder{
-  color: #c3ebf5;
+  color: #afe0ed;
 }
 
 .btnBox{
@@ -131,10 +131,9 @@ input::-webkit-input-placeholder{
   }
 }
 .footer{
-  position: absolute;
   width: 100%;
-  bottom: 10px;
+  margin: 24px 0;
   text-align: center;
   font-size: 12px;
-  color: #bbb;
+  color: #A7CFFC;
 }

src/html/knowledgeGraph.html

@@ -26,10 +26,6 @@
 				<div class="legendIcon">
 					<div class="legendIconImg"></div>
 				</div>
-				
-				 <!--<div class="footer ltLogo">
-					杭州朗通信息技术有限公司 & 浙江大学医学院附属邵逸夫医院&nbsp;&nbsp;&nbsp;联合开发
-				</div>-->
 			</div>
 			<div class="right">
 				<div class="top">
@@ -93,6 +89,9 @@
 		</div>
 		
 	</div>
+	<div class="footer ltLogo">
+	   杭州朗通信息技术有限公司 & 浙江省卫生健康委&nbsp;&nbsp;&nbsp;联合开发
+   </div>
 
 </body>
 

src/html/knowledgeTree.html

@@ -16,16 +16,14 @@
       <div class="title">
       
         <div class="titleTxt">
-          <img class="titleLogo ltLogo" src="./images/logo.png" alt="logo">
-           <img class="titleLogo titleLogoShaiyifu" src="./images/logo_shaoyifu.png" alt="logo">
-          <span class="titleInfo">|&nbsp;&nbsp;描述框架</span>
+          <!--<img class="titleLogo ltLogo" src="./images/logo.png" alt="logo">
+           <img class="titleLogo titleLogoShaiyifu" src="./images/logo_shaoyifu.png" alt="logo">-->
+          <span class="titleInfo">描述框架</span>
+      </div>
       </div>
       <div class="content clearfix">
         <div class="left">
           <div id="main" class="mapWrapper" style="width: 796px;height:600px;cursor: pointer;"></div>
-           <div class="footer ltLogo">
-            杭州朗通信息技术有限公司 & 浙江大学医学院附属邵逸夫医院&nbsp;&nbsp;&nbsp;联合开发
-          </div>
         </div>
         <div class="right">
           <div class="top">
@@ -78,12 +76,12 @@
               </div>
               <div id="tree" class="ztree"></div>
             </div>
-           
-
           </div>
-        </div>  
-      </div>
+        </div>
   </div>
+    <div class="footer ltLogo">
+      杭州朗通信息技术有限公司 & 浙江省卫生健康委&nbsp;&nbsp;&nbsp;联合开发
+    </div>
 
 </body>
 

src/html/participle.html

@@ -81,9 +81,6 @@
 				</div>
 				
 			</div>
-			 <!--<div class="footer ltLogo">
-				杭州朗通信息技术有限公司 & 浙江大学医学院附属邵逸夫医院&nbsp;&nbsp;&nbsp;联合开发
-			</div>-->
 		</div>
 	</div>
 	
@@ -91,6 +88,9 @@
 		<img src="./images/iconClose3.png" alt="">
 		<table class="table"></table>
 	</div>
+	<div class="footer ltLogo">
+	  杭州朗通信息技术有限公司 & 浙江省卫生健康委&nbsp;&nbsp;&nbsp;联合开发
+	</div>
 </body>
 
 </html>

src/html/qaPage.html

@@ -44,11 +44,11 @@
                 <div class="resultBoxInfo" id="resultBoxInfo"></div>
             </div>
         </div>
-         <!--<div class="footer ltLogo">
-            杭州朗通信息技术有限公司 & 浙江大学医学院附属邵逸夫医院&nbsp;&nbsp;&nbsp;联合开发
-        </div>-->
     </div>
 </div>
+<div class="footer ltLogo">
+    杭州朗通信息技术有限公司 & 浙江省卫生健康委&nbsp;&nbsp;&nbsp;联合开发
+</div>
 
 
 </body>

src/js/schemaMap.js

@@ -240,7 +240,10 @@ function getSchema(val, type){
         title: { 
             text: 'schema 结构',
             top: '10',
-            left: '10'
+            left: '10',
+          textStyle:{
+                color:'#fff'
+          }
         },
         tooltip: {
             show:'true',//默认：true；是否显示提示框组件，包括提示框浮层和 axisPointer。
@@ -378,7 +381,7 @@ function renderTab(data){
     }
     hidetabStr += `<div class="toggleTab">
         <span class="toggleTabTxt">收起</span>
-        <img class="toggleArrow" src="./images/iconUp.png" alt="">
+        <img class="toggleArrow" style="transform: rotate(180deg);top:18px;" src="./images/iconDown.png" alt="">
     </div>`
     // console.log('showtabStr',showtabStr)