样式修改

src/components/Banner/index.less

@@ -4,7 +4,7 @@
     .contentZIndex3;
     background: @bannerBg;
     height: 50px;
-    border-bottom: 10px solid #e4e6e7;
+    border-bottom: 10px solid #fff;
     position: fixed;          //页面布局调整
     width: 1200px;
     top: 0;

src/components/InfoTitle/index.jsx

@@ -67,7 +67,7 @@ class InfoTitle extends Component {
     render() {
         const {loading,loadingText,loadingType} = this.props;
         const {le} = this.state;
-        return <div className={style['title-wrapper']}  style={{paddingRight:'122px'}}>
+        return <div className={style['title-wrapper']}  style={{paddingRight:'198px'}}>
             <PatInfoContainer />
              {
                 <div className={style['activeWrap']}>

src/components/InfoTitle/index.less

@@ -1,39 +1,36 @@
 @import "~@less/variables.less";
 .title-wrapper{
   .contentZIndex2;
-  // overflow: hidden;
-  /*padding: 12px 20px 8px 20px;*/
-  // margin-bottom: 40px;
   background-color: #fff;
-  border-bottom: 1px solid #BBBFC1;
+  /*border-top: 1px solid #BBBFC1;
+  border-bottom: 1px solid #BBBFC1;*/
+  padding-left: 15px;
   position: fixed;
   left: 50%;
   top: 50px;
   margin-left: -600px;
   max-width: 1200px;
-  /*padding-right: 122px;*/
   .activeWrap {
     position: absolute;
     right: 0;
     top: 0;
-    width: 122px;
+    width: 198px;
     line-height: 28px;
+    border: 1px solid #BBBFC1;
+    border-left: none;
+    margin-right: 15px;
   }
 }
 .operations, .health{
   float: left;
-//   border: 1px @border-color solid; 
-  // height: 61px;
-  width: 122px;
-  border-left: 0px solid #fff;
+  width: 198px;
   text-align: center;
-  // line-height: 61px;
   color: @blue;
   span{
     cursor: pointer;
     display: inline-block;
-    height: 60px;
-    line-height: 60px;
+    height: 66px;
+    line-height: 66px;
   }
   img {
     width: 20px;

src/components/PatInfo/index.less

@@ -1,11 +1,11 @@
 @import "~@less/variables.less";
 .infoContainer{
   width: 100%;
-  // min-width: 930px;
-  height: 60px;
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
+  border: 1px solid #BBBFC1;
+  border-right: none;
   .infoItem{
     width: 25%;
     min-width: 25%;
@@ -13,8 +13,8 @@
     // min-width: 230px;
     float: left;
     flex: 1;
-    height: 30px;
-    border-right: 1px solid @person-table-color;   
+    height: 33px;
+    border-right: 1px solid @person-table-color;
     display: flex;
     justify-content: center;
     align-items: center;
@@ -109,7 +109,6 @@
       width:100%;
       box-sizing: border-box;
       margin: 0;
-      padding: 0;
       list-style: none;
       display: inline-block;
       height: 32px;
@@ -117,7 +116,6 @@
       color: rgba(0, 0, 0, 0.65);
       font-size: 14px;
       line-height: 1.5;
-      background-color: #fff;
       background-image: none;
       border-radius: 4px;
       transition: all 0.3s;