IE8圆角问题

src/css/informationOut.less

@@ -173,7 +173,7 @@ div,li,span,i,p,h1,h2,h3,h4,h5,pre{
   height: 10px;
   position: absolute;
   top: 28px;
-  left: 27px;
+  left: 25px;
   z-index: 1;
   background: url('../images/icon-circular2.png');
   background-repeat: no-repeat;
@@ -182,18 +182,19 @@ div,li,span,i,p,h1,h2,h3,h4,h5,pre{
   background-size: 10px 10px;
   background: none\9;
   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/icon-circular2.png',sizingMethod='scale');
+
 }
 .anchors .a-circle:last-child{
   position: initial;
-  margin-left: 28px;
-  margin-top: -16px;
+  margin-left: 25px;
+  margin-top: 0;
 }
 .anchors i {
   position: absolute;
   display: inline-block;
   width: 10px;
   height: 10px;
-  left: -6px;
+  left: -7px;
   top: 8px;
   z-index: 1;
   background: url('../images/icon-circular.png');
@@ -230,13 +231,13 @@ div,li,span,i,p,h1,h2,h3,h4,h5,pre{
   height: 9px;
   top: 10px;
   left: -10px;
-  border-radius: 0;
   border: none;
   background: url('../images/icon_current.png');
   background-repeat: no-repeat;
   background-position-x: center;
   background-position-y: center;
   background-size: 18px 9px;
+  background: none\9;
   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/icon_current.png',sizingMethod='scale');
 }
   .disCopy {
@@ -404,7 +405,6 @@ div,li,span,i,p,h1,h2,h3,h4,h5,pre{
   line-height: 28px;
   margin: 30px 0 8px 0;
   text-align: center;
-  display: none;
 }
 .scaleBox{
   border-bottom: none;
@@ -424,13 +424,15 @@ div,li,span,i,p,h1,h2,h3,h4,h5,pre{
     }
     .item-content{
       margin: 10px 0;
-      display: inline-block;
+      display: flex;
+      flex-flow: wrap;
       .radio {
         display: flex;
         margin: 5px;
         margin-right: 25px;
-        float: left;
         label{
+          display: flex;
+          align-items: center;
           font-weight: 400;
           color: #666666;
           line-height: 20px;
@@ -486,12 +488,10 @@ div,li,span,i,p,h1,h2,h3,h4,h5,pre{
   text-align: center;
   .result_box{
     padding:25px 56px;
-    overflow: hidden;
-    max-width: 100%;
-    min-width: 100px;
-    display: inline-block;
+    position: relative;
     .result_left{
-      float: left;
+      display: inline-block;
+      position: absolute;
       .hel{
         background: #2C96E5;
         border-radius: 50%;
@@ -503,7 +503,8 @@ div,li,span,i,p,h1,h2,h3,h4,h5,pre{
     }
     .result_title{
       max-width: 85%;
-      float: left;
+      display: inline-block;
+      margin-left: 70px;
     }
   }
   
@@ -562,12 +563,12 @@ div,li,span,i,p,h1,h2,h3,h4,h5,pre{
 #Print{
   width: 100%!important;
   overflow-x: hidden;
-  overflow: auto;
 }
 .scale{
   .infos-box{
-    
+    border: 1px solid #E6E6E6;
     margin: 0 71px 20px 38px;
+    padding-top: 20px;
     .infoWrapper {
       padding: 0 75px;
     }
@@ -578,29 +579,4 @@ div,li,span,i,p,h1,h2,h3,h4,h5,pre{
 }
 .chColor{
   color: red!important;
-}
-.info_left {
-    width: 527px;
-    margin: auto;
-    display: none;
-    overflow: hidden;
-    margin-top: 10px;
-    border:1px solid #D8D8D8;
-    li {
-      width: 50%;
-      height: 30px;
-      padding: 0 10px;
-      box-sizing: border-box;
-      border: 1px solid #bbbfc1;
-      border-right: none;
-      font-size: 14px;
-      float: left;
-      border-bottom: none;
-    }
-    &:nth-child(1) {
-      border-top: none;
-    }
-    &:nth-child(odd) {
-      border-left: none;
-    }
-  }
+}

src/css/print.css

@@ -3,16 +3,7 @@
   body{
     background: #ffffff;
   }
-  #Print{
-    background: #ffffff;
-  }
   .scaletitle{
-    font-size: 20px;
-    font-weight: 500;
-    color: #333333;
-    line-height: 28px;
-    margin: 30px 0 8px 0;
-    text-align: center;
     display: block;
   }
   .info_left{

src/css/staticInfo.less

@@ -181,7 +181,7 @@
   width: 16px;
   height: 16px;
   position: absolute;
-  left: 44px;
+  left: 43px;
   z-index: 1;
   background: url('../images/icon-circular2.png');
   background-repeat: no-repeat;
@@ -190,7 +190,7 @@
 }
 .anchors .a-circle:last-child{
   position: unset;
-  margin-left: 44px;
+  margin-left: 43px;
   margin-top: -16px;
 }
   .anchors i {
@@ -198,7 +198,6 @@
     display: inline-block;
     width: 16px;
     height: 16px;
-    border-radius: 8px;
     left: -9px;
     top: 5px;
     z-index: 1;
@@ -428,9 +427,6 @@
   text-align: center;
   .result_box{
     padding:25px 56px;
-    overflow: hidden;
-    max-width: 100%;
-    min-width: 100px;
     display: inline-block;
     .result_left{
       float: left;
@@ -505,7 +501,6 @@
   width: 100%!important;
   overflow-x: hidden;
   overflow: auto;
-  background: #fff;
 }
 .scale{
   .infos-box{

src/html/informationOut.html

@@ -60,33 +60,6 @@
   <div class=" container disCopy scale">
     <div class="content">
       <div class="infos" id="Print">
-        <ul class="info_left">
-          <li>
-            <label>姓名：</label>
-          </li>
-          <li>
-            <label>门诊号：</label>
-          </li>
-          <li>
-            <label>年龄：</label>
-          </li>
-          <li>
-            <label>医生：</label>
-          </li>
-          <li>
-            <label>性别：</label>
-          </li>
-          <li>
-            <label>科室：</label>
-          </li>
-          <li>
-            <label>卡号：</label>
-          </li>
-          <li>
-            <label>就诊时间：</label>
-          </li>
-        </ul>
-        <p class="scaletitle"></p>
         <div class="infos-box"></div>
       </div>
     </div>

src/html/staticInfo.html

@@ -48,6 +48,7 @@
   </div>
   <div class=" container disCopy notice">
     <div class="content">
+
       <div class="infos"></div>
       <div class="anchors">
         <div class="a-circle"></div>
@@ -58,6 +59,7 @@
   </div>
   <div class=" container disCopy scale">
     <div class="content">
+
       <div class="infos" id="Print">
         <ul class="info_left">
           <li>

src/js/informationOut.js

@@ -7,7 +7,6 @@ if(!Promise){
   })
 }
 require('../css/informationOut.less')
-require('../css/print.css')
 const {
   post,
   throttle,

src/js/staticInfo.js

@@ -7,7 +7,7 @@ if (!Promise) {
   })
 }
 require('../css/staticInfo.less')
-require('../css/print.css');
+require('../css/print.css')
 const {
   post,
   throttle,
@@ -18,7 +18,8 @@ const {
   Toast
 } = require('./promise.js');
 const $ = require("jquery");
-const print = require("./jQuery.print")
+
+const print = require("../js/jQuery.print")
 let printing = require('./../images/printing.png');
 let printing2 = require('./../images/printing2.png');
 let recommend = require('./../images/recommend.png');