处理结果页逻辑
This commit is contained in:
parent
dcb524eb5a
commit
abbae9aede
@ -56,25 +56,7 @@ const showResult = () => {
|
|||||||
|
|
||||||
gsap.set(".answer-box", { pointerEvents: "none" });
|
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") {
|
if (import.meta.env.VITE_MODE != "dev") {
|
||||||
// 提交完成记录
|
// 提交完成记录
|
||||||
|
|||||||
@ -224,42 +224,7 @@ const hideShare = () => {
|
|||||||
<img :src="bgPic" alt="" srcset="" />
|
<img :src="bgPic" alt="" srcset="" />
|
||||||
</div>
|
</div>
|
||||||
<div class="result-container">
|
<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>
|
||||||
</div>
|
</div>
|
||||||
<!-- 海报弹窗 -->
|
<!-- 海报弹窗 -->
|
||||||
|
|||||||
@ -57,7 +57,7 @@ const indexFn = (item) => {
|
|||||||
}
|
}
|
||||||
};
|
};
|
||||||
|
|
||||||
const showQuestion = ref(true);
|
const showQuestion = ref(false);
|
||||||
const questionFn = (item) => {
|
const questionFn = (item) => {
|
||||||
if (item.action == "hide") {
|
if (item.action == "hide") {
|
||||||
showQuestion.value = false;
|
showQuestion.value = false;
|
||||||
@ -83,7 +83,7 @@ const drawFn = (item) => {
|
|||||||
}
|
}
|
||||||
};
|
};
|
||||||
|
|
||||||
const showResult = ref(false);
|
const showResult = ref(true);
|
||||||
const resultFn = (item) => {
|
const resultFn = (item) => {
|
||||||
if (item.action == "hide") {
|
if (item.action == "hide") {
|
||||||
showResult.value = false;
|
showResult.value = false;
|
||||||
@ -106,8 +106,8 @@ onMounted(() => {
|
|||||||
|
|
||||||
let code = getQueryString("code");
|
let code = getQueryString("code");
|
||||||
let url = import.meta.env.VITE_URL;
|
let url = import.meta.env.VITE_URL;
|
||||||
console.log("code:", code);
|
// console.log("code:", code);
|
||||||
console.log("url:", url);
|
// console.log("url:", url);
|
||||||
|
|
||||||
let dev = import.meta.env.VITE_MODE;
|
let dev = import.meta.env.VITE_MODE;
|
||||||
if (dev != "dev") {
|
if (dev != "dev") {
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user