fix

src/views/tool.vue

@@ -316,7 +316,7 @@ export default {
 
       if(this.days==60){
         this.option.autoCropWidth = document.documentElement.clientWidth
-        this.option.autoCropHeight = document.documentElement.clientWidth/1.364
+        this.option.autoCropHeight = document.documentElement.clientWidth/1.4829
       }else{
         this.option.autoCropWidth = document.documentElement.clientWidth
         this.option.autoCropHeight = document.documentElement.clientWidth/0.883
@@ -754,7 +754,7 @@ export default {
       }
       #addpicBox{
         width: 100%;
-        height: 223px;
+        height: 205px;
         position: absolute;
         top: 0;
         left: 0;
@@ -988,14 +988,15 @@ export default {
   
   #posterOut.posterOut_60{
     background-color: #fff;
-    width: 100%;
-    height: auto;
+    width: 304px;
+    height: 440px;
     position: fixed;
     top: -2000px;
-    // top: 0;
+    // top: 10px;
     z-index: 999999;
+    overflow: hidden;
     >img{
-      height: 450px;
+      height: 77.8%;
       width: 100%;
       display: block;
       z-index: 1;
@@ -1003,7 +1004,7 @@ export default {
     }
     #posterOutAddpicBox{
       width: 100%;
-      height: 270px;
+      height: 205px;
       position: absolute;
       top: 0;
       left: 0;
@@ -1016,8 +1017,8 @@ export default {
     #posterOutText{
       color: #fff;
       position: absolute;
-      right: 25px;
-      top: 290px;
+      right: 20px;
+      top: 230px;
       display: flex;
       z-index: 2;
       font-weight: 500;
@@ -1025,27 +1026,27 @@ export default {
         color: #000000;
         display: flex;
         p{
-          font-size: 14px;
-          width: 14px;
-          line-height: 14px;
-          word-wrap: break-word;/*英文的时候需要加上这句，自动换行*/
+          font-size: 9px;
+          width: 9px;
+          line-height: 10px;
+          word-wrap: break-word;
           text-align: center;
-          margin: 0 8px 0 0;
+          margin: 0 4px 0 0;
         }
       }
       div:nth-child(2){
-        font-size: 22px;
+        font-size: 16px;
         color: #fff;
-        width: 30px;
-        line-height: 22px;
-        word-wrap: break-word;/*英文的时候需要加上这句，自动换行*/
+        width: 24px;
+        line-height: 16px;
+        word-wrap: break-word;
         text-align: center;
         height: 100%;
         padding: 4px;
       }
     }
     #posterOutBom{
-      padding: 2px 23px 20px;
+      padding: 2px 19px 20px;
       background-color: #fff;
       #posterOutWrap{
         width: 100%;
@@ -1053,31 +1054,30 @@ export default {
         border-bottom-right-radius: 15px;
         display: flex;
         justify-content: space-between;
-        padding-bottom: 5px;
       }
       #posterOutTime{
-        padding: 20px 0 0 20px;
+        padding: 0 0 0 15px;
         >div{
           width: 100%;
-          height: 70px;
-          line-height: 70px;
-          font-size: 70px;
+          height: 60px;
+          line-height: 60px;
+          font-size: 50px;
           span{
             font-weight: 600;
           }
         }
         >p{
           color: #fff;
-          font-size: 13px;
-          margin-top: 0;
+          font-size: 12px;
+          margin-top: -8px;
         }
       }
       #posterOutQRcode{
         padding: 8px 15px 0 0;
         >div{
           padding: 0;
-          width: 88px;
-          height: 88px;
+          width: 56px;
+          height: 56px;
           margin-bottom: 1px;
           img{
             display: block;
@@ -1087,7 +1087,7 @@ export default {
         }
         p{
           color: #fff;
-          font-size: 11px;
+          font-size: 7px;
           font-weight: 500;
           text-align: center;
         }