处理结果页逻辑
This commit is contained in:
parent
dcb524eb5a
commit
abbae9aede
@ -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") {
|
||||
// 提交完成记录
|
||||
|
||||
@ -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>
|
||||
<!-- 海报弹窗 -->
|
||||
|
||||
@ -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") {
|
||||
|
||||
Loading…
Reference in New Issue
Block a user