首頁 探索 說明
註冊 登入
front
/
knowledgeMap
2
0
複刻 0
Files 問題管理 0 合併請求 0 Wiki
瀏覽代碼

关系图添加邵逸夫

zhangxc 5 年之前
父節點
adbadc5a87
當前提交
39c40dc35f
共有 4 個文件被更改，包括 33 次插入 和 6 次删除
分割檢視 顯示文件統計
  1. 22 4
      src/css/knowledgeMap.less
  2. 10 2
      src/html/knowledgeGraph.html
  3. 1 0
      src/js/index.js
  4. 二進制
      src/resources/images/logo_shaoyifu.png

+ 22 - 4
src/css/knowledgeMap.less
查看文件 

@@ -2,8 +2,6 @@
 
     min-width: 1200px;
 
     .title{
 
         position: relative;
 
-       
-     
         height: 40px;
 
         line-height: 40px;
 
         background-image: linear-gradient(to right, #5A8EEE , #7EABFF);
 
@@ -21,8 +19,20 @@
 
     }
 
     .titleLogo{
 
         position: relative;
 
-        top: 3px;
 
+        top: -2px;
 
         height: 20px;
 
+        margin: 0 20px 0 0;
 
+    }
 
+    .titleLogoShaiyifu{
 
+        top: 5px;
 
+        height: 30px;
 
+    }
 
+    .titleInfo{
 
+        position: relative;
 
+        display: inline-block;
 
+        top: -4px;
 
+        height: 40px;
 
+        line-height: 40px;
 
     }
 
     .content{
 
         position: relative;
 
@@ -37,6 +47,7 @@
 
         background: #fff;
 
         height: 100%;
 
         margin: 10px 0 0 0;
 
+        position: relative;
 
     }
 
     .right{
 
         // background: #fff;
 
@@ -213,7 +224,14 @@
 
             }
 
         }
 
     }
 
-   
+   .footer{
 
+       position: absolute;
 
+       width: 100%;
 
+       bottom: 10px;
 
+       text-align: center;
 
+       font-size: 12px;
 
+       color: #ccc;
 
+   }
 
     .ztree{
 
         overflow: auto;
 
     }

+ 10 - 2
src/html/knowledgeGraph.html
查看文件 

@@ -13,12 +13,18 @@
 
 <body>
 
 	<div class="knowledgeMapWrapper">
 
 		<div class="title">
 
-			<div class="titleTxt"><img class="titleLogo" src="./images/logo.png" alt="logo">&nbsp;&nbsp;|&nbsp;&nbsp;
 
-				医学知识图谱</div>
 
+			<div class="titleTxt">
 
+				<img class="titleLogo" src="./images/logo.png" alt="logo">
 
+				<img class="titleLogo titleLogoShaiyifu" src="./images/logo_shaoyifu.png" alt="logo">
 
+				<span class="titleInfo">|&nbsp;&nbsp;医学知识图谱</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">
 
+					杭州朗通信息技术有限公司 & 浙江大学医学院附属邵逸夫医院&nbsp;&nbsp;&nbsp;联合开发
 
+				</div>
 
 			</div>
 
 			<div class="right">
 
 				<div class="top">
 
@@ -62,7 +68,9 @@
 
 
 				</div>
 
 			</div>
 
+			
 		</div>
 
+		
 	</div>
 
 
 </body>

+ 1 - 0
src/js/index.js
查看文件 

@@ -14,6 +14,7 @@ require('./../resources/images/iconSlideUp.png');
 
 require('./../resources/images/iconSlideDown.png');
 
 require('./../resources/images/iconSelect.png');
 
 require('./../resources/images/logo.png');
 
+require('./../resources/images/logo_shaoyifu.png');
 
 require('./../resources/zTree/js/jquery.ztree.core.min.js');
 
 require('./../resources/zTree/js/jquery.ztree.excheck.min.js')
 
 require('./../resources/zTree/css/zTreeStyle/zTreeStyle.css');

二進制
src/resources/images/logo_shaoyifu.png
查看文件