更新

.env.development

@@ -3,3 +3,4 @@ VITE_HOST = https://wmm-stg.pingan.com.cn
 VITE_CDN = https://cdn.xglpa.com
 VITE_FOLDER = /vite-4
 VITE_API = /intfgw/data/mmoactivity
+VITE_URL = https://w-stg.pingan.com.cn/lckj/pawm-mmo-activity-xgl-frontend/index.html

.env.fat

@@ -3,3 +3,4 @@ VITE_HOST = https://test.szxgl.cn
 VITE_CDN = https://test.szxgl.cn
 VITE_FOLDER = /vite
 VITE_API = /vite-api
+VITE_URL = https://w-stg.pingan.com.cn/lckj/pawm-mmo-activity-xgl-frontend/index.html

package.json

@@ -18,6 +18,7 @@
     "lodash": "^4.17.21",
     "lodash.debounce": "^4.0.8",
     "pinia": "^2.1.7",
+    "qrcode": "^1.5.3",
     "qs": "^6.11.2",
     "v-clipboard": "^3.0.0-next.1",
     "vant": "^3.6.12",

src/assets/images/result/share-tips.svg

@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1705688936826" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="8789" xmlns:xlink="http://www.w3.org/1999/xlink" width="60" height="60"><path d="M405.333333 661.333333a42.666667 42.666667 0 0 1-30.08-72.746666l512-512a42.666667 42.666667 0 0 1 60.16 60.16l-512 512A42.666667 42.666667 0 0 1 405.333333 661.333333z" fill="#ffffff" p-id="8790" data-spm-anchor-id="a313x.search_index.0.i3.24243a81L3oZKa" class="selected"></path><path d="M794.453333 782.293333a61.44 61.44 0 0 1-21.333333-3.626666L59.52 528a64 64 0 0 1-3.413333-119.466667L885.333333 61.44a64 64 0 0 1 87.68 71.04l-115.84 597.333333a64 64 0 0 1-62.72 51.84z m-21.333333-68.053333zM140.16 465.92l638.08 224 103.466667-534.4z" fill="#ffffff" p-id="8791" data-spm-anchor-id="a313x.search_index.0.i1.24243a81L3oZKa" class="selected"></path><path d="M426.666667 887.253333a66.986667 66.986667 0 0 1-24.533334-4.906666A64 64 0 0 1 362.666667 823.253333V640a42.666667 42.666667 0 0 1 85.333333 0v131.626667l119.253333-119.04a42.666667 42.666667 0 0 1 60.16 60.16l-155.52 155.733333a64 64 0 0 1-45.226666 18.773333z" fill="#ffffff" p-id="8792" data-spm-anchor-id="a313x.search_index.0.i2.24243a81L3oZKa" class="selected"></path></svg>

src/components/Question.vue

@@ -4,7 +4,7 @@ import { Toast } from "vant";
 import { data } from "@/data";
 import { debounceTap, FYShuffle, mostValue, judgeBigScreen } from "@/plugins";
 import { useMainStore } from "@/store";
-import { subAnswer } from '@/api'
+import { subAnswer } from "@/api";
 
 // 页面配置初始化
 const emit = defineEmits(["QuestionPage"]);
@@ -99,16 +99,14 @@ const showResult = (event) => {
     console.log("MBTI:", mbti);
     userStore.updateMBTI(mbti);
 
+    if (import.meta.env.VITE_MODE != "dev") {
       // 提交完成记录
-    subAnswer({}, userStore.token).then(
+      subAnswer({}, userStore.token).then((res) => {
-      res => {
+        console.log("key:", res);
-        console.log('key:', res);
         if (res.code == 0) {
-
         }
+      });
     }
-    )
-
 
     // Toast("你的MBTI测试结果:" + mbti);
     resultBtnAni.reverse();
@@ -148,11 +146,9 @@ const questionEntry = gsap.timeline({
   paused: true,
   onStart: () => {
     gsap.set(".answer-box", { pointerEvents: "none" });
-
   },
   onComplete: () => {
     gsap.set(".answer-box", { pointerEvents: "none" });
-
   },
 });
 const questionOut = gsap.timeline({
@@ -160,20 +156,17 @@ const questionOut = gsap.timeline({
   onStart: () => {
     gsap.set(".answer-box", { pointerEvents: "none" });
   },
-  onComplete: () => {
+  onComplete: () => {},
-  },
 });
 
 // 查看结果事件及动画
 const resultBtnAni = gsap.timeline({ paused: true });
 onMounted(() => {
-
   // 适配
   if (!judgeBigScreen()) {
-    gsap.set('.answer-box', { scale: 0.9, marginTop: '-20px' })
+    gsap.set(".answer-box", { scale: 0.9, marginTop: "-20px" });
   }
 
-
   resultBtnAni.from(".showResult-btn", { y: 200, autoAlpha: 0 });
   questionEntry
     .from(".question", { y: 100, autoAlpha: 0 })
@@ -193,22 +186,23 @@ onMounted(() => {
         duration: 2,
         ease: "slow(0.7,0.7,false)",
         onStart: () => {
-          gsap.to('.question-bg', {
+          gsap.to(".question-bg", {
-            backgroundPosition: '0px 0px',
+            backgroundPosition: "0px 0px",
             duration: 1,
             ease: "slow(0.7,0.7,false)",
-          })
+          });
         },
         onComplete: () => {
           gsap.set(".answer-box", { pointerEvents: "initial" });
           if (currentId.value != 0) {
             gsap.to(".prev-btn", { duration: 0.5, x: "+=20px", autoAlpha: 1 });
           }
-        }
+        },
       },
       0.5
-    ).to('.answer-0', { duration: 1, y: '-=10px', repeat: -1, yoyo: true })
+    )
-    .to('.answer-1', { duration: 1, y: '+=10px', repeat: -1, yoyo: true })
+    .to(".answer-0", { duration: 1, y: "-=10px", repeat: -1, yoyo: true })
+    .to(".answer-1", { duration: 1, y: "+=10px", repeat: -1, yoyo: true });
 
   questionEntry.play();
   questionOut
@@ -222,11 +216,11 @@ onMounted(() => {
       duration: 1.5,
       ease: "slow(0.7,0.7,false)",
       onStart: () => {
-        gsap.to('.question-bg', {
+        gsap.to(".question-bg", {
-          backgroundPosition: '0px 835px',
+          backgroundPosition: "0px 835px",
           duration: 0.75,
           ease: "slow(0.7,0.7,false)",
-        })
+        });
       },
     })
     .to(
@@ -239,7 +233,7 @@ onMounted(() => {
         ease: "slow(0.7,0.7,false)",
       },
       1.5
-    )
+    );
 });
 </script>
 
@@ -255,9 +249,16 @@ onMounted(() => {
           </div>
         </div>
         <div class="answer-box">
-          <div class="answer" v-for="(item, index) in questionList[currentId].answer" :class="'answer-' + index"
+          <div
-            :key="index">
+            class="answer"
-            <div class="answer-bg" :class="activeId == item.aid ? 'active' : ''"></div>
+            v-for="(item, index) in questionList[currentId].answer"
+            :class="'answer-' + index"
+            :key="index"
+          >
+            <div
+              class="answer-bg"
+              :class="activeId == item.aid ? 'active' : ''"
+            ></div>
             <div class="answer-text">
               <div class="content-before"></div>
               <div class="content-after"></div>

src/components/Result.vue

@@ -3,10 +3,9 @@ import { gsap } from "gsap";
 import { debounceTap } from "@/plugins";
 import { useMainStore } from "@/store";
 import { mbtiList } from "@/data";
-import { posterCreate } from '@/plugins'
+import { posterCreate } from "@/plugins";
 import { Toast } from "vant";
-import { onBeforeMount } from "vue";
+import QRCode from "qrcode";
-import { computed } from "vue";
 
 // 页面配置初始化
 const emit = defineEmits(["ResultPage"]);
@@ -20,18 +19,9 @@ const bgPic = computed(() => {
 });
 
 // 主题配色
-const theme = reactive(['#d3473a', '#fb7700', '#4172d8', '#eb5c37'])
+const theme = reactive(["#d3473a", "#fb7700", "#4172d8", "#eb5c37"]);
-
 const mbti = ref(userStore.MBTI);
-const mbtiObj = ref(mbtiList.find(item => item.type == mbti.value))
+const mbtiObj = ref(mbtiList.find((item) => item.type == mbti.value));
-
-console.log("mbti", mbti.value);
-
-onBeforeMount(() => {
-    // mbtiObj.value = mbtiList.find(item => item.type == mbti.value)
-    console.log('mbtiObj.value', mbtiObj.value);
-})
-
 
 const changBg = (event, number) => {
   let e = event.target;
@@ -46,9 +36,26 @@ const changBg = (event, number) => {
   );
 };
 
+// With async/await
+const eqcodePic = ref();
+onMounted(() => {
+  let eqCodeUrl = import.meta.env.VITE_URL;
+  console.log("url:", eqCodeUrl);
+  QRCode.toDataURL(eqCodeUrl)
+    .then((url) => {
+      eqcodePic.value = url;
+      console.log("eq", eqcodePic.value);
+    })
+    .catch((err) => {
+      console.error(err);
+    });
+});
+
 const createPoster = (event) => {
-    let e = event.target
+  let e = event.target;
-    debounceTap(e, () => {
+  debounceTap(
+    e,
+    () => {
       // 海报生成
       posterCreate(
         { width: 750, height: 1500 }, //海报尺寸
@@ -56,13 +63,24 @@ const createPoster = (event) => {
         [
           // 背景
           {
-                    src: new URL('../assets/images/result/poster-bg-' + bgId.value + '.jpg', import.meta.url).href,
+            name: "bg",
-                    pos: { w: 750, h: 1500, x: 0, y: 0 }
+            src: new URL(
+              "../assets/images/result/poster-bg-" + bgId.value + ".jpg",
+              import.meta.url
+            ).href,
+            pos: { w: 750, h: 1500, x: 0, y: 0 },
           },
           // 产品
           {
+            name: "product",
             src: mbtiObj.value.productPic,
-                    pos: { w: 469, h: 102, x: 137, y: 911 }
+            pos: { w: 469, h: 102, x: 137, y: 911 },
+          },
+          //   二维码
+          {
+            name: "eqcode",
+            src: eqcodePic.value,
+            pos: { w: 140, h: 140, x: 66, y: 1070 },
           },
         ],
         // 字体素材
@@ -71,82 +89,86 @@ const createPoster = (event) => {
           {
             content: mbtiObj.value.type + mbtiObj.value.job,
             style: {
-                        font: 'normal 80px HYYakuHei',
+              font: "normal 80px HYYakuHei",
-                        pos: { x: 70, y: 330 }
+              pos: { x: 70, y: 330 },
-                    }
+            },
           },
           // mbti 描述
           {
             content: mbtiObj.value.des[0],
             style: {
-                        font: 'normal 30px fzzy',
+              font: "normal 30px fzzy",
-                        color: '#af6f49',
+              color: "#af6f49",
-                        pos: { x: 70, y: 470 }
+              pos: { x: 70, y: 470 },
-                    }
+            },
           },
           {
             content: mbtiObj.value.des[1],
             style: {
-                        font: 'normal 30px fzzy',
+              font: "normal 30px fzzy",
-                        color: '#af6f49',
+              color: "#af6f49",
-                        pos: { x: 70, y: 520 }
+              pos: { x: 70, y: 520 },
-                    }
+            },
           },
           // 新年寄语
           {
             content: mbtiObj.value.blessings[0],
             style: {
-                        font: 'normal 50px fzcy',
+              font: "normal 50px fzcy",
-                        pos: { x: 70, y: 650 }
+              pos: { x: 70, y: 650 },
-                    }
+            },
           },
           {
             content: mbtiObj.value.blessings[1],
             style: {
-                        font: 'normal 50px fzcy',
+              font: "normal 50px fzcy",
-                        pos: { x: 70, y: 725 }
+              pos: { x: 70, y: 725 },
-                    }
+            },
           },
           // 产品
           {
             content: mbtiObj.value.product,
             style: {
-                        font: 'normal 50px fzcy',
+              font: "normal 50px fzcy",
-                        pos: { x: 70, y: 876 }
+              pos: { x: 70, y: 876 },
-                    }
+            },
-                }
+          },
         ],
         // 主题配色
         theme[bgId.value - 1]
-        )
+      );
-    }, 0.4)
+    },
-}
+    0.4
+  );
+};
 
 const goDraw = (event) => {
-    let e = event.target
+  let e = event.target;
   debounceTap(e, () => {
     if (userStore.hasDraw) {
-            emit('ResultPage', { action: 'showDraw' })
+      emit("ResultPage", { action: "showDraw" });
     } else {
-            Toast('暂无抽奖机会')
+      Toast("暂无抽奖机会");
     }
-    })
+  });
-}
+};
+
+const hidePop = (event) => {
+  let e = event.target;
+  debounceTap(e, () => {
+    gsap.to(".posterPop", { duration: 0.5, autoAlpha: 0 });
+  });
+};
 
 const goShare = (event) => {
-    let e = event.target
+  let e = event.target;
   debounceTap(e, () => {
-
+    gsap.to(".sharePop", { duration: 0.5, autoAlpha: 1 });
-    })
+  });
-}
+};
-const hidePop = (event) => {
+const hideShare = () => {
-    let e = event.target
+  gsap.to(".sharePop", { duration: 0.5, autoAlpha: 0 });
-    debounceTap(e, () => {
+};
-        gsap.to('.posterPop', { duration: 0.5, autoAlpha: 0 })
-    })
-}
-
-
 </script>
 
 <template>
@@ -156,24 +178,33 @@ const hidePop = (event) => {
     </div>
     <div class="result-container">
       <div :class="'page-theme-' + bgId">
-                <div class="mbti-title"><span>{{ mbtiObj.type }} {{ mbtiObj.job }}</span></div>
+        <div class="mbti-title">
+          <span>{{ mbtiObj.type }} {{ mbtiObj.job }}</span>
+        </div>
         <div class="mbti-des-box">
           <div class="des" v-for="item in mbtiObj.des">{{ item }}</div>
         </div>
         <div class="mbti-blessings-box">
-                    <div class="blessings" v-for="item in mbtiObj.blessings">{{ item }}</div>
+          <div class="blessings" v-for="item in mbtiObj.blessings">
+            {{ item }}
+          </div>
         </div>
         <div class="mbti-product">
           <div class="product">{{ mbtiObj.product }}</div>
           <div class="produc-img">
-                        <img :src="mbtiObj.productPic" alt="" srcset="">
+            <img :src="mbtiObj.productPic" alt="" srcset="" />
           </div>
         </div>
       </div>
       <div class="theme-tab">
         <div class="theme-select-tips"></div>
         <div class="theme-list">
-                    <div :class="{ active: bgId == item }" v-for="item in 4" @click="changBg($event, item)">
+          <div
+            class="theme-li-border"
+            :class="{ active: bgId == item }"
+            v-for="item in 4"
+            @click="changBg($event, item)"
+          >
             <div class="theme-li" :class="'theme-li-' + item"></div>
             <div class="selected" v-show="bgId == item"></div>
           </div>
@@ -184,15 +215,22 @@ const hidePop = (event) => {
   </div>
   <!-- 海报弹窗 -->
   <div class="posterPop" @touchmove.prevent>
+    <div class="cls-btn-box">
       <div class="cls-btn" @click="hidePop($event)"></div>
+    </div>
     <div class="poster-box">
-            <img id="poster">
+      <img id="poster" />
     </div>
     <div class="btn-box">
       <div class="go-draw" @click="goDraw($event)"></div>
       <div class="go-share" @click="goShare($event)"></div>
     </div>
   </div>
+  <!-- 分享提示 -->
+  <div class="sharePop" @click="hideShare">
+    <div class="tips-pic"></div>
+    <div class="tips-text">点击右上角分享给你的好友！</div>
+  </div>
 </template>  
 
 
@@ -223,19 +261,16 @@ const hidePop = (event) => {
     .page-theme-2 {
       color: #fb7700;
       animation: color 1s;
-
     }
 
     .page-theme-3 {
       color: #4172d8;
       animation: color 1s;
-
     }
 
     .page-theme-4 {
       color: #eb5c37;
       animation: color 1s;
-
     }
 
     .mbti-title {
@@ -251,8 +286,8 @@ const hidePop = (event) => {
       transform: rotate(-4deg);
       display: flex;
 
-            span {}
+      span {
-
+      }
     }
 
     .mbti-des-box {
@@ -260,7 +295,7 @@ const hidePop = (event) => {
       display: flex;
       flex-direction: column;
       justify-content: space-around;
-            font-family: 'fzzy';
+      font-family: "fzzy";
 
       .des {
         color: #af6f49;
@@ -274,7 +309,7 @@ const hidePop = (event) => {
       display: flex;
       flex-direction: column;
       justify-content: space-between;
-            font-family: 'fzcy';
+      font-family: "fzcy";
 
       .blessings {
         font-size: 50px;
@@ -285,7 +320,7 @@ const hidePop = (event) => {
 
     .mbti-product {
       @include pos(475px, 140px, 134px, 948px);
-            font-family: 'fzcy';
+      font-family: "fzcy";
 
       .product {
         font-size: 45px;
@@ -305,6 +340,7 @@ const hidePop = (event) => {
 
     .theme-tab {
       @include pos(487px, 240px, 161px, 1108px);
+      transform: rotate(-3deg);
 
       .theme-select-tips {
         @include pos(250px, 21px, 118.5px, 0px);
@@ -316,19 +352,26 @@ const hidePop = (event) => {
         display: flex;
         flex-direction: row;
         justify-content: space-around;
+        align-items: center;
+
+        .theme-li-border {
+          //   @include box(97px, 98px);
+
+          .theme-li {
+            @include box(97px, 98px);
+          }
+        }
 
         .active {
+          @include box(115px, 116px);
+
+          position: relative;
           border-style: solid;
           border-width: 8px;
           border-color: rgb(255, 70, 76);
           border-radius: 20px;
         }
 
-                .theme-li {
-                    @include box(97px, 98px);
-                    position: relative;
-                }
-
         .theme-li-1 {
           @include bg_pos("result/theme-1.png");
         }
@@ -347,19 +390,15 @@ const hidePop = (event) => {
 
         .selected {
           @include bg_pos("result/select-arrow.png");
-                    @include pos(15px, 8px, 60px, 120px);
+          @include pos(15px, 8px, 45px, 110px);
-
         }
       }
 
       .create-btn {
-                @include pos(258px, 69px, 126px, 159px);
+        @include pos(258px, 69px, 126px, 165px);
         @include bg_pos("result/create-btn.png");
       }
-
     }
-
-
   }
 }
 
@@ -369,13 +408,20 @@ const hidePop = (event) => {
   background-color: rgba($color: #000000, $alpha: 0.54);
   visibility: hidden;
 
+  .cls-btn-box {
+    width: 495px;
+    display: flex;
+    justify-content: flex-end;
     .cls-btn {
       @include box(41px, 41px);
       @include bg_pos("result/cls-btn.png");
+      margin-right: -20px;
+    }
   }
 
   .poster-box {
     @include box(495px, 990px);
+    margin-top: 20px;
     overflow: hidden;
     border: 2px solid #dbbb90;
     border-radius: 20px;
@@ -401,6 +447,24 @@ const hidePop = (event) => {
       @include bg_pos("result/go-share-btn.png");
     }
   }
+}
 
+.sharePop {
+  @include fixed();
+  background-color: rgba($color: #000000, $alpha: 0.54);
+  visibility: hidden;
+  .tips-pic {
+    @include pos(100px, 100px, 600px, 100px);
+    @include bg_pos("result/share-tips.svg");
+    stroke: #ffffff;
+  }
+
+  .tips-text {
+    font-family: "fzcy";
+    font-size: 25px;
+    @include pos(750px, 100px, 0px, 220px);
+    color: #ffffff;
+    text-align: right;
+  }
 }
 </style>

src/page/Home/App.vue

@@ -20,11 +20,11 @@ import Draw from "@/components/Draw";
 import Result from "@/components/Result";
 import Rule from "@/components/Rule";
 import { createBGM, getQueryString } from "@/plugins";
-import { authorize, getUserInfo } from '@/api'
+import { authorize, getUserInfo } from "@/api";
 import { Toast } from "vant";
-import { useMainStore } from "@/store"
+import { useMainStore } from "@/store";
 
-const userStore = useMainStore()
+const userStore = useMainStore();
 
 const showLoad = ref(false);
 const loadFn = (item) => {
@@ -77,7 +77,7 @@ const drawFn = (item) => {
   }
 };
 
-const showResult = ref(false);
+const showResult = ref(true);
 const resultFn = (item) => {
   if (item.action == "hide") {
     showResult.value = false;
@@ -87,114 +87,99 @@ const resultFn = (item) => {
   }
 };
 
-
 const showRule = ref(false);
 const ruleFn = (item) => {
   if (item.action == "hide") {
     showRule.value = false;
   }
-
 };
 
 onMounted(() => {
+  let code = getQueryString("code");
+  console.log("code:", code);
 
-  let code = getQueryString('code')
+  let dev = import.meta.env.VITE_MODE;
-  console.log('code:', code);
+  if (dev != "dev") {
-
-  let dev = import.meta.env.VITE_MODE
-  if (dev != 'dev') {
     if (code) {
-      getUserInfo({ code: code }).then(
+      getUserInfo({ code: code }).then((res) => {
-        res => {
         if (res.code == 0) {
-            console.log('我的信息：', res.data);
+          console.log("我的信息：", res.data);
-            userStore.updateToken(res.data.authorization)
+          userStore.updateToken(res.data.authorization);
           createBGM();
           // 开始加载组件
-            showLoad.value = true
+          showLoad.value = true;
-            return
+          return;
         } else {
-            authorize({ scopeType: 1 }).then(
+          authorize({ scopeType: 1 }).then((res) => {
-              res => {
-
             if (res.code == 0) {
-                  console.log('重定向地址：', res.data);
+              console.log("重定向地址：", res.data);
-                  location.replace(res.data)
+              location.replace(res.data);
             }
 
             // 活动已结束：6001
-                if (res.code == '6001') {
+            if (res.code == "6001") {
               Toast.fail({
                 message: res.msg,
                 duration: 0,
-                    forbidClick: true
+                forbidClick: true,
-                  })
+              });
-                  return
+              return;
             }
 
             // 活动未开启：6002
-                if (res.code == '6002') {
+            if (res.code == "6002") {
               Toast({
                 message: res.msg,
                 duration: 0,
-                    icon: 'flag-o',
+                icon: "flag-o",
-                    forbidClick: true
+                forbidClick: true,
-                  })
+              });
-                  return
+              return;
             }
 
             // 其余情况
             Toast({
               message: res.msg,
               duration: 0,
-                  forbidClick: true
+              forbidClick: true,
-                })
+            });
+          });
         }
-            )
+      });
-          }
-
-
-        }
-      )
     } else {
-      authorize({ scopeType: 1 }).then(
+      authorize({ scopeType: 1 }).then((res) => {
-        res => {
-
         if (res.code == 0) {
-            console.log('重定向地址：', res.data);
+          console.log("重定向地址：", res.data);
-            location.replace(res.data)
+          location.replace(res.data);
         }
 
         // 活动已结束：6001
-          if (res.code == '6001') {
+        if (res.code == "6001") {
           Toast.fail({
-              message: '活动已结束',
+            message: "活动已结束",
             duration: 0,
-              forbidClick: true
+            forbidClick: true,
-            })
+          });
         }
 
         // 活动未开启：6002
-          if (res.code == '6002') {
+        if (res.code == "6002") {
           Toast({
-              message: '活动未开始',
+            message: "活动未开始",
             duration: 0,
-              icon: 'flag-o',
+            icon: "flag-o",
-              forbidClick: true
+            forbidClick: true,
-            })
+          });
         }
-        }
+      });
-      )
     }
   } else {
-    showLoad.value = true
+    showLoad.value = true;
   }
 
-  fontAdpat()
+  fontAdpat();
-
 });
 
-
 // 字体适配
 const fontAdpat = () => {
   if (
@@ -218,7 +203,6 @@ const fontAdpat = () => {
     });
   }
 };
-
 </script>
 
 <style lang="scss" >

src/page/Home/main.js

@@ -21,7 +21,6 @@ app.config.globalProperties.imgUrl = (url) => {
 wxShare({
     title: '分享标题',
     desc: '分享描述',
-    link: '/index.html'
 })
 
 // 测试环境开vconsole

src/plugins/index.js

@@ -433,7 +433,7 @@ export function mostValue(arr) {
 
 
 // 海报生成
-export function posterCreate(option, imageArr, textArr, theme) {
+export function posterCreate(option, imageArr, textArr, theme,eqcode) {
     let posterUrl = ''
     const { width, height } = option
     Toast.loading({
@@ -445,8 +445,10 @@ export function posterCreate(option, imageArr, textArr, theme) {
 
     let mycanvas = document.createElement('canvas') // 创建一个canvas画布元素 
     let ctx = mycanvas.getContext('2d')
-    mycanvas.width = width; //设置canvas的宽
+    mycanvas.style.width = '750px'; //设置canvas的宽
-    mycanvas.height = height; //设置canvas的高
+    mycanvas.style.height = '1500px'; //设置canvas的高
+    mycanvas.width = width
+    mycanvas.height = height
     console.log('imgs:', imageArr);
     //Promise对象加载资源
     let loader_p = [];
@@ -464,14 +466,22 @@ export function posterCreate(option, imageArr, textArr, theme) {
     //Promise的.all方法，当所有预加载的图像加载好的回调函数 
     Promise.all(loader_p)
         .then(imgList => {
-            console.log('海报数组：', imgList);
+
             imgList.map((item, index) => {
-                console.log('item', imageArr[index].pos);
+                // console.log('item',imageArr[index]);
+                if (imageArr[index].name != 'eqcode') {
                 ctx.drawImage(item, imageArr[index].pos.x, imageArr[index].pos.y, imageArr[index].pos.w, imageArr[index].pos.h); //原生canvas的绘制图片方法，直接百度搜索 `js drawImage`查看方法的参数
+                    
+                }
             })
 
+            ctx.rotate(-4.3 * (Math.PI / 180));
+
+            // console.log('imgList[2]',imgList[2]);
+            ctx.drawImage(imgList[2], imageArr[2].pos.x, imageArr[2].pos.y, imageArr[2].pos.w, imageArr[2].pos.h)
+
             // 画签文
-            ctx.rotate(-4 * (Math.PI / 180));
+            // ctx.rotate(-4 * (Math.PI / 180));
             ctx.textAlign = 'start'; //type2
             ctx.textBaseline = 'top'
             textArr.map((item, index) => {
@@ -490,17 +500,7 @@ export function posterCreate(option, imageArr, textArr, theme) {
                 ctx.fillText(textArr[index].content, x, y); //绘制文字
             })
 
-            // let mbtiLogo = 'MBTI MBTI MBTI'
+            
-            // let radius = 75
-            // var angleStep = ((3 / 4) * Math.PI) / mbtiLogo.length;
-            // for (var i = 0; i < mbtiLogo.length; i++) {
-            //     var angle = i * angleStep + Math.PI / 250;
-            //     var x = 375 + Math.cos(angle) * radius;
-            //     var y = 775 + Math.sin(angle) * radius;
-            //     ctx.font = 'normal 30px HYYakuHei';
-            //     ctx.fillStyle = theme
-            //     ctx.fillText(mbtiLogo[i], x, y);
-            // }
 
 
             //海报绘制完 ，转成图片对象

src/plugins/wxshare.js

@@ -16,7 +16,7 @@ export function wxShare(option) {
             console.log('分享配置:', {
                 'title': option.title,
                 'desc': option.desc,
-                'link': linkUrl + option.link
+                'link': import.meta.env.VITE_URL
             });
 
             let data = res.data;
@@ -42,7 +42,7 @@ export function wxShare(option) {
                     menuList: ["menuItem:copyUrl", "menuItem:share:appMessage", "menuItem:share:timeline"] // 屏蔽复制链接
                 });
                 wx.onMenuShareTimeline({
-                    link: linkUrl + option.link, // 分享链接
+                    link: import.meta.env.VITE_URL, // 分享链接
                     title: option.title, // 分享标题
                     desc: option.desc, // 分享描述
                     imgUrl: imgUrl, // 分享图标
@@ -51,7 +51,7 @@ export function wxShare(option) {
                     },
                 });
                 wx.onMenuShareAppMessage({
-                    link: linkUrl + option.link, // 分享链接
+                    link: import.meta.env.VITE_URL, // 分享链接
                     title: option.title, // 分享标题
                     desc: option.desc, // 分享描述
                     imgUrl: imgUrl, // 分享图标

yarn.lock

@@ -332,7 +332,12 @@ acorn@^8.10.0, acorn@^8.11.2, acorn@^8.8.2:
   resolved "https://registry.npmmirror.com/acorn/-/acorn-8.11.3.tgz#71e0b14e13a4ec160724b38fb7b0f233b1b81d7a"
   integrity sha512-Y9rRfJG5jcKOE0CLisYbojUjIrIEE7AGMzA/Sm4BslANhbS+cDMpgBdcPT91oJ7OuJ9hYJBx59RjbhxVnrF8Xg==
 
-ansi-styles@^4.1.0:
+ansi-regex@^5.0.1:
+  version "5.0.1"
+  resolved "https://registry.npmmirror.com/ansi-regex/-/ansi-regex-5.0.1.tgz#082cb2c89c9fe8659a311a53bd6a4dc5301db304"
+  integrity sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==
+
+ansi-styles@^4.0.0, ansi-styles@^4.1.0:
   version "4.3.0"
   resolved "https://registry.npmmirror.com/ansi-styles/-/ansi-styles-4.3.0.tgz#edd803628ae71c04c85ae7a0906edad34b648937"
   integrity sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==
@@ -425,6 +430,11 @@ camel-case@^4.1.2:
     pascal-case "^3.1.2"
     tslib "^2.0.3"
 
+camelcase@^5.0.0:
+  version "5.3.1"
+  resolved "https://registry.npmmirror.com/camelcase/-/camelcase-5.3.1.tgz#e3c9b31569e106811df242f715725a1f4c494320"
+  integrity sha512-L28STB170nwWS63UjtlEOE3dldQApaJXZkOI1uMFfzf3rRuPegHaHesyee+YxQ+W6SvRDQV6UrdOdRiR153wJg==
+
 chalk@^4.0.2, chalk@^4.1.2:
   version "4.1.2"
   resolved "https://registry.npmmirror.com/chalk/-/chalk-4.1.2.tgz#aac4e2b7734a740867aeb16bf02aad556a1e7a01"
@@ -455,6 +465,15 @@ clean-css@^5.2.2:
   dependencies:
     source-map "~0.6.0"
 
+cliui@^6.0.0:
+  version "6.0.0"
+  resolved "https://registry.npmmirror.com/cliui/-/cliui-6.0.0.tgz#511d702c0c4e41ca156d7d0e96021f23e13225b1"
+  integrity sha512-t6wbgtoCXvAzst7QgXxJYqPt0usEfbgQdftEPbLL/cvv6HPE5VgvqCuAIDR0NgU52ds6rFwqrgakNLrHEjCbrQ==
+  dependencies:
+    string-width "^4.2.0"
+    strip-ansi "^6.0.0"
+    wrap-ansi "^6.2.0"
+
 color-convert@^2.0.1:
   version "2.0.1"
   resolved "https://registry.npmmirror.com/color-convert/-/color-convert-2.0.1.tgz#72d3a68d598c9bdb3af2ad1e84f21d896abd4de3"
@@ -542,6 +561,11 @@ debug@^4.3.3, debug@^4.3.4:
   dependencies:
     ms "2.1.2"
 
+decamelize@^1.2.0:
+  version "1.2.0"
+  resolved "https://registry.npmmirror.com/decamelize/-/decamelize-1.2.0.tgz#f6534d15148269b20352e7bee26f501f9a191290"
+  integrity sha512-z2S+W9X73hAUUki+N+9Za2lBlun89zigOyGrsax+KUQ6wKW4ZoWpEYBkGhQjwAjjDCkWxhY0VKEhk8wzY7F5cA==
+
 define-data-property@^1.1.1:
   version "1.1.1"
   resolved "https://registry.npmmirror.com/define-data-property/-/define-data-property-1.1.1.tgz#c35f7cd0ab09883480d12ac5cb213715587800b3"
@@ -556,6 +580,11 @@ delayed-stream@~1.0.0:
   resolved "https://registry.npmmirror.com/delayed-stream/-/delayed-stream-1.0.0.tgz#df3ae199acadfb7d440aaae0b29e2272b24ec619"
   integrity sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ==
 
+dijkstrajs@^1.0.1:
+  version "1.0.3"
+  resolved "https://registry.npmmirror.com/dijkstrajs/-/dijkstrajs-1.0.3.tgz#4c8dbdea1f0f6478bff94d9c49c784d623e4fc23"
+  integrity sha512-qiSlmBq9+BCdCA/L46dw8Uy93mloxsPSbwnm5yrKn2vMPiy8KyAskTF6zuV/j5BMsmOGZDPs7KjU+mjb670kfA==
+
 dom-serializer@^1.0.1:
   version "1.4.1"
   resolved "https://registry.npmmirror.com/dom-serializer/-/dom-serializer-1.4.1.tgz#de5d41b1aea290215dc45a6dae8adcf1d32e2d30"
@@ -611,6 +640,16 @@ ejs@^3.1.6:
   dependencies:
     jake "^10.8.5"
 
+emoji-regex@^8.0.0:
+  version "8.0.0"
+  resolved "https://registry.npmmirror.com/emoji-regex/-/emoji-regex-8.0.0.tgz#e818fd69ce5ccfcb404594f842963bf53164cc37"
+  integrity sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==
+
+encode-utf8@^1.0.3:
+  version "1.0.3"
+  resolved "https://registry.npmmirror.com/encode-utf8/-/encode-utf8-1.0.3.tgz#f30fdd31da07fb596f281beb2f6b027851994cda"
+  integrity sha512-ucAnuBEhUK4boH2HjVYG5Q2mQyPorvv0u/ocS+zhdw0S8AlHYY+GOFhP1Gio5z4icpP2ivFSvhtFjQi8+T9ppw==
+
 entities@^2.0.0:
   version "2.2.0"
   resolved "https://registry.npmmirror.com/entities/-/entities-2.2.0.tgz#098dc90ebb83d8dffa089d55256b351d34c4da55"
@@ -798,6 +837,14 @@ fill-range@^7.0.1:
   dependencies:
     to-regex-range "^5.0.1"
 
+find-up@^4.1.0:
+  version "4.1.0"
+  resolved "https://registry.npmmirror.com/find-up/-/find-up-4.1.0.tgz#97afe7d6cdc0bc5928584b7c8d7b16e8a9aa5d19"
+  integrity sha512-PpOwAdQ/YlXQ2vj8a3h8IipDuYRi3wceVQQGYWxNINccq40Anw7BlsEXCMbt1Zt+OLA6Fq9suIpIWD0OsnISlw==
+  dependencies:
+    locate-path "^5.0.0"
+    path-exists "^4.0.0"
+
 follow-redirects@^1.15.4:
   version "1.15.4"
   resolved "https://registry.npmmirror.com/follow-redirects/-/follow-redirects-1.15.4.tgz#cdc7d308bf6493126b17ea2191ea0ccf3e535adf"
@@ -831,6 +878,11 @@ function-bind@^1.1.2:
   resolved "https://registry.npmmirror.com/function-bind/-/function-bind-1.1.2.tgz#2c02d864d97f3ea6c8830c464cbd11ab6eab7a1c"
   integrity sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA==
 
+get-caller-file@^2.0.1:
+  version "2.0.5"
+  resolved "https://registry.npmmirror.com/get-caller-file/-/get-caller-file-2.0.5.tgz#4f94412a82db32f36e3b0b9741f8a97feb031f7e"
+  integrity sha512-DyFP3BM/3YHTQOCUL/w0OZHR0lpKeGrxotcHWcqNEdnltqFwXVfhEBQ94eIo34AfQpo0rGki4cyIiftY06h2Fg==
+
 get-intrinsic@^1.0.2, get-intrinsic@^1.1.3, get-intrinsic@^1.2.1, get-intrinsic@^1.2.2:
   version "1.2.2"
   resolved "https://registry.npmmirror.com/get-intrinsic/-/get-intrinsic-1.2.2.tgz#281b7622971123e1ef4b3c90fd7539306da93f3b"
@@ -941,6 +993,11 @@ is-extglob@^2.1.1:
   resolved "https://registry.npmmirror.com/is-extglob/-/is-extglob-2.1.1.tgz#a88c02535791f02ed37c76a1b9ea9773c833f8c2"
   integrity sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==
 
+is-fullwidth-code-point@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.npmmirror.com/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz#f116f8064fe90b3f7844a38997c0b75051269f1d"
+  integrity sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==
+
 is-glob@^4.0.1, is-glob@~4.0.1:
   version "4.0.3"
   resolved "https://registry.npmmirror.com/is-glob/-/is-glob-4.0.3.tgz#64f61e42cbbb2eec2071a9dac0b28ba1e65d5084"
@@ -990,6 +1047,13 @@ local-pkg@^0.5.0:
     mlly "^1.4.2"
     pkg-types "^1.0.3"
 
+locate-path@^5.0.0:
+  version "5.0.0"
+  resolved "https://registry.npmmirror.com/locate-path/-/locate-path-5.0.0.tgz#1afba396afd676a6d42504d0a67a3a7eb9f62aa0"
+  integrity sha512-t7hw9pI+WvuwNJXwk5zVHpyhIqzg2qTlklJOf0mVxGSbe3Fp2VieZcduNYjaLDoy6p9uGpQEGWG87WpMKlNq8g==
+  dependencies:
+    p-locate "^4.1.0"
+
 lodash.debounce@^4.0.8:
   version "4.0.8"
   resolved "https://registry.npmmirror.com/lodash.debounce/-/lodash.debounce-4.0.8.tgz#82d79bff30a67c4005ffd5e2515300ad9ca4d7af"
@@ -1128,6 +1192,25 @@ object-inspect@^1.9.0:
   resolved "https://registry.npmmirror.com/object-inspect/-/object-inspect-1.13.1.tgz#b96c6109324ccfef6b12216a956ca4dc2ff94bc2"
   integrity sha512-5qoj1RUiKOMsCCNLV1CBiPYE10sziTsnmNxkAI/rZhiD63CF7IqdFGC/XzjWjpSgLf0LxXX3bDFIh0E18f6UhQ==
 
+p-limit@^2.2.0:
+  version "2.3.0"
+  resolved "https://registry.npmmirror.com/p-limit/-/p-limit-2.3.0.tgz#3dd33c647a214fdfffd835933eb086da0dc21db1"
+  integrity sha512-//88mFWSJx8lxCzwdAABTJL2MyWB12+eIY7MDL2SqLmAkeKU9qxRvWuSyTjm3FUmpBEMuFfckAIqEaVGUDxb6w==
+  dependencies:
+    p-try "^2.0.0"
+
+p-locate@^4.1.0:
+  version "4.1.0"
+  resolved "https://registry.npmmirror.com/p-locate/-/p-locate-4.1.0.tgz#a3428bb7088b3a60292f66919278b7c297ad4f07"
+  integrity sha512-R79ZZ/0wAxKGu3oYMlz8jy/kbhsNrS7SKZ7PxEHBgJ5+F2mtFW2fK2cOtBh1cHYkQsbzFV7I+EoRKe6Yt0oK7A==
+  dependencies:
+    p-limit "^2.2.0"
+
+p-try@^2.0.0:
+  version "2.2.0"
+  resolved "https://registry.npmmirror.com/p-try/-/p-try-2.2.0.tgz#cb2868540e313d61de58fafbe35ce9004d5540e6"
+  integrity sha512-R4nPAVTAU0B9D35/Gk3uJf/7XYbQcyohSKdvAxIRSNghFl4e71hVoGnBNQz9cWaXxO2I10KTC+3jMdvvoKw6dQ==
+
 param-case@^3.0.4:
   version "3.0.4"
   resolved "https://registry.npmmirror.com/param-case/-/param-case-3.0.4.tgz#7d17fe4aa12bde34d4a77d91acfb6219caad01c5"
@@ -1144,6 +1227,11 @@ pascal-case@^3.1.2:
     no-case "^3.0.4"
     tslib "^2.0.3"
 
+path-exists@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.npmmirror.com/path-exists/-/path-exists-4.0.0.tgz#513bdbe2d3b95d7762e8c1137efa195c6c61b5b3"
+  integrity sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w==
+
 path-parse@^1.0.7:
   version "1.0.7"
   resolved "https://registry.npmmirror.com/path-parse/-/path-parse-1.0.7.tgz#fbc114b60ca42b30d9daf5858e4bd68bbedb6735"
@@ -1186,6 +1274,11 @@ pkg-types@^1.0.3:
     mlly "^1.2.0"
     pathe "^1.1.0"
 
+pngjs@^5.0.0:
+  version "5.0.0"
+  resolved "https://registry.npmmirror.com/pngjs/-/pngjs-5.0.0.tgz#e79dd2b215767fd9c04561c01236df960bce7fbb"
+  integrity sha512-40QW5YalBNfQo5yRYmiw7Yz6TKKVr3h6970B2YE+3fQpsWcrbj1PzJgxeJ19DRQjhMbKPIuMY8rFaXc8moolVw==
+
 postcss-px-to-viewport-8-plugin@^1.2.3:
   version "1.2.3"
   resolved "https://registry.npmmirror.com/postcss-px-to-viewport-8-plugin/-/postcss-px-to-viewport-8-plugin-1.2.3.tgz#4f357fe82f6ca127ef806de19035c3266e00ceaa"
@@ -1207,6 +1300,16 @@ proxy-from-env@^1.1.0:
   resolved "https://registry.npmmirror.com/proxy-from-env/-/proxy-from-env-1.1.0.tgz#e102f16ca355424865755d2c9e8ea4f24d58c3e2"
   integrity sha512-D+zkORCbA9f1tdWRK0RaCR3GPv50cMxcrz4X8k5LTSUD1Dkw47mKJEZQNunItRTkWwgtaUSo1RVFRIG9ZXiFYg==
 
+qrcode@^1.5.3:
+  version "1.5.3"
+  resolved "https://registry.npmmirror.com/qrcode/-/qrcode-1.5.3.tgz#03afa80912c0dccf12bc93f615a535aad1066170"
+  integrity sha512-puyri6ApkEHYiVl4CFzo1tDkAZ+ATcnbJrJ6RiBM1Fhctdn/ix9MTE3hRph33omisEbC/2fcfemsseiKgBPKZg==
+  dependencies:
+    dijkstrajs "^1.0.1"
+    encode-utf8 "^1.0.3"
+    pngjs "^5.0.0"
+    yargs "^15.3.1"
+
 qs@^6.11.2:
   version "6.11.2"
   resolved "https://registry.npmmirror.com/qs/-/qs-6.11.2.tgz#64bea51f12c1f5da1bc01496f48ffcff7c69d7d9"
@@ -1236,6 +1339,16 @@ relateurl@^0.2.7:
   resolved "https://registry.npmmirror.com/relateurl/-/relateurl-0.2.7.tgz#54dbf377e51440aca90a4cd274600d3ff2d888a9"
   integrity sha512-G08Dxvm4iDN3MLM0EsP62EDV9IuhXPR6blNz6Utcp7zyV3tr4HVNINt6MpaRWbxoOHT3Q7YN2P+jaHX8vUbgog==
 
+require-directory@^2.1.1:
+  version "2.1.1"
+  resolved "https://registry.npmmirror.com/require-directory/-/require-directory-2.1.1.tgz#8c64ad5fd30dab1c976e2344ffe7f792a6a6df42"
+  integrity sha512-fGxEI7+wsG9xrvdjsrlmL22OMTTiHRwAMroiEeMgq8gzoLC/PQr7RsRDSTLUg/bZAZtF+TVIkHc6/4RIKrui+Q==
+
+require-main-filename@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.npmmirror.com/require-main-filename/-/require-main-filename-2.0.0.tgz#d0b329ecc7cc0f61649f62215be69af54aa8989b"
+  integrity sha512-NKN5kMDylKuldxYLSUfrbo5Tuzh4hd+2E8NPPX02mZtn1VuREQToYe/ZdlJy+J3uCpfaiGF05e7B8W0iXbQHmg==
+
 resolve@^1.22.1, resolve@^1.22.4:
   version "1.22.8"
   resolved "https://registry.npmmirror.com/resolve/-/resolve-1.22.8.tgz#b6c87a9f2aa06dfab52e3d70ac8cde321fa5a48d"
@@ -1285,6 +1398,11 @@ scule@^1.1.1:
   resolved "https://registry.npmmirror.com/scule/-/scule-1.2.0.tgz#b46d444d6a8c92e73eb80d2d8d00b94ab065cc3e"
   integrity sha512-CRCmi5zHQnSoeCik9565PONMg0kfkvYmcSqrbOJY4txFfy1wvVULV4FDaiXhUblUgahdqz3F2NwHZ8i4eBTwUw==
 
+set-blocking@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.npmmirror.com/set-blocking/-/set-blocking-2.0.0.tgz#045f9782d011ae9a6803ddd382b24392b3d890f7"
+  integrity sha512-KiKBS8AnWGEyLzofFfmvKwpdPzqiy16LvQfK3yv/fVH7Bj13/wl3JSR1J+rfgRE9q7xUJK4qvgS8raSOeLUehw==
+
 set-function-length@^1.1.1:
   version "1.1.1"
   resolved "https://registry.npmmirror.com/set-function-length/-/set-function-length-1.1.1.tgz#4bc39fafb0307224a33e106a7d35ca1218d659ed"
@@ -1322,6 +1440,22 @@ source-map@^0.6.0, source-map@~0.6.0:
   resolved "https://registry.npmmirror.com/source-map/-/source-map-0.6.1.tgz#74722af32e9614e9c287a8d0bbde48b5e2f1a263"
   integrity sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==
 
+string-width@^4.1.0, string-width@^4.2.0:
+  version "4.2.3"
+  resolved "https://registry.npmmirror.com/string-width/-/string-width-4.2.3.tgz#269c7117d27b05ad2e536830a8ec895ef9c6d010"
+  integrity sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==
+  dependencies:
+    emoji-regex "^8.0.0"
+    is-fullwidth-code-point "^3.0.0"
+    strip-ansi "^6.0.1"
+
+strip-ansi@^6.0.0, strip-ansi@^6.0.1:
+  version "6.0.1"
+  resolved "https://registry.npmmirror.com/strip-ansi/-/strip-ansi-6.0.1.tgz#9e26c63d30f53443e9489495b2105d37b67a85d9"
+  integrity sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==
+  dependencies:
+    ansi-regex "^5.0.1"
+
 strip-literal@^1.3.0:
   version "1.3.0"
   resolved "https://registry.npmmirror.com/strip-literal/-/strip-literal-1.3.0.tgz#db3942c2ec1699e6836ad230090b84bb458e3a07"
@@ -1538,3 +1672,47 @@ weixin-js-sdk@^1.6.5:
   version "1.6.5"
   resolved "https://registry.npmmirror.com/weixin-js-sdk/-/weixin-js-sdk-1.6.5.tgz#01fe5220b91dbfe089fc0730d061be0e68271e6a"
   integrity sha512-Gph1WAWB2YN/lMOFB/ymb+hbU/wYazzJgu6PMMktCy9cSCeW5wA6Zwt0dpahJbJ+RJEwtTv2x9iIu0U4enuVSQ==
+
+which-module@^2.0.0:
+  version "2.0.1"
+  resolved "https://registry.npmmirror.com/which-module/-/which-module-2.0.1.tgz#776b1fe35d90aebe99e8ac15eb24093389a4a409"
+  integrity sha512-iBdZ57RDvnOR9AGBhML2vFZf7h8vmBjhoaZqODJBFWHVtKkDmKuHai3cx5PgVMrX5YDNp27AofYbAwctSS+vhQ==
+
+wrap-ansi@^6.2.0:
+  version "6.2.0"
+  resolved "https://registry.npmmirror.com/wrap-ansi/-/wrap-ansi-6.2.0.tgz#e9393ba07102e6c91a3b221478f0257cd2856e53"
+  integrity sha512-r6lPcBGxZXlIcymEu7InxDMhdW0KDxpLgoFLcguasxCaJ/SOIZwINatK9KY/tf+ZrlywOKU0UDj3ATXUBfxJXA==
+  dependencies:
+    ansi-styles "^4.0.0"
+    string-width "^4.1.0"
+    strip-ansi "^6.0.0"
+
+y18n@^4.0.0:
+  version "4.0.3"
+  resolved "https://registry.npmmirror.com/y18n/-/y18n-4.0.3.tgz#b5f259c82cd6e336921efd7bfd8bf560de9eeedf"
+  integrity sha512-JKhqTOwSrqNA1NY5lSztJ1GrBiUodLMmIZuLiDaMRJ+itFd+ABVE8XBjOvIWL+rSqNDC74LCSFmlb/U4UZ4hJQ==
+
+yargs-parser@^18.1.2:
+  version "18.1.3"
+  resolved "https://registry.npmmirror.com/yargs-parser/-/yargs-parser-18.1.3.tgz#be68c4975c6b2abf469236b0c870362fab09a7b0"
+  integrity sha512-o50j0JeToy/4K6OZcaQmW6lyXXKhq7csREXcDwk2omFPJEwUNOVtJKvmDr9EI1fAJZUyZcRF7kxGBWmRXudrCQ==
+  dependencies:
+    camelcase "^5.0.0"
+    decamelize "^1.2.0"
+
+yargs@^15.3.1:
+  version "15.4.1"
+  resolved "https://registry.npmmirror.com/yargs/-/yargs-15.4.1.tgz#0d87a16de01aee9d8bec2bfbf74f67851730f4f8"
+  integrity sha512-aePbxDmcYW++PaqBsJ+HYUFwCdv4LVvdnhBy78E57PIor8/OVvhMrADFFEDh8DHDFRv/O9i3lPhsENjO7QX0+A==
+  dependencies:
+    cliui "^6.0.0"
+    decamelize "^1.2.0"
+    find-up "^4.1.0"
+    get-caller-file "^2.0.1"
+    require-directory "^2.1.1"
+    require-main-filename "^2.0.0"
+    set-blocking "^2.0.0"
+    string-width "^4.2.0"
+    which-module "^2.0.0"
+    y18n "^4.0.0"
+    yargs-parser "^18.1.2"