Forráskód Böngészése

打印后结果样式问题

wyq 3 éve
szülő
commit
adcd0f8ff5
4 módosított fájl, 16 hozzáadás és 20 törlés
  1. 3 3
      src/css/informationOut.less
  2. 7 8
      src/css/print.css
  3. 1 7
      src/css/staticInfo.less
  4. 5 2
      src/js/staticInfo.js

+ 3 - 3
src/css/informationOut.less

@@ -185,9 +185,9 @@ div,li,span,i,p,h1,h2,h3,h4,h5,pre{
 
 }
 .anchors .a-circle:last-child{
-  position: initial;
-  margin-left: 28px;
-  margin-top: -17px;
+  position: relative;
+  margin-top: -16px;
+  top: 0;
 }
 .anchors i {
   position: absolute;

+ 7 - 8
src/css/print.css

@@ -2,7 +2,12 @@
 @media print {
   body{
     background: #ffffff;
+    overflow-y: hidden;
   }
+  #Print{
+    overflow-y: hidden
+  }
+
   .scaletitle{
     display: block;
   }
@@ -21,19 +26,14 @@
   }
   .result_box{
     padding:25px 56px;
-    display: flex;
+    display: inline-block;
   }
   .result_left{
-    float: left;
     display: flex;
   }
   .result_left>span{
     display: block;
-    float: left;
-    width: 42px;
-  }
-  .result_title{
-    float: left;
+    width: 250px;
   }
   .hel{
     width: 21px;
@@ -43,7 +43,6 @@
     color: #fff;
     font-size: 12px;
     vertical-align: middle;
-    float: left;
     margin-right: 9px;
   }
 }

+ 1 - 7
src/css/staticInfo.less

@@ -427,13 +427,11 @@
   text-align: center;
   .result_box{
     padding:25px 56px;
-    display: flex;
+    display: inline-block;
     .result_left{
-      float: left;
       display: flex;
       & span{
         display: block;
-        float: left;
         width: 42px;
       }
       .hel{
@@ -444,13 +442,9 @@
         color: #fff;
         font-size: 12px;
         vertical-align: middle;
-        float: left;
         margin-right: 9px;
       }
     }
-    .result_title{
-      float: left;
-    }
   }
   
 }

+ 5 - 2
src/js/staticInfo.js

@@ -207,7 +207,7 @@ function renderContentscale(list, contentWrapClassName, name) {
   str = '<div class="scalebot">'
   str += '<button class="but">结果</button><p class="score"></p>'
   str += '</div>'
-  str += `<div class="result"><div class="result_box"><div class="result_left"><img src="./../images/icon-hel.png" class="hel"/><span>结果:</span></div><p id="result_title" class="result_title"></p><textarea id="inputs"></textarea></div></div>`
+  str += `<div class="result"><div class="result_box"><div class="result_left"><img src="./../images/icon-hel.png" class="hel"/><p id="result_title" class="result_title"></p></div><textarea id="inputs"></textarea></div></div>`
   str += `<div class="foot"><div class="foot_box"><div class="printing"><img src="./../images/printing.png" class="slideImg"/>打印</div><div class="copy">确认并复制结果</div></div></div>`
   $(`.${contentWrapClassName} .infos .infos-box`).append(str);
   function addScrollEvent() {
@@ -241,6 +241,9 @@ function getprinting() {
     }).print(); 
     $('.foot').show()
     $('.scalebot').show()
+    $('#Print').css({
+      'height': '100%', //高度自动
+    }).print(); 
   })
 }
 
@@ -424,7 +427,7 @@ function getResult(pushInfo) {
         $(".hel").attr({
           "title": proposal
         });
-        $(".result_title").html(result);
+        $(".result_title").html('结果:'+result);
         if (num > 0) {
           $(".score").html('总分:' + num + '分');
         }