瀏覽代碼

滚动条样式统一控制,横版既往诊断显示

zhouna 3 年之前
父節點
當前提交
62e6fb8fa5
共有 6 個文件被更改,包括 15 次插入193 次删除
  1. 0 114
      src/css/cdssHorizontal.less
  2. 13 5
      src/css/common.less
  3. 0 24
      src/css/informationOut.less
  4. 0 24
      src/css/staticInfo.less
  5. 0 24
      src/css/staticInfoOut.less
  6. 2 2
      src/js/cdssHorizontal.js

+ 0 - 114
src/css/cdssHorizontal.less

@@ -109,35 +109,6 @@
   display: inline-block;
   box-sizing: border-box;
   overflow-y: auto;
-  /* chrome & safari 浏览器 */
-  /*滚动条整体部分,必须要设置*/
-  &::-webkit-scrollbar {
-    width: 10px;
-    height: 10px;
-    background-color: #fff;
-  }
-  /*滚动条的轨道*/
-  &::-webkit-scrollbar-track {
-    background-color: #fff;
-  }
-  /*滚动条的轨道*/
-  &::-webkit-scrollbar-track {
-    background-color: none;
-  }
-  /*滚动条的滑块按钮*/
-  &::-webkit-scrollbar-thumb {
-    width: 8px;
-    height: 63px;
-    background: #4f9ff3;
-    border-radius: 14px;
-    // box-shadow: inset 0 0 5px #f00;
-  }
-  /*滚动条的上下两端的按钮*/
-  // .right_content::-webkit-scrollbar-button,
-  // ul::-webkit-scrollbar-button {
-  //   height: 0;
-  //   background-color: #fff;
-  // }
 }
 .leftWrapper {
   width: 58.5%;
@@ -334,33 +305,6 @@
   display: none;
   z-index: 1;
   overflow: auto;
-  &::-webkit-scrollbar {
-    width: 10px;
-    height: 10px;
-    background-color: #fff;
-  }
-  /*滚动条的轨道*/
-  &::-webkit-scrollbar-track {
-    background-color: #fff;
-  }
-  /*滚动条的轨道*/
-  &::-webkit-scrollbar-track {
-    background-color: none;
-  }
-  /*滚动条的滑块按钮*/
-  &::-webkit-scrollbar-thumb {
-    width: 8px;
-    height: 63px;
-    background: #4f9ff3;
-    border-radius: 14px;
-    // box-shadow: inset 0 0 5px #f00;
-  }
-  /*滚动条的上下两端的按钮*/
-  // .right_content::-webkit-scrollbar-button,
-  // ul::-webkit-scrollbar-button {
-  //   height: 0;
-  //   background-color: #fff;
-  // }
 }
 .longStrBoxTitle {
   position: absolute;
@@ -486,35 +430,6 @@
   padding: 10px 20px;
   box-sizing: border-box;
   overflow-y: auto;
-  /* chrome & safari 浏览器 */
-  /*滚动条整体部分,必须要设置*/
-  &::-webkit-scrollbar {
-    width: 10px;
-    height: 10px;
-    background-color: #fff;
-  }
-  /*滚动条的轨道*/
-  &::-webkit-scrollbar-track {
-    background-color: #fff;
-  }
-  /*滚动条的轨道*/
-  &::-webkit-scrollbar-track {
-    background-color: none;
-  }
-  /*滚动条的滑块按钮*/
-  &::-webkit-scrollbar-thumb {
-    width: 8px;
-    height: 63px;
-    background: #4f9ff3;
-    border-radius: 14px;
-    // box-shadow: inset 0 0 5px #f00;
-  }
-  /*滚动条的上下两端的按钮*/
-  // .right_content::-webkit-scrollbar-button,
-  // ul::-webkit-scrollbar-button {
-  //   height: 0;
-  //   background-color: #fff;
-  // }
 }
 .operaNameBox {
   background-color: #eff1f6;
@@ -803,33 +718,4 @@
   padding-bottom: 10px;
   box-sizing: border-box;
   overflow: auto;
-  /* chrome & safari 浏览器 */
-  /*滚动条整体部分,必须要设置*/
-  &::-webkit-scrollbar {
-    width: 10px;
-    height: 10px;
-    background-color: #fff;
-  }
-  /*滚动条的轨道*/
-  &::-webkit-scrollbar-track {
-    background-color: #fff;
-  }
-  /*滚动条的轨道*/
-  &::-webkit-scrollbar-track {
-    background-color: none;
-  }
-  /*滚动条的滑块按钮*/
-  &::-webkit-scrollbar-thumb {
-    width: 8px;
-    height: 63px;
-    background: #4f9ff3;
-    border-radius: 14px;
-    // box-shadow: inset 0 0 5px #f00;
-  }
-  /*滚动条的上下两端的按钮*/
-  // .right_content::-webkit-scrollbar-button,
-  // ul::-webkit-scrollbar-button {
-  //   height: 0;
-  //   background-color: #fff;
-  // }
 }

+ 13 - 5
src/css/common.less

@@ -183,24 +183,32 @@
   }
 
 }
-
-::-webkit-scrollbar, ::-webkit-scrollbar {
+/* chrome & safari 浏览器 */
+/*滚动条整体部分,必须要设置*/
+/*滚动条的上下两端的按钮*/
+// .right_content::-webkit-scrollbar-button,
+// ul::-webkit-scrollbar-button {
+//   height: 0;
+//   background-color: #fff;
+// }
+::-webkit-scrollbar{
   /*滚动条整体样式*/
   width: 8px;
-  height: 100px;
   /*高宽分别对应横竖滚动条的尺寸*/
+  height: 8px;
   background: #ebeef5;
   -webkit-box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.2);
 }
 
-::-webkit-scrollbar-thumb, ::-webkit-scrollbar-thumb {
+::-webkit-scrollbar-thumb{
   /*滚动条里面小方块*/
   width: 8px;
+  height: 8px;
   border-radius: 5px;
   background: @bgcBlue;
 }
 
-::-webkit-scrollbar-track, ::-webkit-scrollbar-track {
+::-webkit-scrollbar-track{
   /*滚动条里面轨道*/
   border-radius: 5px;
   background: #f0f2f5;

+ 0 - 24
src/css/informationOut.less

@@ -374,30 +374,6 @@ div,li,span,i,p,h1,h2,h3,h4,h5,pre{
   }
 }
 
-.infos::-webkit-scrollbar, .anchors::-webkit-scrollbar {
-  /*滚动条整体样式*/
-  width: 6px;
-  height: 100px;
-  /*高宽分别对应横竖滚动条的尺寸*/
-  background: #ebeef5;
-  -webkit-box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.2);
-}
-
-.infos::-webkit-scrollbar-thumb, .anchors::-webkit-scrollbar-thumb {
-  /*滚动条里面小方块*/
-  width: 6px;
-  border-radius: 5px;
-  background: @staticMainColor;
-  height: 100px;
-}
-
-.infos::-webkit-scrollbar-track, .anchors::-webkit-scrollbar-track {
-  /*滚动条里面轨道*/
-  border-radius: 2px;
-  background: #f0f2f5;
-  opacity: .2;
-}
-
 .scaletitle{
   font-size: 20px;
   font-weight: 500;

+ 0 - 24
src/css/staticInfo.less

@@ -314,30 +314,6 @@
   z-index: 20;
   background-color: #fff;
 }
-
-.infos::-webkit-scrollbar, .anchors::-webkit-scrollbar {
-  /*滚动条整体样式*/
-  width: 6px;
-  height: 100px;
-  /*高宽分别对应横竖滚动条的尺寸*/
-  background: #ebeef5;
-  -webkit-box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.2);
-}
-
-.infos::-webkit-scrollbar-thumb, .anchors::-webkit-scrollbar-thumb {
-  /*滚动条里面小方块*/
-  width: 6px;
-  border-radius: 5px;
-  background: @staticMainColor;
-  height: 100px;
-}
-
-.infos::-webkit-scrollbar-track, .anchors::-webkit-scrollbar-track {
-  /*滚动条里面轨道*/
-  border-radius: 2px;
-  background: #f0f2f5;
-  opacity: .2;
-}
 .scaletitle{
   font-size: 20px;
   font-weight: 500;

+ 0 - 24
src/css/staticInfoOut.less

@@ -352,30 +352,6 @@ div,li,span,i,p,h1,h2,h3,h4,h5,pre{
   }
 }
 
-.infos::-webkit-scrollbar, .anchors::-webkit-scrollbar {
-  /*滚动条整体样式*/
-  width: 6px;
-  height: 100px;
-  /*高宽分别对应横竖滚动条的尺寸*/
-  background: #ebeef5;
-  -webkit-box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.2);
-}
-
-.infos::-webkit-scrollbar-thumb, .anchors::-webkit-scrollbar-thumb {
-  /*滚动条里面小方块*/
-  width: 6px;
-  border-radius: 5px;
-  background: @staticMainColor;
-  height: 100px;
-}
-
-.infos::-webkit-scrollbar-track, .anchors::-webkit-scrollbar-track {
-  /*滚动条里面轨道*/
-  border-radius: 2px;
-  background: #f0f2f5;
-  opacity: .2;
-}
-
 .scaletitle{
   font-size: 20px;
   font-weight: 500;

+ 2 - 2
src/js/cdssHorizontal.js

@@ -446,7 +446,7 @@ function renderCheckup(list, showNum, type, hasInfo) {
 }
 function renderDiag(diagPush) {
   let possibleDiagPush = diagPush["可能诊断"] || []
-  let firstDiagPush = diagPush["初步诊断"] || []
+  let firstDiagPush = diagPush["既往诊断"] || []
   let identifyDiagPush = diagPush["鉴别诊断"] || []
   let warningDiagPush = diagPush["警惕"] || []
   let number = $('.moduleItem.diag').attr("data-num") || 5
@@ -457,7 +457,7 @@ function renderDiag(diagPush) {
   // let firstDiagPush =  [{name:"血常规",hisNameList:null},{name:"尿常规",hisNameList:null},{name:"尿常规",hisNameList:null},{name:"尿常规",hisNameList:null},{name:"尿常规",hisNameList:null},{name:"尿常规",hisNameList:null}]
   // let identifyDiagPush = diagPush["鉴别诊断"] ||  [{name:"血常规",hisNameList:null},{name:"尿常规",hisNameList:null},{name:"尿常规",hisNameList:null},{name:"尿常规",hisNameList:null},{name:"尿常规",hisNameList:null},{name:"尿常规",hisNameList:null}]
   renderDiagItem(possibleDiagPush, "可能诊断", number)
-  renderDiagItem(firstDiagPush, "初步诊断", number)
+  renderDiagItem(firstDiagPush, "既往诊断", number)
   renderDiagItem(identifyDiagPush, "鉴别诊断", number)
   renderWarningDiag(warningDiagPush, "警惕", 1000)
   moreInfo()