update

src/components/Result.vue

@@ -123,7 +123,7 @@ const createPoster = (event) => {
         {
           name: "product",
           src: mbtiObj.value.productPic,
-          pos: { w: 469, h: 102, x: 137, y: 911 },
+          pos: { w: mbtiObj.value.picPos.w, h: mbtiObj.value.picPos.h, x: 137, y: 911 },
         },
         //   二维码
         {
@@ -178,7 +178,7 @@ const createPoster = (event) => {
         {
           content: mbtiObj.value.product,
           style: {
-            font: "normal 50px fzcy",
+            font: mbtiObj.value.type == 'ISTJ' || mbtiObj.value.type == 'INTJ' ? "normal 40px fzcy"  : "normal 50px fzcy",
             pos: { x: 70, y: 876 },
           },
         },
@@ -237,8 +237,10 @@ const hideShare = () => {
           </div>
         </div>
         <div class="mbti-product">
-          <div class="product">{{ mbtiObj.product }}</div>
-          <div class="produc-img">
+          <div class="product" 
+          :class="mbtiObj.type == 'ISTJ' || mbtiObj.type == 'INTJ' ? 'adptFont' : ''"
+          >{{ mbtiObj.product }}</div>
+          <div class="produc-img" :style="{width:mbtiObj.picPos.w+'px',height:mbtiObj.picPos.h+'px'}">
             <img :src="mbtiObj.productPic" alt="" srcset="" />
           </div>
         </div>
@@ -367,7 +369,7 @@ const hideShare = () => {
     }
 
     .mbti-product {
-      @include pos(475px, 140px, 134px, 948px);
+      @include pos(630px, 140px, 134px, 948px);
       font-family: "fzcy";
 
       .product {
@@ -376,12 +378,21 @@ const hideShare = () => {
         text-shadow: 0px -1px 0px rgba(255, 255, 255, 0.004);
       }
 
+      .adptFont{
+        font-style: 35px;
+      }
+
       .produc-img {
-        @include box(469px, 102px);
+        // @include box(469px, 102px);
         margin-left: 10px;
+        margin-top: 15px;
+        transform: rotate(0deg);
+
 
         img {
-          width: 100%;
+          // width: 100%;
+          height: 100%;
+          @include box(50%,50%);
         }
       }
     }