处理结果页逻辑

This commit is contained in:
Andy Leong 2024-02-04 01:13:47 +08:00
parent dcb524eb5a
commit abbae9aede
3 changed files with 6 additions and 59 deletions

View File

@ -56,25 +56,7 @@ const showResult = () => {
gsap.set(".answer-box", { pointerEvents: "none" });
console.log("答题结果:", answerList.value);
answerList.value.forEach((element) => {
if (element.answer == "E" || element.answer == "I")
mbtiArr[0].push(element.answer);
if (element.answer == "S" || element.answer == "N")
mbtiArr[1].push(element.answer);
if (element.answer == "T" || element.answer == "F")
mbtiArr[2].push(element.answer);
if (element.answer == "J" || element.answer == "P")
mbtiArr[3].push(element.answer);
});
// console.log('mbtiArr', mbtiArr.value);
let mbti =
mostValue(mbtiArr[0]).value +
mostValue(mbtiArr[1]).value +
mostValue(mbtiArr[2]).value +
mostValue(mbtiArr[3]).value;
console.log("MBTI:", mbti);
userStore.updateMBTI(mbti);
if (import.meta.env.VITE_MODE != "dev") {
//

View File

@ -224,42 +224,7 @@ const hideShare = () => {
<img :src="bgPic" alt="" srcset="" />
</div>
<div class="result-container">
<div :class="'page-theme-' + bgId">
<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"
:class="mbtiObj.type == 'ISFJ' && 'isfj-blessings'">
{{ item }}
</div>
</div>
<div class="mbti-product">
<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',
marginTop: mbtiObj.type == 'INFP' && '0px'
}">
<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="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>
</div>
<div class="create-btn" @click="createPoster($event)"></div>
</div>
</div>
</div>
<!-- 海报弹窗 -->

View File

@ -57,7 +57,7 @@ const indexFn = (item) => {
}
};
const showQuestion = ref(true);
const showQuestion = ref(false);
const questionFn = (item) => {
if (item.action == "hide") {
showQuestion.value = false;
@ -83,7 +83,7 @@ const drawFn = (item) => {
}
};
const showResult = ref(false);
const showResult = ref(true);
const resultFn = (item) => {
if (item.action == "hide") {
showResult.value = false;
@ -106,8 +106,8 @@ onMounted(() => {
let code = getQueryString("code");
let url = import.meta.env.VITE_URL;
console.log("code:", code);
console.log("url:", url);
// console.log("code:", code);
// console.log("url:", url);
let dev = import.meta.env.VITE_MODE;
if (dev != "dev") {