liangzejun/palc-newyear2024
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

处理结果页逻辑

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files

37
src/components/Result.vue
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>
<!-- 海报弹窗 -->