fix 21天海报生成

src/views/tool.vue

@@ -885,15 +885,15 @@ export default {
 
   #posterOut{
     background-color: #fff;
-    width: 300px;
-    height: 500px;
+    width: 304px;
+    height: 440px;
     position: fixed;
     top: -2000px;
     // position: relative;
-    // top: 0;
+    // top: 10px;
     z-index: 999999;
     #posterOut21Box{
-      height: 72%;
+      height: 77.8%;
       width: 100%;
       position: relative;
       img{
@@ -924,17 +924,17 @@ export default {
       }
     }
     #posterOutText{
-      font-size: 20px;
+      font-size: 15px;
       color: #fff;
       position: absolute;
-      right: 10px;
-      top: 30px;
+      right: 15px;
+      top: 19px;
       display: flex;
       p{
-        width: 20px;
-        line-height: 22px;
-        word-wrap: break-word;/*英文的时候需要加上这句，自动换行*/
-        margin-right: 8px;
+        width: 15px;
+        line-height: 15px;
+        word-wrap: break-word;
+        margin-right: 5px;
         text-align: center;
       }
       p:nth-child(1){
@@ -945,30 +945,31 @@ export default {
       display: flex;
       justify-content: space-between;
       #posterOutTime{
-        padding: 22px 0 0 19px;
+        padding: 25px 0 0 33px;
         >div{
-          width: 140px;
-          height: 66px;
-          line-height: 66px;
-          text-align: center;
+          width: 100%;
+          height: 42px;
+          line-height: 42px;
           color: #fff;
-          font-size: 54px;
+          font-size: 30px;
+          text-align: center;
           span{
             font-weight: 600;
           }
         }
         >p{
-          font-size: 10px;
+          font-size: 6px;
           margin-top: 4px;
+          
         }
       }
       #posterOutQRcode{
-        padding: 8px 19px 0 0;
+        padding: 12px 50px 0 0;
         >div{
-          padding: 6px;
-          width: 80px;
-          height: 80px;
-          margin-bottom: 4px;
+          padding: 3px;
+          width: 49px;
+          height: 49px;
+          margin-bottom: 2px;
           img{
             display: block;
             width: 100%;
@@ -976,11 +977,10 @@ export default {
           }
         }
         p{
-          font-size: 15px;
+          font-size: 8px;
           color: #000000;
           font-weight: 500;
           text-align: center;
-          line-height: 17px;
         }
       }
     }