压缩字体

src/components/Index.vue

@@ -175,15 +175,18 @@ onMounted(() => {
     }
 
     .index-agreement {
+      font-family: "SourceHanSansCN";
       pointer-events: none;
-      @include pos(736px, 172px, 7px, 1219px);
+      @include pos(736px, 182px, 7px, 1219px);
       background: rgba($color: #f49e6a, $alpha: 0.55);
       font-size: 14px;
       text-align: justify;
+      letter-spacing: 0.1px;
       color: #000000;
       padding: 10px;
       box-sizing: border-box;
       border-radius: 10px;
+      line-height: 20px;
 
       .b {
         font-weight: 700;
@@ -191,6 +194,7 @@ onMounted(() => {
 
       .orange {
         color: #ea5404;
+        font-weight: 700;
       }
     }
   }

src/components/Question.vue

@@ -299,6 +299,7 @@ onMounted(() => {
       @include flexCen();
 
       .question {
+        font-family: "alimama";
         position: relative;
         @include box(713px, 428px);
         @include bg_pos("qa/question.png");
@@ -322,8 +323,9 @@ onMounted(() => {
           justify-content: center;
           align-items: center;
           font-size: 40px;
-          font-weight: 700;
+          // font-weight: 700;
           // line-height: 50px;
+          font-family: "alimama";
 
           .text {
             width: 90%;
@@ -367,33 +369,11 @@ onMounted(() => {
             @include box(367px, 357px);
             padding: 10px;
             border-radius: 50%;
-
+            font-family: "SourceHanSansCNMedium";
             font-size: 35px;
             font-weight: 700;
             border-radius: 50%;
-            // .content-before {
-            //   pointer-events: none;
-            //   float: left;
-            //   width: 50%;
-            //   height: 100%;
-            //   shape-outside: radial-gradient(
-            //     farthest-side ellipse at right,
-            //     transparent 98%,
-            //     red
-            //   );
-            // }
-            // .content-after {
-            //   pointer-events: none;
 
-            //   float: right;
-            //   width: 50%;
-            //   height: 100%;
-            //   shape-outside: radial-gradient(
-            //     farthest-side ellipse at left,
-            //     transparent 98%,
-            //     red
-            //   );
-            // }
             .text {
               @include box(367px, 357px);
               padding: 0px 20px;

src/components/Result.vue

@@ -107,9 +107,7 @@ onMounted(() => {
 
 const createPoster = (event) => {
   let e = event.target;
-  debounceTap(
-    e,
-    () => {
+  debounceTap(e, () => {
     // 海报生成
     posterCreate(
       { width: 750, height: 1500 }, //海报尺寸
@@ -141,7 +139,7 @@ const createPoster = (event) => {
           content: mbtiObj.value.type + " " + mbtiObj.value.job,
           style: {
             font: "normal 80px HYYakuHei",
-              pos: { x: 70, y: 330 },
+            pos: { x: 70, y: 340 },
           },
         },
         // mbti 描述
@@ -188,9 +186,7 @@ const createPoster = (event) => {
       // 主题配色
       theme[bgId.value - 1]
     );
-    },
-    0.4
-  );
+  });
 };
 
 const goDraw = (event) => {

src/data/index.js

@@ -130,7 +130,7 @@ export const data = [
             },
             {
                 aid: 'B',
-                text: 'B.保持灵活性，根据市场的最新变化调整你的投资策略',
+                text: '保持灵活性，根据市场的最新变化调整你的投资策略',
                 secore: 'P',
             },
         ],

src/page/Home/App.vue

@@ -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;

src/styles/global.scss

@@ -64,6 +64,17 @@ body {
   src: url(@/assets/font/fzzy.ttf) format("truetype");
 }
 
+@font-face {
+  font-family: "SourceHanSansCN";
+  src: url(@/assets/font/SourceHanSansCN-Regular.ttf) format("truetype");
+}
+
+@font-face {
+  font-family: "SourceHanSansCNMedium";
+  src: url(@/assets/font/SourceHanSansCNMedium.ttf) format("truetype");
+}
+SourceHanSansCN Medium
+
 * {
   padding: 0;
   margin: 0;

字体压缩.txt

@@ -0,0 +1,257 @@
+1、fzcy
+              <div>【活动时间】：2024年2月5日——2月8日</div>
+              <div>【活动奖励】：0.5-8.88元微信红包</div>
+            </div>
+            <div class="part">
+              <div>【活动攻略】：</div>
+              <div>
+                1、进入H5参加【测测你的花式性格】测试，共设计12道题目，全部选择完毕后即可获取测试结果。即可参与抽奖活动；
+              </div>
+              <div>2、活动期间不限制参与测试次数，每人每日有1次抽奖机会。</div>
+            </div>
+            <div class="part">
+              <div>【领奖说明】：</div>
+              <div>
+                1、中奖后在中奖页面复制兑换码，前往[平安理财服务号]
+                消息框发送兑换码即可领取奖品。如关闭了中奖界面，可在首页-[我的奖品]
+                内查看兑换码；
+              </div>
+              <div>2、成功领奖后，奖品将会在24小时内自动到账，请耐心等候；</div>
+              <div>3、中奖人请在活动结束前进行兑换，逾期视为弃权。</div>
+              <div>其他：</div>
+              <div>
+                活动期间如遇到任何问题，请在[平安理财服务号]后台咨询，我们会在一个工作日内回复。
+              </div>
+              <div>说明：</div>
+              <div>
+                1、本活动由平安理财有限责任公司主办，为保证活动的公平公正，活动结束后主办方将对中奖用户信息进行核对，用户若有下列任何一种行为或情况的，主办方有权不经另行通知，取消其参与活动以及获奖资格，收回奖品权
+              </div>
+              <div>
+                (1)
+                以任何机器人软件、蜘蛛软件、爬虫软件、刷奖软件或其它任何自动方式不正当手段等参与本活动；
+              </div>
+              <div>
+                (2)
+                同一用户(包含相同手机号、相同收货信息、相同移动设备号、相同IP地址等)
+                单日内恶意切换微信账号参加活动，扰乱正常抽奖秩序，影响活动公平性的;
+              </div>
+              <div>
+                (3)
+                有任何违反法律法规、诚实信用、公序良俗、公平公正、平安理财平台规则等行为;
+              </div>
+              <div>
+                2、平安理财保留调整、暂停和终止本活动的权利，并经公告后生效;
+              </div>
+            </div>
+            点击右上角分享给你的好友！
+
+
+2、AlimamaShuHeiTi
+        id: 1,
+        type: 'mbti',
+        question: '当朋友约你外出，你会？',        id: 2,
+        type: 'mbti',
+        question: '你更喜欢什么样的社交生活？',        id: 3,
+        type: 'mbti',
+        question: '当你想要做一个计划时，你会？',        id: 4,
+        type: 'mbti',
+        question: '得知朋友因心情不好买了很多饼干，你第一想到的是？',        id: 5,
+        type: 'lc',
+        question: '当你考虑投资一个新的金融产品时，你更倾向于？',        id: 6,
+        type: 'lc',
+        question: '当评估一项投资机会时，你更倾向于？',        id: 7,
+        type: 'lc',
+        question: '在选择一个投资合伙人时，你更看重？',        id: 8,
+        type: 'lc',
+        question: '当面对投资市场的不确定性和变化时，你更倾向于？',        id: 9,
+        type: 'lc',
+        question: '在做某项决定时，你认为比较重要的是？',        id: 10,
+        type: 'mbti',
+        question: '你认为别人一般会？',        id: 11,
+        type: 'mbti',
+        question: '哪些人会更吸引你？',        id: 12,
+        type: 'mbti',
+        question: '你是否经常让',        type: 'ISTJ',
+        job: '物流师',        type: 'ISTP',
+        job: '鉴赏家',        type: 'ESTP',
+        job: '企业家',        type: 'ESTJ',
+        job: '总经理',        type: 'ISFJ',
+        job: '守卫者',        type: 'ISFP',
+        job: '探险家',        type: 'ESFP',
+        job: '表演者',        type: 'ESFJ',
+        job: '执行官',        type: 'INFJ',
+        job: '提倡者',        type: 'INFP',
+        job: '调停者',        type: 'ENFP',
+        job: '竞选者',        type: 'ENFJ',
+        job: '主人公',        type: 'INTJ',
+        job: '建筑师',        type: 'INTP',
+        job: '逻辑学家',        type: 'ENTP',
+        job: '辩论家',        type: 'ENTJ',
+        job: '指挥官',
+
+
+3、fzzy
+                aid: 'A',
+                text: '询问计划具体时间段做什么',
+                secore: 'J',
+            },
+            {
+                aid: 'B',
+                text: '说走就走',
+                secore: 'P',                aid: 'A',
+                text: '独处回血爽歪歪',
+                secore: 'I',
+            },
+            {
+                aid: 'B',
+                text: '呼朋唤友快乐多',
+                secore: 'E',
+            },                aid: 'A',
+                text: '收集尽量多的信息',
+                secore: 'S',
+            },
+            {
+                aid: 'B',
+                text: '偏向依靠经验',
+                secore: 'N',                aid: 'A',
+                text: '买了多少？一个人能吃完吗',
+                secore: 'T',
+            },
+            {
+                aid: 'B',
+                text: '为什么心情不好呢',
+                secore: 'F',                aid: 'A',
+                text: '与朋友、同事或专业顾问讨论， 通过外部交流获得信息和建议',
+                secore: 'E',
+            },
+            {
+                aid: 'B',
+                text: '独立研究，通过阅读、在线课程和个人分析来形成决策',
+                secore: 'I',            {
+                aid: 'A',
+                text: '依赖详细的市场报告、历史数据和具体分析',
+                secore: 'S',
+            },
+            {
+                aid: 'B',
+                text: '依赖整体市场趋势、未来预测和直觉感受 ',
+                secore: 'N',
+            },        answer: [
+            {
+                aid: 'A',
+                text: '他们的专业能力、以往的业绩和逻辑决策过程',
+                secore: 'T',
+            },
+            {
+                aid: 'B',
+                text: '他们的个人价值观、信任度和与你的情感共鸣',
+                secore: 'F',
+            },            {
+                aid: 'A',
+                text: '坚持你的投资计划和策略，不轻易改变已经制定的计划',
+                secore: 'J',
+            },
+            {
+                aid: 'B',
+                text: 'B.保持灵活性，根据市场的最新变化调整你的投资策略',
+                secore: 'P',
+            },            {
+                aid: 'A',
+                text: '根据实际情况衡量考虑',
+                secore: 'J',
+            },
+            {
+                aid: 'B',
+                text: '考虑他人的感受和意见',
+                secore: 'P',
+            },        answer: [
+            {
+                aid: 'A',
+                text: '花很长时间才认识你',
+                secore: 'I',
+            },
+            {
+                aid: 'B',
+                text: '很短的时间便了解你',
+                secore: 'E',
+            },
+        ],            {
+                aid: 'A',
+                text: '一个思想敏捷及非常聪颖的人',
+                secore: 'N',
+            },
+            {
+                aid: 'B',
+                text: '实事求是，具有丰富常识的人',
+                secore: 'S',
+            },            {
+                aid: 'A',
+                text: '你的情感支配你的理智',
+                secore: 'F',
+            },
+            {
+                aid: 'B',
+                text: '你的理智主宰你的情感',
+                secore: 'T',
+            },        des: ['实际且注重事实的个人，', '可靠性不容怀疑'],        des: ['大胆而实际的实验家，', '擅长使用任何形式的工具'],
+        des: ['聪明，精力充沛善于感知的人们，','每天都在冲向新的冒险'],
+        des: ['出色的管理者，', '在管理事情或人的方面无与伦比'],
+        des: ['非常专注而温暖的守护者，', '时刻准备保护爱着的人'],
+        des: ['灵活有魅力的艺术家，', '时刻准备着探索和体验新鲜事物'],
+        des: ['外向随和，', '对生活充满热情，享受物质生活'],
+        des: ['极有同情心，爱交往受欢迎的人们，', '总是热心提供帮助'],
+        des: ['安静而神秘，同时鼓舞人心，', '且不知疲倦的理想主义者'],
+        des: ['诗意，善良的利他主义者，', '总是热情地为正当理由提供帮助'],
+        des: ['热情，有创造力', '爱社交的自由自在的人'],
+        des: ['富有魅力鼓舞人心的领导者', '有使听众着迷的能力'],
+        des: ['富有想象力和战略性的思想家，', '一切皆在计划之中'],
+        des: ['具有创造力的发明家，', '对知识有着止不住的渴望'],
+        des: ['聪明好奇的思想者，', '不会放弃任何智力上的挑战'],
+        des: ['大胆，富有想象力且意志强大的领导者，', '总能找到或创造解决方法'],
+        风险提示: 本材料由平安理财有限责任公司(以下简称“平安理财”)制作并提供。本资料内容及观点仅供参考，不构成对任何人的投资建议。以上产品投资管理机构/管理人为平安理财，代理销售机构不承担产品的投资、兑付和风险管理的责任。以上产品通过代理销售机构渠道销售的，产品风险评级应当以代理销售机构最终披露的评级结果为准。以上产品为非保本浮动收益理财产品，具体以产品说明书或产品公告披露为准。产品的业绩比较基准指管理人基于过往投资经验以及对产品存续期投资市场波动的预判而对本产品所设定的投资目标，业绩比较基准不是预期收益率，不代表产品的未来表现和实际收益，不构成对产品收益的承诺。理财产品过往业绩不代表其未来表现，不等于理财产品实际收益，投资须谨慎。过往业绩相关数据已经托管人核对。理财非存款，产品有风险，投资须谨慎。金融消费者不得利用金融产品和服务从事违法活动。
+
+4、HYYakuHei-85W
+        id: 1,
+        type: 'mbti',
+        question: '当朋友约你外出，你会？',        id: 2,
+        type: 'mbti',
+        question: '你更喜欢什么样的社交生活？',        id: 3,
+        type: 'mbti',
+        question: '当你想要做一个计划时，你会？',        id: 4,
+        type: 'mbti',
+        question: '得知朋友因心情不好买了很多饼干，你第一想到的是？',        id: 5,
+        type: 'lc',
+        question: '当你考虑投资一个新的金融产品时，你更倾向于？',        id: 6,
+        type: 'lc',
+        question: '当评估一项投资机会时，你更倾向于？',        id: 7,
+        type: 'lc',
+        question: '在选择一个投资合伙人时，你更看重？',        id: 8,
+        type: 'lc',
+        question: '当面对投资市场的不确定性和变化时，你更倾向于？',        id: 9,
+        type: 'lc',
+        question: '在做某项决定时，你认为比较重要的是？',        id: 10,
+        type: 'mbti',
+        question: '你认为别人一般会？',        id: 11,
+        type: 'mbti',
+        question: '哪些人会更吸引你？',        id: 12,
+        type: 'mbti',
+        question: '你是否经常让',        type: 'ISTJ',
+        job: '物流师',        type: 'ISTP',
+        job: '鉴赏家',        type: 'ESTP',
+        job: '企业家',        type: 'ESTJ',
+        job: '总经理',        type: 'ISFJ',
+        job: '守卫者',        type: 'ISFP',
+        job: '探险家',        type: 'ESFP',
+        job: '表演者',        type: 'ESFJ',
+        job: '执行官',        type: 'INFJ',
+        job: '提倡者',        type: 'INFP',
+        job: '调停者',        type: 'ENFP',
+        job: '竞选者',        type: 'ENFJ',
+        job: '主人公',        type: 'INTJ',
+        job: '建筑师',        type: 'INTP',
+        job: '逻辑学家',        type: 'ENTP',
+        job: '辩论家',        type: 'ENTJ',
+        job: '指挥官',
+
+
+5、SourceHanSansCN Medium