'update'
|
Before Width: | Height: | Size: 425 KiB After Width: | Height: | Size: 376 KiB |
|
Before Width: | Height: | Size: 445 KiB After Width: | Height: | Size: 393 KiB |
|
Before Width: | Height: | Size: 449 KiB After Width: | Height: | Size: 397 KiB |
|
Before Width: | Height: | Size: 425 KiB After Width: | Height: | Size: 377 KiB |
|
Before Width: | Height: | Size: 448 KiB After Width: | Height: | Size: 397 KiB |
@ -203,6 +203,7 @@ const getClass = (item) => {
|
|||||||
font-size: 34px;
|
font-size: 34px;
|
||||||
color: #9e4b00;
|
color: #9e4b00;
|
||||||
line-height: 50px;
|
line-height: 50px;
|
||||||
|
text-align: justify;
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|||||||
@ -135,6 +135,19 @@ const hidePop = (event) => {
|
|||||||
});
|
});
|
||||||
};
|
};
|
||||||
|
|
||||||
|
const hide =(event)=>{
|
||||||
|
let e = event.target;
|
||||||
|
debounceTap(e, () => {
|
||||||
|
gsap.to(".posterPop", {
|
||||||
|
duration: 0.5, autoAlpha: 0,
|
||||||
|
onComplete: () => {
|
||||||
|
emit('ResultPage', { action: 'showQuestion' })
|
||||||
|
}
|
||||||
|
});
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
// 展示分享
|
// 展示分享
|
||||||
const goShare = (event) => {
|
const goShare = (event) => {
|
||||||
let e = event.target;
|
let e = event.target;
|
||||||
@ -232,7 +245,7 @@ const posterCreate = (option, imageArr) => {
|
|||||||
<div class="poster" :class="'poster-' + posterId">
|
<div class="poster" :class="'poster-' + posterId">
|
||||||
<img id="posterSrc" src="" alt="" srcset="">
|
<img id="posterSrc" src="" alt="" srcset="">
|
||||||
</div>
|
</div>
|
||||||
<!-- <div class="poster-cls-btn"></div> -->
|
<div class="poster-cls-btn" @click="hide($event)"></div>
|
||||||
</div>
|
</div>
|
||||||
<div class="save-tips">*长按保存海报</div>
|
<div class="save-tips">*长按保存海报</div>
|
||||||
<div class="btn-box">
|
<div class="btn-box">
|
||||||
|
|||||||
@ -112,11 +112,12 @@ const drawFn = (item) => {
|
|||||||
const showResult = ref(false);
|
const showResult = ref(false);
|
||||||
const resultFn = (item) => {
|
const resultFn = (item) => {
|
||||||
if (item.action == "hide") {
|
if (item.action == "hide") {
|
||||||
|
|
||||||
showResult.value = false;
|
showResult.value = false;
|
||||||
|
|
||||||
console.log('hide', showResult.value);
|
console.log('hide', showResult.value);
|
||||||
|
}
|
||||||
|
if(item.action == "showQuestion"){
|
||||||
|
showQuestionList.value = true;
|
||||||
|
showResult.value = false;
|
||||||
}
|
}
|
||||||
if (item.action == "showDraw") {
|
if (item.action == "showDraw") {
|
||||||
showDraw.value = true;
|
showDraw.value = true;
|
||||||
|
|||||||