fix

src/views/tool.vue

@@ -43,7 +43,7 @@
           <div :style="{background: backgroundColor}">欧欧眼保仪</div>
         </div>
         <div id="addpicBox">
-          <img @click="selectPic" src="../assets/addpic.png">
+          <img @click="selectPic" src="../assets/addpicBlack.png">
           <img :src="uploadPic" v-show="uploadPic">
         </div>
         <div id="posterBom">
@@ -273,25 +273,25 @@ export default {
         var deviceH = document.documentElement.clientHeight;
         // alert(deviceW+'，'+deviceH)
         
-        let pic = document.getElementById("posterOutAddpicBox")
-        console.log(pic)
-        if(deviceW == 375 && deviceH == 603){//iPhone 678
-          // pic.style.top = '80px'
-          pic.style.width = '200px'
-          pic.style.height = '200px'
-        }else if(deviceW == 375 && deviceH == 724){//iPhoneX
-          // pic.style.top = '80px'
-          pic.style.width = '225px'
-          pic.style.height = '225px'
-        }
-        // else if(deviceW == 414 && deviceH == 808){//iPhoneXR iPhoneXS Max
-        //   pic.style.width = '266px'
-        //   pic.style.height = '266px'
+        // let pic = document.getElementById("posterOutAddpicBox")
+        // console.log(pic)
+        // if(deviceW == 375 && deviceH == 603){//iPhone 678
+        //   // pic.style.top = '80px'
+        //   pic.style.width = '200px'
+        //   pic.style.height = '200px'
+        // }else if(deviceW == 375 && deviceH == 724){//iPhoneX
+        //   // pic.style.top = '80px'
+        //   pic.style.width = '225px'
+        //   pic.style.height = '225px'
+        // }
+        // // else if(deviceW == 414 && deviceH == 808){//iPhoneXR iPhoneXS Max
+        // //   pic.style.width = '266px'
+        // //   pic.style.height = '266px'
+        // // }
+        // else if(deviceW >= 393 && deviceH >= 667){
+        //   pic.style.width = '230px'
+        //   pic.style.height = '230px'
         // }
-        else if(deviceW >= 393 && deviceH >= 667){
-          pic.style.width = '230px'
-          pic.style.height = '230px'
-        }
       }
     })
   },
@@ -765,8 +765,8 @@ export default {
 
   #posterOut{
     background-color: #fff;
-    width: 100%;
-    height: 100%;
+    width: 300px;
+    height: 500px;
     position: fixed;
     top: -2000px;
     // position: relative;
@@ -778,10 +778,10 @@ export default {
       display: block;
     }
     #posterOutAddpicBox{
-      width: 200px;
-      height: 200px;
+      width: 180px;
+      height: 180px;
       position: absolute;
-      top: 80px;
+      top: 70px;
       left: 30px;
       img{
         width: 100%;
@@ -789,17 +789,17 @@ export default {
       }
     }
     #posterOutText{
-      font-size: 24px;
+      font-size: 20px;
       color: #fff;
       position: absolute;
       right: 10px;
       top: 30px;
       display: flex;
       p{
-        width: 24px;
-        line-height: 26px;
+        width: 20px;
+        line-height: 22px;
         word-wrap: break-word;/*英文的时候需要加上这句，自动换行*/
-        margin-right: 10px;
+        margin-right: 8px;
         text-align: center;
       }
       p:nth-child(1){
@@ -810,29 +810,29 @@ export default {
       display: flex;
       justify-content: space-between;
       #posterOutTime{
-        padding: 25px 0 0 33px;
+        padding: 22px 0 0 19px;
         >div{
-          width: 168px;
-          height: 84px;
-          line-height: 84px;
+          width: 140px;
+          height: 66px;
+          line-height: 66px;
           text-align: center;
           color: #fff;
-          font-size: 60px;
+          font-size: 54px;
           span{
             font-weight: 600;
           }
         }
         >p{
-          font-size: 12px;
-          margin-top: 8px;
+          font-size: 10px;
+          margin-top: 4px;
         }
       }
       #posterOutQRcode{
-        padding: 8px 31px 0 0;
+        padding: 8px 19px 0 0;
         >div{
           padding: 6px;
-          width: 98px;
-          height: 98px;
+          width: 80px;
+          height: 80px;
           margin-bottom: 4px;
           img{
             display: block;
@@ -841,7 +841,7 @@ export default {
           }
         }
         p{
-          font-size: 16px;
+          font-size: 15px;
           color: #000000;
           font-weight: 500;
           text-align: center;