Home Explore Help
Register Sign In
front
/
AIPlatform
2
0
Fork 0
Files Issues 0 Pull Requests 0 Wiki
Browse Source

详情页菜单样式

zhouna 5 years ago
parent
190d880f71
commit
7774edf130
3 changed files with 46 additions and 29 deletions
Split View Show Diff Stats
  1. 36 22
      src/css/qcScore.less
  2. 9 6
      src/html/qcScore.html
  3. 1 1
      src/js/utils.js

+ 36 - 22
src/css/qcScore.less
View File 

@@ -1,7 +1,6 @@
 
 @import './reset.less';
 
 .main-part{
 
   height: 100%;
 
-  margin-top: 20px;
 
 }
 
 #loading{
 
   text-align: center;
 
@@ -13,23 +12,17 @@
 
   height: 18px;
 
 }
 
 .patient-info{
 
-  // height: 50px;
 
+  height: 50px;
 
   line-height: 50px;
 
-  margin-top: 10px;
 
+  border-bottom: 1px #E2E5EF solid;
 
+  text-align: center;
 
+  margin-bottom: 20px;
 
   span{
 
+    color: #333;
 
     margin-right: 40px;
 
     display: inline-block;
 
   }
 
 }
 
-#patientInfo{
 
-  height: 44px;
 
-  line-height: 44px;
 
-  text-align: center;
 
-  background:linear-gradient(123deg,#5A8EEE 0%,#7EABFF 100%);
 
-  span{
 
-    color: #fff;
 
-  }
 
-}
 
 .sub-menu{
 
   position: relative;
 
   width: @menuWt;
 
@@ -37,21 +30,37 @@
 
   float: left;
 
   overflow-y: auto;
 
   overflow-x: hidden;
 
+  background: @themeColor;
 
   border-right: 1px @frameBdColor solid;
 
+  .logo{
 
+    margin:5px 0 44px;
 
+    text-indent: 22px;
 
+  }
 
+  &>a{
 
+    position: absolute;
 
+    top: 50%;
 
+    right: 0;
 
+    z-index: 1;
 
+  }
 
+  &>ul>li{
 
+    color: @themeFontClr;
 
+  }
 
   .active{
 
     color: @activeColor;
 
-    background: @activeBg;
 
-    border-right: 3px @activeColor solid;
 
+    /*background: @activeBg;
 
+    border-right: 3px @activeColor solid;*/
 
   }
 
   .page:hover{
 
       color: @activeColor;
 
   }
 
   .list-1{
 
     position: relative;
 
-    p:hover{
 
-         color: @activeColor;
 
-       }
 
-   
+    p {
 
+      color: @themeFontClr;
 
+      &:hover {
 
+        color: @activeColor;
 
+      }
 
+    }
 
     &:after{
 
       content: " ";
 
       display: inline-block;
 
@@ -70,6 +79,10 @@
 
       display: none;
 
       li.page{
 
         text-indent: 30px;
 
+        color: @themeFontClr;
 
+        &.active{
 
+          color: @activeColor;
 
+        }
 
       }
 
     }
 
   }
 
@@ -81,12 +94,13 @@
 
   .copy-right{
 
     position: fixed;
 
     bottom: 0px;
 
-    width: @menuWt+(-18px);
 
+    width: @menuWt;
 
     text-align: center;
 
     font-size:12px;
 
-    color: #aaa;
 
-    background: #fff;
 
+    color: #F0F0F0;
 
+    background: @themeColor;
 
     padding: 10px 0 20px;
 
+    border-top: 1px @themeBorderClr solid;
 
   }
 
 }
 
 .menu-mini{
 
@@ -116,7 +130,7 @@
 
   }
 
 }
 
 .tab-container{
 
-  margin-left: @menuWt+10px;
 
+  margin-left: @menuWt;
 
   height: 100%;
 
   .content-box{
 
     width:78%;

+ 9 - 6
src/html/qcScore.html
View File 

@@ -628,23 +628,26 @@
 
     </script>
 
 </head>
 
 <body>
 
-    <div class="patient-info" id="patientInfo"></div>
 
     <p id="loading">加载中，请稍候 ...</p>
 
     <div class="main-part clearfix">
 
-        <div class="sub-menu content-ht">
 
-            <a href="javescript:void(0);" class="slide-show">
 
+        <div class="sub-menu">
 
+            <div class="logo">
 
+                <img src="../images/lantone.png" alt="">
 
+            </div>
 
+            <!--<a href="javescript:void(0);" class="slide-show">
 
                 <img src="../images/up.png" alt="">
 
-            </a>
 
+            </a>-->
 
             <ul id="subMenu"></ul>
 
             <div class="copy-right">©杭州朗通信息技术有限公司</div>
 
         </div>
 
         <div class="menu-mini fl">
 
-            <a href="javescript:void(0);" class="slide-show">
 
+           <!-- <a href="javescript:void(0);" class="slide-show">
 
                 <img src="../images/down.png" alt="">
 
-            </a>
 
+            </a>-->
 
             <ul></ul>
 
         </div>
 
         <div class="tab-container clearfix">
 
+            <div class="patient-info" id="patientInfo"></div>
 
             <div class="flaw-table"></div>
 
             <div class="content-box fl" id="contentInfo"></div>
 
             <div class="operation fr" id="flaws">

+ 1 - 1
src/js/utils.js
View File 

@@ -167,7 +167,7 @@ $(".modal .close").click(function(){
 
 //计算容器高度
 
 function setBoxHeight(){
 
   const ht=window.innerHeight;
 
-  $(".main-part").height((ht-60)+'px');
 
+  //$(".main-part").height((ht-60)+'px');
 
   $(".content-ht").height((ht-126)+"px");
 
 }
 
 setBoxHeight();