liuxiang/faceFamilySource
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

update

Browse Source
This commit is contained in:
yixu
2025-09-15 14:28:19 +08:00
parent 5957191ac0
commit f5f9d7c1a1
8 changed files with 71 additions and 57 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
src/assets/images/generate-img-bg.webp
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 142 KiB

After

Width:  |  Height:  |  Size: 228 KiB

13
src/components/GenerateImg.vue
View File

@@ -37,7 +37,7 @@ const beforeUpload = (file) => {
const getTemplateIdsFromUrl = (response, url, index)=> { const getTemplateIdsFromUrl = (response, url, index)=> {
const filename = url.split('/').pop(); const filename = url.split('/').pop();
const matchedTemplate = faceTemplate.find(template => template.name === filename); const matchedTemplate = faceTemplate.find(template => filename.includes(template.name));
if (!matchedTemplate) { if (!matchedTemplate) {
console.error(`No template found for filename: ${filename}`); console.error(`No template found for filename: ${filename}`);
return null; return null;
@@ -387,7 +387,7 @@ import generateImg from '../assets/images/generate-img-bg.webp'
</script> </script>
<template> <template>
<div :show="show"> <div :show="show" class="main">
<div class="home-wrapper" :style="{ <div class="home-wrapper" :style="{
backgroundImage: displayScanModel backgroundImage: displayScanModel
? `url(${imgLoading})` ? `url(${imgLoading})`
@@ -477,6 +477,10 @@ import generateImg from '../assets/images/generate-img-bg.webp'
</template> </template>
<style scoped> <style scoped>
.main {
height: 100%;
overflow-y: auto;
}
.moving-image { .moving-image {
width: 100%; width: 100%;
position: absolute; position: absolute;
@@ -574,8 +578,8 @@ import generateImg from '../assets/images/generate-img-bg.webp'
outline: none !important; outline: none !important;
} }
.home-wrapper { .home-wrapper {
width: 100%; width: 100vw;
height: 92vh; height: 200vw;
background-size: cover; background-size: cover;
background-repeat: no-repeat; background-repeat: no-repeat;
display: flex; display: flex;
@@ -583,7 +587,6 @@ import generateImg from '../assets/images/generate-img-bg.webp'
justify-content: center; justify-content: center;
align-items: center; align-items: center;
position: relative; position: relative;
min-height: -webkit-fill-available;
} }
.img-from-template { .img-from-template {
width: 75vw; width: 75vw;

4
src/components/GenerateImgConfirm.vue
View File

@@ -40,8 +40,8 @@ const closeTodoList = () => {
<style scoped> <style scoped>
.home-wrapper { .home-wrapper {
width: 100%; width: 100vw;
height: 92vh; height: 100vh;
background-image: url('../assets/images/generate-img-confirm.webp'); background-image: url('../assets/images/generate-img-confirm.webp');
background-size: cover; background-size: cover;
background-repeat: no-repeat; background-repeat: no-repeat;

10
src/components/HomePage.vue
View File

@@ -160,7 +160,7 @@ if (isLogin()) {
</script> </script>
<template> <template>
<div :show="show"> <div :show="show" class="main">
<div class="home-wrapper"> <div class="home-wrapper">
<div class="scene-item item-1" @click="handleLottery" :class="{ 'disabled': globalStore.draw_chances <= 0 }"> <div class="scene-item item-1" @click="handleLottery" :class="{ 'disabled': globalStore.draw_chances <= 0 }">
<img src="../assets/images/lottery.webp" alt="抽奖"> <img src="../assets/images/lottery.webp" alt="抽奖">
@@ -207,9 +207,13 @@ if (isLogin()) {
</template> </template>
<style scoped> <style scoped>
.main {
height: 100%;
overflow-y: auto;
}
.home-wrapper { .home-wrapper {
width: 100%; width: 100vw;
height: 92vh; height: 200vw;
background-image: url('../assets/images/home-bg.webp'); background-image: url('../assets/images/home-bg.webp');
background-size: cover; background-size: cover;
background-repeat: no-repeat; background-repeat: no-repeat;

2
src/components/Popup.vue
View File

@@ -62,7 +62,7 @@ const confirmBtn = () => {
<style scoped> <style scoped>
.home-bg { .home-bg {
position: absolute; position: absolute;
top: 72vw; top: 60vw;
left: 12vw; left: 12vw;
} }
.message { .message {

17
src/components/SelectTemplateV2.vue
View File

@@ -13,7 +13,7 @@ onMounted(() => {
}) })
const router = useRouter(); const router = useRouter();
const navigateTodoList = () => { const navigateBack = () => {
router.push({ router.push({
name: 'home' name: 'home'
}) })
@@ -61,10 +61,10 @@ const handleNavClick = (event) => {
</script> </script>
<template> <template>
<div :show="show"> <div :show="show" class="main">
<div class="home-wrapper"> <div class="home-wrapper">
<div class="scene-item item-1"> <div class="scene-item item-1" @click="navigateBack">
<img src="../assets/images/back-btn.webp" @click="navigateTodoList" alt="后退"> <img src="../assets/images/back-btn.webp" alt="后退">
</div> </div>
<!-- 显示当前选中的背景图片 --> <!-- 显示当前选中的背景图片 -->
@@ -118,6 +118,7 @@ const handleNavClick = (event) => {
.nav-container { .nav-container {
position: relative; position: relative;
pointer-events: none;
} }
.nav-image-wrapper { .nav-image-wrapper {
@@ -178,9 +179,13 @@ const handleNavClick = (event) => {
top: -0.5vw; top: -0.5vw;
left: 0; left: 0;
} }
.main {
height: 100%;
overflow-y: auto;
}
.home-wrapper { .home-wrapper {
width: 100%; width: 100vw;
height: 92vh; height: 200vw;
background-image: url('../assets/images/generate/select-template-bg.webp'); background-image: url('../assets/images/generate/select-template-bg.webp');
background-size: cover; background-size: cover;
background-repeat: no-repeat; background-repeat: no-repeat;

10
src/components/SynthesizedResults.vue
View File

@@ -111,7 +111,7 @@ const handleHaibao = async () => {
</script> </script>
<template> <template>
<div> <div class="main">
<div class="home-wrapper"> <div class="home-wrapper">
<div class="scene-item item-1"> <div class="scene-item item-1">
<img src="../assets/images/go-home-btn.webp" @click="navigateToHome" alt="回到首页"> <img src="../assets/images/go-home-btn.webp" @click="navigateToHome" alt="回到首页">
@@ -216,10 +216,12 @@ const handleHaibao = async () => {
top: initial; top: initial;
transform: translate3d(-50%,0,0); transform: translate3d(-50%,0,0);
} }
.main {
height: 100%;
overflow-y: auto;
}
.home-wrapper { .home-wrapper {
width: 100%; width: 100vw;
height: 92vh;
background-image: url('../assets/images/img-result-bg.webp'); background-image: url('../assets/images/img-result-bg.webp');
background-size: cover; background-size: cover;
background-repeat: no-repeat; background-repeat: no-repeat;

72
src/static/ali_face_template.js
View File

@@ -1,5 +1,5 @@
const faceTemplate = [{ const faceTemplate = [{
"name": "fugu_1.webp", "name": "fugu_1",
"template_id": "73a3cc5b-eb53-4daf-90a7-9850aca96fd6", "template_id": "73a3cc5b-eb53-4daf-90a7-9850aca96fd6",
"data": [{ "data": [{
"faceRect": { "faceRect": {
@@ -22,7 +22,7 @@ const faceTemplate = [{
] ]
}, },
{ {
"name": "fugu_2.webp", "name": "fugu_2",
"template_id": "86baa916-fc5e-44ed-8961-c3404665a1a3", "template_id": "86baa916-fc5e-44ed-8961-c3404665a1a3",
"data": [{ "data": [{
"faceRect": { "faceRect": {
@@ -43,7 +43,7 @@ const faceTemplate = [{
}] }]
}, },
{ {
"name": "fugu_3.webp", "name": "fugu_3",
"template_id": "a9e6c7a3-f021-4a8c-9a9b-88b008de183a", "template_id": "a9e6c7a3-f021-4a8c-9a9b-88b008de183a",
"data": [{ "data": [{
"FaceRect": { "FaceRect": {
@@ -64,7 +64,7 @@ const faceTemplate = [{
}] }]
}, },
{ {
"name": "fugu_4.webp", "name": "fugu_4",
"template_id": "5fcc1dd1-6ff0-4052-a754-f60c7cecba0f", "template_id": "5fcc1dd1-6ff0-4052-a754-f60c7cecba0f",
"data": [{ "data": [{
"faceRect": { "faceRect": {
@@ -93,7 +93,7 @@ const faceTemplate = [{
}] }]
}, },
{ {
"name": "fugu_5.webp", "name": "fugu_5",
"template_id": "10f6e910-c736-4d9a-949e-33921befad3f", "template_id": "10f6e910-c736-4d9a-949e-33921befad3f",
"data": [{ "data": [{
"faceRect": { "faceRect": {
@@ -130,7 +130,7 @@ const faceTemplate = [{
}] }]
}, },
{ {
"name": "fugu_6.webp", "name": "fugu_6",
"template_id": "92b80ada-7fae-49eb-82f5-d3cdc9252a69", "template_id": "92b80ada-7fae-49eb-82f5-d3cdc9252a69",
"data": [{ "data": [{
"faceRect": { "faceRect": {
@@ -175,7 +175,7 @@ const faceTemplate = [{
}] }]
}, },
{ {
"name": "luying_1.webp", "name": "luying_1",
"template_id": "d98c1384-e9cf-4e96-8181-f014e7ebfffa", "template_id": "d98c1384-e9cf-4e96-8181-f014e7ebfffa",
"data": [{ "data": [{
"faceRect": { "faceRect": {
@@ -196,7 +196,7 @@ const faceTemplate = [{
}] }]
}, },
{ {
"name": "luying_2.webp", "name": "luying_2",
"template_id": "a2a595bc-83b5-4ab3-a326-6b451b23de70", "template_id": "a2a595bc-83b5-4ab3-a326-6b451b23de70",
"data": [{ "data": [{
"faceRect": { "faceRect": {
@@ -217,7 +217,7 @@ const faceTemplate = [{
}] }]
}, },
{ {
"name": "luying_3.webp", "name": "luying_3",
"template_id": "866916d3-ee75-4060-a063-e7b5368c56b5", "template_id": "866916d3-ee75-4060-a063-e7b5368c56b5",
"data": [{ "data": [{
"faceRect": { "faceRect": {
@@ -238,7 +238,7 @@ const faceTemplate = [{
}] }]
}, },
{ {
"name": "luying_4.webp", "name": "luying_4",
"template_id": "50053074-d192-4c05-bab2-6131a6271d7f", "template_id": "50053074-d192-4c05-bab2-6131a6271d7f",
"data": [{ "data": [{
"faceRect": { "faceRect": {
@@ -267,7 +267,7 @@ const faceTemplate = [{
}] }]
}, },
{ {
"name": "luying_5.webp", "name": "luying_5",
"template_id": "01263cbe-f2b4-4a69-8db7-e73919bf8331", "template_id": "01263cbe-f2b4-4a69-8db7-e73919bf8331",
"data": [{ "data": [{
"FaceRect": { "FaceRect": {
@@ -304,7 +304,7 @@ const faceTemplate = [{
}] }]
}, },
{ {
"name": "luying_6.webp", "name": "luying_6",
"template_id": "dee63c93-e99e-4ff7-b50d-2cb0b940c4be", "template_id": "dee63c93-e99e-4ff7-b50d-2cb0b940c4be",
"data": [{ "data": [{
"FaceRect": { "FaceRect": {
@@ -349,7 +349,7 @@ const faceTemplate = [{
}] }]
}, },
{ {
"name": "paidui_1.webp", "name": "paidui_1",
"template_id": "24a9b372-9d35-4fd8-8d5d-10c3a3510470", "template_id": "24a9b372-9d35-4fd8-8d5d-10c3a3510470",
"data": [{ "data": [{
"faceRect": { "faceRect": {
@@ -370,7 +370,7 @@ const faceTemplate = [{
}] }]
}, },
{ {
"name": "paidui_2.webp", "name": "paidui_2",
"template_id": "c54098d4-9cf6-4b39-8870-a47d07263dd7", "template_id": "c54098d4-9cf6-4b39-8870-a47d07263dd7",
"data": [{ "data": [{
"faceRect": { "faceRect": {
@@ -391,7 +391,7 @@ const faceTemplate = [{
}] }]
}, },
{ {
"name": "paidui_3.webp", "name": "paidui_3",
"template_id": "161320ea-4454-4a38-9687-d52370f7b8a8", "template_id": "161320ea-4454-4a38-9687-d52370f7b8a8",
"data": [{ "data": [{
"faceRect": { "faceRect": {
@@ -412,7 +412,7 @@ const faceTemplate = [{
}] }]
}, },
{ {
"name": "paidui_4.webp", "name": "paidui_4",
"template_id": "b9b12447-aec9-4888-96dd-e64339052df0", "template_id": "b9b12447-aec9-4888-96dd-e64339052df0",
"data": [{ "data": [{
"faceRect": { "faceRect": {
@@ -441,7 +441,7 @@ const faceTemplate = [{
}] }]
}, },
{ {
"name": "paidui_5.webp", "name": "paidui_5",
"template_id": "ec9640d9-d853-4505-929f-75c8e6f9896e", "template_id": "ec9640d9-d853-4505-929f-75c8e6f9896e",
"data": [{ "data": [{
"faceRect": { "faceRect": {
@@ -470,7 +470,7 @@ const faceTemplate = [{
}] }]
}, },
{ {
"name": "paidui_6.webp", "name": "paidui_6",
"template_id": "ba9a61ca-f2a5-4586-920b-d56a1cc9f755", "template_id": "ba9a61ca-f2a5-4586-920b-d56a1cc9f755",
"data": [{ "data": [{
"faceRect": { "faceRect": {
@@ -515,7 +515,7 @@ const faceTemplate = [{
}] }]
}, },
{ {
"name": "shenxian_1.webp", "name": "shenxian_1",
"template_id": "48749272-fa99-466b-b888-6e465bf76e57", "template_id": "48749272-fa99-466b-b888-6e465bf76e57",
"data": [{ "data": [{
"faceRect": { "faceRect": {
@@ -536,7 +536,7 @@ const faceTemplate = [{
}] }]
}, },
{ {
"name": "shenxian_2.webp", "name": "shenxian_2",
"template_id": "85b1ef1a-0bb6-4e49-95bf-cdc5bd3985dc", "template_id": "85b1ef1a-0bb6-4e49-95bf-cdc5bd3985dc",
"data": [{ "data": [{
"faceRect": { "faceRect": {
@@ -557,7 +557,7 @@ const faceTemplate = [{
}] }]
}, },
{ {
"name": "shenxian_3.webp", "name": "shenxian_3",
"template_id": "6dbbee92-39d0-4763-8aef-ac535fe78b7c", "template_id": "6dbbee92-39d0-4763-8aef-ac535fe78b7c",
"data": [{ "data": [{
"faceRect": { "faceRect": {
@@ -578,7 +578,7 @@ const faceTemplate = [{
}] }]
}, },
{ {
"name": "shenxian_4.webp", "name": "shenxian_4",
"template_id": "8e914ed5-7a38-4698-a08a-b45f40971fb7", "template_id": "8e914ed5-7a38-4698-a08a-b45f40971fb7",
"data": [{ "data": [{
"faceRect": { "faceRect": {
@@ -607,7 +607,7 @@ const faceTemplate = [{
}] }]
}, },
{ {
"name": "shenxian_5.webp", "name": "shenxian_5",
"template_id": "4a7e1337-ce20-46e0-a34b-41181442e9d5", "template_id": "4a7e1337-ce20-46e0-a34b-41181442e9d5",
"data": [{ "data": [{
"faceRect": { "faceRect": {
@@ -644,7 +644,7 @@ const faceTemplate = [{
}] }]
}, },
{ {
"name": "shenxian_6.webp", "name": "shenxian_6",
"template_id": "60752482-6e9e-4e4f-9473-49076403663b", "template_id": "60752482-6e9e-4e4f-9473-49076403663b",
"data": [{ "data": [{
"faceRect": { "faceRect": {
@@ -689,7 +689,7 @@ const faceTemplate = [{
}] }]
}, },
{ {
"name": "xianxia_1.webp", "name": "xianxia_1",
"template_id": "76d41a71-0353-4a30-86f9-508fd00fcb36", "template_id": "76d41a71-0353-4a30-86f9-508fd00fcb36",
"data": [{ "data": [{
"faceRect": { "faceRect": {
@@ -710,7 +710,7 @@ const faceTemplate = [{
}] }]
}, },
{ {
"name": "xianxia_2.webp", "name": "xianxia_2",
"template_id": "28efcde7-dcd9-42ec-9b14-f3c6e031c14b", "template_id": "28efcde7-dcd9-42ec-9b14-f3c6e031c14b",
"data": [{ "data": [{
"faceRect": { "faceRect": {
@@ -731,7 +731,7 @@ const faceTemplate = [{
}] }]
}, },
{ {
"name": "xianxia_3.webp", "name": "xianxia_3",
"template_id": "1ddfc0dc-87cd-4fe2-82f1-3e774a1bd8d9", "template_id": "1ddfc0dc-87cd-4fe2-82f1-3e774a1bd8d9",
"data": [{ "data": [{
"faceRect": { "faceRect": {
@@ -760,7 +760,7 @@ const faceTemplate = [{
}] }]
}, },
{ {
"name": "xianxia_4.webp", "name": "xianxia_4",
"template_id": "86385f26-fd04-4e5a-a1e0-e5e70940f1df", "template_id": "86385f26-fd04-4e5a-a1e0-e5e70940f1df",
"data": [{ "data": [{
"faceRect": { "faceRect": {
@@ -789,7 +789,7 @@ const faceTemplate = [{
}] }]
}, },
{ {
"name": "xianxia_5.webp", "name": "xianxia_5",
"template_id": "df0baa2e-5926-4251-9222-d286d4ce64d8", "template_id": "df0baa2e-5926-4251-9222-d286d4ce64d8",
"data": [{ "data": [{
"faceRect": { "faceRect": {
@@ -826,7 +826,7 @@ const faceTemplate = [{
}] }]
}, },
{ {
"name": "xianxia_6.webp", "name": "xianxia_6",
"template_id": "978cc06f-e0d0-4062-b8ee-9e1008c7158c", "template_id": "978cc06f-e0d0-4062-b8ee-9e1008c7158c",
"data": [{ "data": [{
"faceRect": { "faceRect": {
@@ -871,7 +871,7 @@ const faceTemplate = [{
}] }]
}, },
{ {
"name": "xinzhongshi_1.webp", "name": "xinzhongshi_1",
"template_id": "80a3eb2a-cbf5-48e9-9293-ba24f16536e4", "template_id": "80a3eb2a-cbf5-48e9-9293-ba24f16536e4",
"data": [{ "data": [{
"faceRect": { "faceRect": {
@@ -892,7 +892,7 @@ const faceTemplate = [{
}] }]
}, },
{ {
"name": "xinzhongshi_2.webp", "name": "xinzhongshi_2",
"template_id": "6f9a14da-f6c3-472e-9324-4e7c9caff4f6", "template_id": "6f9a14da-f6c3-472e-9324-4e7c9caff4f6",
"data": [{ "data": [{
"faceRect": { "faceRect": {
@@ -913,7 +913,7 @@ const faceTemplate = [{
}] }]
}, },
{ {
"name": "xinzhongshi_3.webp", "name": "xinzhongshi_3",
"template_id": "8afc8122-c070-4a75-b2e3-a306784b5c81", "template_id": "8afc8122-c070-4a75-b2e3-a306784b5c81",
"data": [{ "data": [{
"faceRect": { "faceRect": {
@@ -934,7 +934,7 @@ const faceTemplate = [{
}] }]
}, },
{ {
"name": "xinzhongshi_4.webp", "name": "xinzhongshi_4",
"template_id": "f7b7f97d-e60c-405a-9c50-119b0b3a1bca", "template_id": "f7b7f97d-e60c-405a-9c50-119b0b3a1bca",
"data": [{ "data": [{
"faceRect": { "faceRect": {
@@ -963,7 +963,7 @@ const faceTemplate = [{
}] }]
}, },
{ {
"name": "xinzhongshi_5.webp", "name": "xinzhongshi_5",
"template_id": "98f6606f-24fe-4990-93e3-8d6391ffbe95", "template_id": "98f6606f-24fe-4990-93e3-8d6391ffbe95",
"data": [{ "data": [{
"faceRect": { "faceRect": {
@@ -1000,7 +1000,7 @@ const faceTemplate = [{
}] }]
}, },
{ {
"name": "xinzhongshi_6.webp", "name": "xinzhongshi_6",
"template_id": "97f084ef-dbe5-42c7-8b10-d6623cd54a6d", "template_id": "97f084ef-dbe5-42c7-8b10-d6623cd54a6d",
"data": [{ "data": [{
"faceRect": { "faceRect": {