This commit is contained in:
xiaoaojiao
2025-09-23 15:49:34 +08:00
19 changed files with 27 additions and 10 deletions

Binary file not shown.

Before

Width:  |  Height:  |  Size: 75 KiB

After

Width:  |  Height:  |  Size: 16 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 83 KiB

After

Width:  |  Height:  |  Size: 24 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 55 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 22 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 103 KiB

After

Width:  |  Height:  |  Size: 48 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 80 KiB

After

Width:  |  Height:  |  Size: 26 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 102 KiB

After

Width:  |  Height:  |  Size: 39 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 16 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 22 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 48 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 75 KiB

After

Width:  |  Height:  |  Size: 87 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 33 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 5.8 KiB

After

Width:  |  Height:  |  Size: 13 KiB

View File

@@ -1,7 +1,7 @@
<script setup> <script setup>
import { ref, computed, watch, onMounted } from "vue" import { ref, computed, watch, onMounted } from "vue"
import { useRouter, useRoute } from 'vue-router' import { useRouter, useRoute } from 'vue-router'
import faceFamily from "../assets/audio/faceFamily.mp3" import bgm from "../assets/audio/bgm.mp3"
import backgroundVideo from "../assets/video/1_stab_chf3_rhea1.mp4" import backgroundVideo from "../assets/video/1_stab_chf3_rhea1.mp4"
import MyPhoto from './MyPhoto.vue' import MyPhoto from './MyPhoto.vue'
import PhotoSquare from './PhotoSquare.vue' import PhotoSquare from './PhotoSquare.vue'
@@ -26,7 +26,7 @@ const lotteryType = ref("draw")
// 初始化全局音频实例 // 初始化全局音频实例
const initGlobalAudio = () => { const initGlobalAudio = () => {
if (!globalStore.globalAudio) { if (!globalStore.globalAudio) {
globalStore.globalAudio = new Audio(faceFamily); globalStore.globalAudio = new Audio(bgm);
globalStore.globalAudio.loop = true; // 设置循环播放 globalStore.globalAudio.loop = true; // 设置循环播放
globalStore.globalAudio.preload = 'auto'; globalStore.globalAudio.preload = 'auto';
@@ -362,6 +362,10 @@ watch(() => lotteryShow.value, async (newVal) => {
<img src="../assets/images/slogan.webp" alt="slogan"> <img src="../assets/images/slogan.webp" alt="slogan">
</div> </div>
<div class="scene-item home-title">
<img src="../assets/images/home-title.webp" alt="slogan">
</div>
<!-- fallback 背景图当视频无法加载时显示 --> <!-- fallback 背景图当视频无法加载时显示 -->
<div v-if="videoError || !videoLoaded" class="fallback-background"></div> <div v-if="videoError || !videoLoaded" class="fallback-background"></div>
@@ -423,6 +427,11 @@ watch(() => lotteryShow.value, async (newVal) => {
width: 76vw; width: 76vw;
} }
.home-title {
width: 72vw;
top: 144vw;
}
.main { .main {
height: 100%; height: 100%;
overflow-y: auto; overflow-y: auto;

View File

@@ -128,7 +128,7 @@ watch(() => props.show, async (newVal) => {
// await Sleep(20000) // await Sleep(20000)
// const lottteryResult = await Request("lottery/draw", { pool: 'game', consume_type: 'points' }) lottteryResult = await Request("lottery/draw", { pool: 'game', consume_type: 'points' })
// TODO: 测试数据 // TODO: 测试数据
// lottteryResult = { // lottteryResult = {
// res: { status: 200 }, // res: { status: 200 },
@@ -248,6 +248,10 @@ onUnmounted(() => {
background-image: url("../assets/images/USER_LZ_XS_SPZ_30ML.webp"); background-image: url("../assets/images/USER_LZ_XS_SPZ_30ML.webp");
} }
.lottery-image.USER_LZ_DZ_JBGJ {
background-image: url("../assets/images/USER_LZ_DZ_JBGJ.webp");
}
.guang, .guang,
.guangyun { .guangyun {
position: absolute; position: absolute;

View File

@@ -243,7 +243,7 @@ const handleHaibao = async (item) => {
const qrcode = await generateQR(`fromid=${infos.invite_code}&merge_id=${globalStore.mergeId}`, 200, 200) const qrcode = await generateQR(`fromid=${infos.invite_code}&merge_id=${globalStore.mergeId}`, 200, 200)
haibaoSave.add(bg, 0, 0) haibaoSave.add(bg, 0, 0)
haibaoSave.add(url, 64, 250) haibaoSave.add(url, 64, 250)
haibaoSave.add(qrcode, 115, 1875) haibaoSave.add(qrcode, 127, 1860)
haibaoSave.draw().then(() => { haibaoSave.draw().then(() => {
haibaoSave.text(infos.nickname + '的全家福', haibaoSave.canvas.width / 2, 200, { font: 'bold 50px Arial', color: '#fcf2b3' }) haibaoSave.text(infos.nickname + '的全家福', haibaoSave.canvas.width / 2, 200, { font: 'bold 50px Arial', color: '#fcf2b3' })
haibaoSave.generate({ mimeType: 'image/png' }).then(url => { haibaoSave.generate({ mimeType: 'image/png' }).then(url => {
@@ -289,7 +289,7 @@ const handleHaibao = async (item) => {
const qrcode = await generateQR(`fromid=${infos.invite_code}&merge_id=${globalStore.mergeId}`, 200, 200) const qrcode = await generateQR(`fromid=${infos.invite_code}&merge_id=${globalStore.mergeId}`, 200, 200)
haibaoSaveNoTitle.add(bg, 0, 0) haibaoSaveNoTitle.add(bg, 0, 0)
haibaoSaveNoTitle.add(url, 64, 250) haibaoSaveNoTitle.add(url, 64, 250)
haibaoSaveNoTitle.add(qrcode, 115, 1875) haibaoSaveNoTitle.add(qrcode, 127, 1860)
haibaoSaveNoTitle.draw().then(() => { haibaoSaveNoTitle.draw().then(() => {
haibaoSaveNoTitle.text(infos.nickname + '的全家福', haibaoSaveNoTitle.canvas.width / 2, 200, { font: 'bold 50px Arial', color: '#fcf2b3' }) haibaoSaveNoTitle.text(infos.nickname + '的全家福', haibaoSaveNoTitle.canvas.width / 2, 200, { font: 'bold 50px Arial', color: '#fcf2b3' })
haibaoSaveNoTitle.generate({ mimeType: 'image/png' }).then(url => { haibaoSaveNoTitle.generate({ mimeType: 'image/png' }).then(url => {

View File

@@ -190,7 +190,7 @@ const getBackgroundImage = (item) => {
}" }"
@click.stop="$emit('go-my-photo')"> @click.stop="$emit('go-my-photo')">
</div> </div>
<p class="my-photo-desc">打榜活动截止至9月30日晚24点结束中奖信息将于10月1日早10点推送至获奖会员</p> <p class="my-photo-desc">打榜活动截止至9月30日23:59:59结束中奖信息将于10月1日早10点推送至获奖会员</p>
<div v-if="!disableInviteHelp" class="image-gallery "> <div v-if="!disableInviteHelp" class="image-gallery ">
<RecycleScroller <RecycleScroller
class="scroller" class="scroller"

View File

@@ -158,7 +158,7 @@ wx-open-launch-weapp,
} }
.prizelist-cover.USER_LZ_ZQ_DZJ { .prizelist-cover.USER_LZ_ZQ_DZJ {
background-image: url("../assets/images/USER_LZ_ZQ_DZJ.webp"); background-image: url("../assets/images/generate/USER_LZ_ZQ_DZJ.webp");
} }
.prizelist-cover.USER_HG_42_GPJ_500ML { .prizelist-cover.USER_HG_42_GPJ_500ML {
@@ -170,7 +170,7 @@ wx-open-launch-weapp,
} }
.prizelist-cover.USER_DZSKSJ { .prizelist-cover.USER_DZSKSJ {
background-image: url("../assets/images/USER_DZSKSJ.webp"); background-image: url("../assets/images/generate/USER_DZSKSJ.webp");
} }
.prizelist-cover.USER_LZ_ZQ_DZJ_LJW { .prizelist-cover.USER_LZ_ZQ_DZJ_LJW {
@@ -178,7 +178,11 @@ wx-open-launch-weapp,
} }
.prizelist-cover.USER_LZ_XS_SPZ_30ML { .prizelist-cover.USER_LZ_XS_SPZ_30ML {
background-image: url("../assets/images/USER_LZ_XS_SPZ_30ML.webp"); background-image: url("../assets/images/generate/USER_LZ_XS_SPZ_30ML.webp");
}
.prizelist-cover.USER_LZ_DZ_JBGJ {
background-image: url("../assets/images/USER_LZ_DZ_JBGJ.webp");
} }
.prizelist-cover.USER_DZCZ { .prizelist-cover.USER_DZCZ {

View File

@@ -82,7 +82,7 @@ const handleHaibao = async () => {
const qrcode = await generateQR(`fromid=${infos.invite_code}&merge_id=${infos.merge_id}`, 200, 200) const qrcode = await generateQR(`fromid=${infos.invite_code}&merge_id=${infos.merge_id}`, 200, 200)
haibaoSave.add(bg, 0, 0) haibaoSave.add(bg, 0, 0)
haibaoSave.add(url, 64, 250) haibaoSave.add(url, 64, 250)
haibaoSave.add(qrcode, 115, 1875) haibaoSave.add(qrcode, 127, 1860)
haibaoSave.draw().then(() => { haibaoSave.draw().then(() => {
haibaoSave.text(infos.nickname + '的全家福', haibaoSave.canvas.width / 2, 200, { font: 'bold 50px Arial', color: '#fcf2b3' }) haibaoSave.text(infos.nickname + '的全家福', haibaoSave.canvas.width / 2, 200, { font: 'bold 50px Arial', color: '#fcf2b3' })
haibaoSave.generate({ mimeType: 'image/png' }).then(url => { haibaoSave.generate({ mimeType: 'image/png' }).then(url => {