소스 검색

滚动条

luolei 4 년 전
부모
커밋
e19780b535
4개의 변경된 파일20개의 추가작업 그리고 18개의 파일을 삭제
  1. 1 1
      index.html
  2. 12 12
      src/components/BlockEmrCont/index.jsx
  3. 4 3
      src/components/BlockEmrCont/index.less
  4. 3 2
      src/components/InfoTitle/index.less

+ 1 - 1
index.html

@@ -8,6 +8,6 @@
     <title>CDSS</title>
 </head>
 <body>
-<div id="root" style="min-width: 1024px;overflow-y: hidden;"></div>
+<div id="root" style="width: 1000px;margin:0 auto;overflow-y: auto;"></div>
 </body>
 </html>

+ 12 - 12
src/components/BlockEmrCont/index.jsx

@@ -32,18 +32,18 @@ class BlockEMRCont extends Component {
     this.setHighter = this.setHighter.bind(this);
   }
   componentDidMount(){
-    const height = getWindowInnerHeight() - 175;
-    const width = getWindowInnerWidth() - 20;
-    this.$cont.current.style.height = height+"px";
-    this.$cont.current.style.minWidth = width + "px";
-    windowEventHandler('resize', ()=>{
-      const height = getWindowInnerHeight() - 175;
-      const width = getWindowInnerWidth() - 20;
-      if(this.$cont.current){
-        this.$cont.current.style.height = height + "px";
-        this.$cont.current.style.minWidth = width + "px";
-      }
-    });
+    // const height = getWindowInnerHeight() - 175;
+    // const width = getWindowInnerWidth() - 20;
+    // this.$cont.current.style.height = height+"px";
+    // this.$cont.current.style.minWidth = width + "px";
+    // windowEventHandler('resize', ()=>{
+    //   const height = getWindowInnerHeight() - 175;
+    //   const width = getWindowInnerWidth() - 20;
+    //   if(this.$cont.current){
+    //     this.$cont.current.style.height = height + "px";
+    //     this.$cont.current.style.minWidth = width + "px";
+    //   }
+    // });
   }
 
   componentWillReceiveProps(nextProps) {

+ 4 - 3
src/components/BlockEmrCont/index.less

@@ -1,7 +1,7 @@
 @import "~@less/variables.less";
 .area{
   height: 100%;
-  min-width: 500px;
+  // min-width: 500px;
 }
 .EMR-container{
   background: #fff;
@@ -10,11 +10,12 @@
   /*padding: 0px 0 10px 0 ;*/
   box-sizing: border-box;
   position: absolute;
+  left: 0;
   // min-width: 700px;
-  min-width: 548px;
-  float: left;
+  // min-width: 548px;
   overflow-y:auto;
   overflow-x: hidden;
+  width: 1000px;
 }
 .inner{
   padding-top:20px;

+ 3 - 2
src/components/InfoTitle/index.less

@@ -7,10 +7,11 @@
   background-color: #fff;
   border-bottom: 1px solid #BBBFC1;
   position: fixed;
-  left: 10px;
+  left: 50%;
   top: 50px;
   right: 10px;
-  min-width: 548px;
+  margin-left: -500px;
+  width: 1000px;
   /*padding-right: 122px;*/
   .activeWrap {
     position: absolute;