This commit is contained in:
yixu
2025-09-23 11:44:49 +08:00
parent 83a577c29b
commit 465ac8b15f
11 changed files with 88 additions and 21 deletions

Binary file not shown.

After

Width:  |  Height:  |  Size: 75 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 83 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 103 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 80 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 125 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 102 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 116 KiB

After

Width:  |  Height:  |  Size: 119 KiB

View File

@@ -10,7 +10,7 @@
</div> </div>
<div class="lottery-prize"> <div class="lottery-prize">
<div class="lottery-title" ref="titleRef"></div> <div class="lottery-title" ref="titleRef"></div>
<div class="lottery-image" :class="activePrizeData.prize_code"></div> <div class="lottery-image" :class="'USER_' + activePrizeData.prize_code"></div>
<div class="lottery-name">{{ activePrizeData.name }}</div> <div class="lottery-name">{{ activePrizeData.name }}</div>
<div class="lottery-btngroup" v-show="btngroupShow"> <div class="lottery-btngroup" v-show="btngroupShow">
<div class="btn-more" @click="handleBtnMore"></div> <div class="btn-more" @click="handleBtnMore"></div>
@@ -230,6 +230,34 @@ onUnmounted(() => {
</script> </script>
<style scoped> <style scoped>
.lottery-image.USER_LZ_ZQ_DZJ {
background-image: url("../assets/images/USER_LZ_ZQ_DZJ.webp");
}
.lottery-image.USER_HG_42_GPJ_500ML {
background-image: url("../assets/images/USER_HG_42_GPJ_500ML.webp");
}
.lottery-image.USER_QLL_MH {
background-image: url("../assets/images/USER_QLL_MH.webp");
}
.lottery-image.USER_DZSKSJ {
background-image: url("../assets/images/USER_DZSKSJ.webp");
}
.lottery-image.USER_LZ_ZQ_DZJ_LJW {
background-image: url("../assets/images/USER_LZ_ZQ_DZJ_LJW.webp");
}
.lottery-image.USER_NO {
background-image: url("../assets/images/USER_NO.webp");
}
.lottery-image.USER_LZ_XS_SPZ_30ML {
background-image: url("../assets/images/USER_LZ_XS_SPZ_30ML.webp");
}
.guang, .guang,
.guangyun { .guangyun {
position: absolute; position: absolute;

View File

@@ -37,6 +37,38 @@ const fetchImages = async () => {
if (response.status == 200 || response.status == 201) { if (response.status == 200 || response.status == 201) {
// 只保留result_url存在的记录 // 只保留result_url存在的记录
images.value = data.data.filter(item => item.result_url); images.value = data.data.filter(item => item.result_url);
images.value = [
{
"id": 186,
"status": "success",
"error_message": null,
"is_public": false,
"result_url": "https:\/\/lzlj123.oss-cn-shanghai.aliyuncs.com\/face-merged\/20250919\/face-merge-717b50c3-9c38-4713-929a-49d072b90ab6.jpg",
"likes_count": 0,
"created_at": "2025-09-19T04:30:26.000000Z",
"user_name": "\u4f9d\u65ed"
},
{
"id": 155,
"status": "success",
"error_message": null,
"is_public": false,
"result_url": "https:\/\/lzlj123.oss-cn-shanghai.aliyuncs.com\/face-merged\/20250917\/face-merge-1d2ddf63-b029-48f8-b0b7-de7643dbd184.jpg",
"likes_count": 0,
"created_at": "2025-09-17T13:37:08.000000Z",
"user_name": "\u4f9d\u65ed"
},
{
"id": 156,
"status": "success",
"error_message": null,
"is_public": false,
"result_url": "https:\/\/lzlj123.oss-cn-shanghai.aliyuncs.com\/face-merged\/20250917\/face-merge-eda32a25-4244-4041-8db8-25aeb41f5a2f.jpg",
"likes_count": 2,
"created_at": "2025-09-17T13:40:49.000000Z",
"user_name": "\u4f9d\u65ed"
}
]
const foundItem = images.value.find(item => item.is_public === true); const foundItem = images.value.find(item => item.is_public === true);
if (foundItem) { if (foundItem) {
globalStore.result_url = foundItem.result_url; globalStore.result_url = foundItem.result_url;
@@ -80,11 +112,14 @@ import activeBorderImage from '../assets/images/my-photo-selected-border.webp';
const activeBorders = ref(images.value.map(() => false)); const activeBorders = ref(images.value.map(() => false));
// 切换边框状态 // 切换边框状态
const toggleBorder = (item, index) => { const toggleBorder = (item, index) => {
openHaibao(item);
if (!globalStore.chartsBattle && item.result_url !== failedImg) {
activeBorders.value = activeBorders.value.map(() => false); activeBorders.value = activeBorders.value.map(() => false);
// 如果没有打榜点击切换图片时把当前背景图赋值给globalStore.result_url做为最新的背景图 // 如果没有打榜点击切换图片时把当前背景图赋值给globalStore.result_url做为最新的背景图
globalStore.result_url = item.result_url; globalStore.result_url = item.result_url;
activeBorders.value[index] = true; activeBorders.value[index] = true;
globalStore.mergeId = item.id; globalStore.mergeId = item.id;
}
}; };
const handleDabangClick = () => { const handleDabangClick = () => {
@@ -325,15 +360,15 @@ markers.value = [
</div> </div>
</RecycleScroller> --> </RecycleScroller> -->
<div v-for="(item, index) in images" :key="index" class="image-wrapper"> <div v-for="(item, index) in images" :key="index" class="image-wrapper">
<div class="image-container mask-background" :style="{ backgroundImage: `url(${getBackgroundImage(item)})` }"> <div class="image-container mask-background" @click="downloadGenerateImg(item)" :style="{ backgroundImage: `url(${getBackgroundImage(item)})` }">
</div> </div>
<img v-if="item.status === 'progressing'" @click="getGenerateImgStatus(item)" <img v-if="item.status === 'progressing'" @click="getGenerateImgStatus(item)"
src="../assets/images/refresh-btn.webp" class="refresh-btn" alt="刷新"> src="../assets/images/refresh-btn.webp" class="refresh-btn" alt="刷新">
<img :src="(activeBorders[index] || (globalStore.chartsBattle && item.is_public)) <img :src="(activeBorders[index] || (globalStore.chartsBattle && item.is_public))
? activeBorderImage : defaultBorderImage" class="border-image" alt="border" ? activeBorderImage : defaultBorderImage" class="border-image" alt="border"
@click="(!globalStore.chartsBattle && item.result_url !== failedImg) && toggleBorder(item, index)" /> @click="toggleBorder(item, index)" />
<img v-if="item.result_url !== failedImg" @click="downloadGenerateImg(item)" <!-- <img v-if="item.result_url !== failedImg"
src="../assets/images/download.webp" class="download-btn" alt="下载图片"> src="../assets/images/download.webp" class="download-btn" alt="下载图片"> -->
</div> </div>
</div> </div>
<div class="scene-item item-2"> <div class="scene-item item-2">

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日晚12:00结束中奖信息将于10月1日早10点推送至获奖会员</p> <p class="my-photo-desc">打榜活动截止至9月30日晚24点结束中奖信息将于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

@@ -157,24 +157,28 @@ wx-open-launch-weapp,
background-image: url("../assets/images/btn-address.webp"); background-image: url("../assets/images/btn-address.webp");
} }
.prizelist-cover.USER_TJGJ { .prizelist-cover.USER_LZ_ZQ_DZJ {
background-image: url("../assets/images/USER_TJGJ.webp"); background-image: url("../assets/images/USER_LZ_ZQ_DZJ.webp");
} }
.prizelist-cover.USER_XINCHUN_WEIZUN { .prizelist-cover.USER_HG_42_GPJ_500ML {
background-image: url("../assets/images/USER_XINCHUN_WEIZUN.webp"); background-image: url("../assets/images/USER_HG_42_GPJ_500ML.webp");
} }
.prizelist-cover.USER_TEQU_JL_52_60Y_100ML_2 { .prizelist-cover.USER_QLL_MH {
background-image: url("../assets/images/USER_TEQU_JL_52_60Y_100ML_2.webp"); background-image: url("../assets/images/USER_QLL_MH.webp");
} }
.prizelist-cover.USER_LZLJ_TEQU_LZH_52_100ML_2 { .prizelist-cover.USER_DZSKSJ {
background-image: url("../assets/images/USER_LZLJ_TEQU_LZH_52_100ML_2.webp"); background-image: url("../assets/images/USER_DZSKSJ.webp");
} }
.prizelist-cover.USER_HEIGAI_42_GPJ_500ML { .prizelist-cover.USER_LZ_ZQ_DZJ_LJW {
background-image: url("../assets/images/USER_HEIGAI_42_GPJ_500ML.webp"); background-image: url("../assets/images/USER_LZ_ZQ_DZJ_LJW.webp");
}
.prizelist-cover.USER_LZ_XS_SPZ_30ML {
background-image: url("../assets/images/USER_LZ_XS_SPZ_30ML.webp");
} }
.prizelist-cover.USER_DZCZ { .prizelist-cover.USER_DZCZ {