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";
// 页面配置初始化
const emit = defineEmits(["hide", "showResult"]);
const emit = defineEmits(["hide", "showResult","QuestionPage"]);
const userStore = useMainStore();
const props = defineProps({
@ -88,7 +88,7 @@ const viewResult = (event) => {
Toast.clear()
gsap.to('.QuestionPage', {
duration: 0.5, autoAlpha: 0, onComplete: () => {
emit("QuestionPage", { action: "showResult" });
emit("showResult", { action: "showResult" });
}
})
}, 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 = [
"index/prize-btn.png",
'index/prize-btn.png',
'index/cloud.png',
'index/firework.png',
'index/rule-btn.png',
'index/start-btn.png',
'index/fan-3.png',
'index/title.png',
'index/fan-4.png',
'index/pet-icon.png',
'index/fan-2.png',
'index/fan-1.png',
'index/windows.png',
'index/bottom-bg.png',
'index/bg.jpg',
"index/bg.jpg",
"index/bottom-bg.png",
"index/cloud.png",
"index/fan-1.png",
"index/fan-2.png",
"index/fan-3.png",
"index/fan-4.png",
"index/firework.png",
"index/gift-icon.png",
"index/logo.png",
"index/pet-icon.png",
"index/prize-btn.png",
"index/rule-btn.png",
"index/start-btn.png",
"index/sub-title.png",
"index/title.png",
"index/windows.png",
'prize/tips.png',
'prize/cls-btn.png',
'prize/copy-btn.png',
'prize/draw-text.png',
'prize/light.png',
'prize/draw-box.png',
'prize/myPrize-box.png',
'prize/no-prize.png',
'prize/star.png',
"poster/card-1.png",
"poster/card-10.png",
"poster/card-11.png",
"poster/card-2.png",
"poster/card-3.png",
"poster/card-4.png",
"poster/card-5.png",
"poster/card-6.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',
'qa/gold-icon.png',
'qa/incorrect.png',
'qa/gold-icon-2.png',
'qa/next-btn.png',
'qa/create-btn.png',
'qa/lantern-icon.png',
'qa/question-box.png',
'qa/bottom-bg.png',
'qa/bg.jpg',
"prize/cls-btn.png",
"prize/copy-btn.png",
"prize/draw-box.png",
"prize/draw-text.png",
"prize/light.png",
"prize/myPrize-box.png",
"prize/no-prize.png",
"prize/star.png",
"prize/tips.png",
'result/tips.png',
'result/product-3.png',
'result/share-tips.svg',
'result/text.png',
'result/larnten-box-1.png',
'result/larnten-box-2.png',
'result/larnten-box-3.png',
'result/poster-1.jpg',
'result/poster-2.jpg',
'result/poster-3.jpg',
'result/preveiw-1.png',
'result/preveiw-2.png',
'result/preveiw-3.png',
'result/product-1.png',
'result/product-2.png',
'result/blessing-text-1-1.png',
'result/blessing-text-1-2.png',
'result/blessing-text-2-1.png',
'result/blessing-text-2-2.png',
'result/blessing-text-3-1.png',
'result/blessing-text-3-2.png',
'result/cls-btn.png',
'result/create-btn.png',
'result/go-draw-btn.png',
'result/go-share-btn.png',
'result/larnten-1.png',
'result/larnten-2.png',
'result/larnten-3.png',
'result/bg.jpg',
'rule/arrow.png',
'rule/cls-btn.png',
'rule/icon.png',
'rule/rule-box.png',
]
"qa/baozhu.png",
"qa/bg.jpg",
"qa/bottom-bg.png",
"qa/correct.png",
"qa/create-btn.png",
"qa/go-back.png",
"qa/gold-icon-2.png",
"qa/gold-icon.png",
"qa/incorrect.png",
"qa/lantern-icon.png",
"qa/next-btn.png",
"qa/question-box.png",
"question-list/bg.jpg",
"question-list/bottom-bg.png",
"question-list/bottom-icon-1.png",
"question-list/bottom-icon-2.png",
"question-list/box.png",
"question-list/cls-btn.png",
"question-list/firework-icon.png",
"question-list/gift-1.png",
"question-list/gift-2.png",
"question-list/icon-1.png",
"question-list/icon-2.png",
"question-list/icon-3.png",
"question-list/larnten-1.png",
"question-list/larnten-10.png",
"question-list/larnten-11.png",
"question-list/larnten-2.png",
"question-list/larnten-3.png",
"question-list/larnten-4.png",
"question-list/larnten-5.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引入图片格式
function imgCreate(url, img) {
let i = new URL(`../assets/images/${url}`, import.meta.url).href
img.push(i)
let i = new URL(`../assets/images/${url}`, import.meta.url).href;
img.push(i);
}
const loadImg = [];
const pageImg = [];
const loadImg = []
const pageImg = []
load.forEach(element => {
imgCreate(element, loadImg)
load.forEach((element) => {
imgCreate(element, loadImg);
});
page.forEach(element => {
imgCreate(element, pageImg)
page.forEach((element) => {
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({
title: '欢乐猜灯谜，喜庆闹元宵',
desc: '猜灯谜、赏花灯，金龙贺岁过“龘”年',
title: '猜灯谜赢红包 欢欢喜喜闹元宵',
desc: '',
})
// 测试环境开vconsole

2
vite.config.js
View File

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