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

新增预加载

Browse Source
This commit is contained in:
梁泽军 2025-01-20 18:13:29 +08:00
parent cf2f362c98
commit b220d451ae
4 changed files with 108 additions and 87 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/Question.vue
View File

@ -7,7 +7,7 @@ import { useMainStore } from "@/store";
import { subAnswer } from "@/api"; import { subAnswer } from "@/api";
// 页面配置初始化 // 页面配置初始化
const emit = defineEmits(["hide", "showResult"]); const emit = defineEmits(["hide", "showResult","QuestionPage"]);
const userStore = useMainStore(); const userStore = useMainStore();
const props = defineProps({ const props = defineProps({
@ -88,7 +88,7 @@ const viewResult = (event) => {
Toast.clear() Toast.clear()
gsap.to('.QuestionPage', { gsap.to('.QuestionPage', {
duration: 0.5, autoAlpha: 0, onComplete: () => { duration: 0.5, autoAlpha: 0, onComplete: () => {
emit("QuestionPage", { action: "showResult" }); emit("showResult", { action: "showResult" });
} }
}) })
}, 1000) }, 1000)

185
src/data/imgList.js
View File

@ -1,98 +1,119 @@
const load = ["load/icon.png", "load/bg.jpg"];
const load = [
'load/icon.png',
'load/bg.jpg',
]
const page = [ const page = [
"index/prize-btn.png",
'index/prize-btn.png', "index/bg.jpg",
'index/cloud.png', "index/bottom-bg.png",
'index/firework.png', "index/cloud.png",
'index/rule-btn.png', "index/fan-1.png",
'index/start-btn.png', "index/fan-2.png",
'index/fan-3.png', "index/fan-3.png",
'index/title.png', "index/fan-4.png",
'index/fan-4.png', "index/firework.png",
'index/pet-icon.png', "index/gift-icon.png",
'index/fan-2.png', "index/logo.png",
'index/fan-1.png', "index/pet-icon.png",
'index/windows.png', "index/prize-btn.png",
'index/bottom-bg.png', "index/rule-btn.png",
'index/bg.jpg', "index/start-btn.png",
"index/sub-title.png",
"index/title.png",
"index/windows.png",
'prize/tips.png', "poster/card-1.png",
'prize/cls-btn.png', "poster/card-10.png",
'prize/copy-btn.png', "poster/card-11.png",
'prize/draw-text.png', "poster/card-2.png",
'prize/light.png', "poster/card-3.png",
'prize/draw-box.png', "poster/card-4.png",
'prize/myPrize-box.png', "poster/card-5.png",
'prize/no-prize.png', "poster/card-6.png",
'prize/star.png', "poster/card-7.png",
"poster/card-8.png",
"poster/card-9.png",
"poster/poster-1.jpg",
"poster/poster-10.jpg",
"poster/poster-11.jpg",
"poster/poster-2.jpg",
"poster/poster-3.jpg",
"poster/poster-4.jpg",
"poster/poster-5.jpg",
"poster/poster-6.jpg",
"poster/poster-7.jpg",
"poster/poster-8.jpg",
"poster/poster-9.jpg",
'qa/correct.png', "prize/cls-btn.png",
'qa/gold-icon.png', "prize/copy-btn.png",
'qa/incorrect.png', "prize/draw-box.png",
'qa/gold-icon-2.png', "prize/draw-text.png",
'qa/next-btn.png', "prize/light.png",
'qa/create-btn.png', "prize/myPrize-box.png",
'qa/lantern-icon.png', "prize/no-prize.png",
'qa/question-box.png', "prize/star.png",
'qa/bottom-bg.png', "prize/tips.png",
'qa/bg.jpg',
'result/tips.png', "qa/baozhu.png",
'result/product-3.png', "qa/bg.jpg",
'result/share-tips.svg', "qa/bottom-bg.png",
'result/text.png', "qa/correct.png",
'result/larnten-box-1.png', "qa/create-btn.png",
'result/larnten-box-2.png', "qa/go-back.png",
'result/larnten-box-3.png', "qa/gold-icon-2.png",
'result/poster-1.jpg', "qa/gold-icon.png",
'result/poster-2.jpg', "qa/incorrect.png",
'result/poster-3.jpg', "qa/lantern-icon.png",
'result/preveiw-1.png', "qa/next-btn.png",
'result/preveiw-2.png', "qa/question-box.png",
'result/preveiw-3.png',
'result/product-1.png', "question-list/bg.jpg",
'result/product-2.png', "question-list/bottom-bg.png",
'result/blessing-text-1-1.png', "question-list/bottom-icon-1.png",
'result/blessing-text-1-2.png', "question-list/bottom-icon-2.png",
'result/blessing-text-2-1.png', "question-list/box.png",
'result/blessing-text-2-2.png', "question-list/cls-btn.png",
'result/blessing-text-3-1.png', "question-list/firework-icon.png",
'result/blessing-text-3-2.png', "question-list/gift-1.png",
'result/cls-btn.png', "question-list/gift-2.png",
'result/create-btn.png', "question-list/icon-1.png",
'result/go-draw-btn.png', "question-list/icon-2.png",
'result/go-share-btn.png', "question-list/icon-3.png",
'result/larnten-1.png', "question-list/larnten-1.png",
'result/larnten-2.png', "question-list/larnten-10.png",
'result/larnten-3.png', "question-list/larnten-11.png",
'result/bg.jpg', "question-list/larnten-2.png",
'rule/arrow.png', "question-list/larnten-3.png",
'rule/cls-btn.png', "question-list/larnten-4.png",
'rule/icon.png', "question-list/larnten-5.png",
'rule/rule-box.png', "question-list/larnten-6.png",
] "question-list/larnten-7.png",
"question-list/larnten-8.png",
"question-list/larnten-9.png",
"question-list/left-arrow.png",
"question-list/right-arrow.png",
"rule/arrow.png",
"rule/cls-btn.png",
"rule/icon.png",
"rule/rule-box.png",
];
// 处理为vite引入图片格式 // 处理为vite引入图片格式
function imgCreate(url, img) { function imgCreate(url, img) {
let i = new URL(`../assets/images/${url}`, import.meta.url).href let i = new URL(`../assets/images/${url}`, import.meta.url).href;
img.push(i) img.push(i);
} }
const loadImg = [];
const pageImg = [];
const loadImg = [] load.forEach((element) => {
const pageImg = [] imgCreate(element, loadImg);
load.forEach(element => {
imgCreate(element, loadImg)
}); });
page.forEach(element => { page.forEach((element) => {
imgCreate(element, pageImg) imgCreate(element, pageImg);
}); });
export { loadImg, pageImg } export { loadImg, pageImg };

4
src/page/Home/main.js
View File

@ -19,8 +19,8 @@ app.config.globalProperties.imgUrl = (url) => {
// 微信分享配置 // 微信分享配置
wxShare({ wxShare({
title: '欢乐猜灯谜，喜庆闹元宵', title: '猜灯谜赢红包 欢欢喜喜闹元宵',
desc: '猜灯谜、赏花灯，金龙贺岁过“龘”年', desc: '',
}) })
// 测试环境开vconsole // 测试环境开vconsole

2
vite.config.js
View File

@ -33,7 +33,7 @@ export default defineConfig(({ command, mode }) => {
template: 'index.html', template: 'index.html',
injectOptions: { injectOptions: {
data: { data: {
title: '好“理”在手 邂逅清凉一夏', title: '欢乐闹元宵',
}, },
} }
}, },