This commit is contained in:
zhangyahui
2025-11-03 10:46:37 +08:00
14 changed files with 33 additions and 29 deletions

View File

@@ -169,7 +169,7 @@ const { isLoading } = toRefs(data);
> .modelBox{ > .modelBox{
margin-top: 2.5rem; margin-top: 2.5rem;
> .model{ > .model{
border: 2px solid #D9D9D9; border: .2rem solid #D9D9D9;
// height: 110rem; // height: 110rem;
aspect-ratio: 2 / 3; aspect-ratio: 2 / 3;
position: relative; position: relative;

View File

@@ -122,7 +122,7 @@ const { modelList, selectModel } = toRefs(data);
align-items: center; align-items: center;
> .item{ > .item{
width: calc((100% - 2.5rem * 2) / 3); width: calc((100% - 2.5rem * 2) / 3);
border: 2px solid #D9D9D9; border: .2rem solid #D9D9D9;
border-radius: 1rem; border-radius: 1rem;
margin-bottom: 5.4rem; margin-bottom: 5.4rem;
height: 75rem; height: 75rem;

View File

@@ -23,7 +23,7 @@
generateStore.uploadCustomizeInfo({ generateStore.uploadCustomizeInfo({
tryOnId: generateStore.originalTryOn.id, tryOnId: generateStore.originalTryOn.id,
tryOnUrl: generateStore.originalTryOn.tryOnUrl, tryOnUrl: generateStore.originalTryOn.tryOnUrl,
isFavorite: generateStore.originalTryOn.isLike, isFavorite: generateStore.originalTryOn.isLike
}) })
router.push({ name: 'customize' }) router.push({ name: 'customize' })
} }
@@ -65,6 +65,8 @@
position: relative; position: relative;
width: 100%; width: 100%;
height: auto; height: auto;
min-height: 100%;
object-fit: cover;
} }
> .texts { > .texts {
top: 0; top: 0;

View File

@@ -13,7 +13,7 @@
}) })
const router = useRouter() const router = useRouter()
const fileData = generateStore.photoInfo const fileData = generateStore.photoInfo
if(!fileData.file?.size) generateStore.updatePhotoInfo({}); if (!fileData.file?.size) generateStore.updatePhotoInfo({})
// 上传照片 // 上传照片
const handleUploadFace = () => { const handleUploadFace = () => {
const input = document.createElement('input') const input = document.createElement('input')
@@ -44,7 +44,7 @@
formData.append('visitRecordId', generateStore.visitRecordId + '') formData.append('visitRecordId', generateStore.visitRecordId + '')
formData.append('file', fileData.file) formData.append('file', fileData.file)
uploadCustomerPhoto(formData).then((res) => { uploadCustomerPhoto(formData).then((res) => {
generateStore.updatePhotoInfo({...res, file: fileData.file}) generateStore.updatePhotoInfo({ ...res, file: fileData.file })
generateStore.clearCustomizeInfo() generateStore.clearCustomizeInfo()
router.push({ name: 'customize' }) router.push({ name: 'customize' })
}) })
@@ -97,6 +97,8 @@
position: relative; position: relative;
width: 100%; width: 100%;
height: auto; height: auto;
min-height: 100%;
object-fit: cover;
} }
> .content { > .content {
top: 0; top: 0;

View File

@@ -136,7 +136,7 @@ const actionList: ActionItem[] = [
height: 7.4rem; height: 7.4rem;
border-radius: 50%; border-radius: 50%;
margin-right: 1.88rem; margin-right: 1.88rem;
border: 2px solid #000; border: .2rem solid #000;
padding: 1.4rem; padding: 1.4rem;
img { img {

View File

@@ -234,12 +234,12 @@ const handleSignup = () => {
-moz-backdrop-filter: blur(35px); -moz-backdrop-filter: blur(35px);
-ms-backdrop-filter: blur(35px); -ms-backdrop-filter: blur(35px);
-o-backdrop-filter: blur(35px); -o-backdrop-filter: blur(35px);
border: 2px solid rgba(255, 255, 255, 0.15); border: .2rem solid rgba(255, 255, 255, 0.15);
border-radius: 4.79rem; border-radius: 4.79rem;
padding: 11.2rem 8.62rem 14.28rem 7.18rem; padding: 11.2rem 8.62rem 14.28rem 7.18rem;
box-shadow: 0 0.8rem 3.2rem rgba(0, 0, 0, 0.1); box-shadow: 0 0.8rem 3.2rem rgba(0, 0, 0, 0.1);
overflow: hidden; overflow: hidden;
border: 2px solid #fff; border: .2rem solid #fff;
font-size: 3.83rem; font-size: 3.83rem;
} }
@@ -247,7 +247,7 @@ const handleSignup = () => {
width: 100%; width: 100%;
height: 10rem; height: 10rem;
padding: 1.6rem 2rem; padding: 1.6rem 2rem;
border: 2px solid #fff; border: .2rem solid #fff;
background: transparent; background: transparent;
border-radius: 7.1rem; border-radius: 7.1rem;
color: white; color: white;
@@ -293,7 +293,7 @@ const handleSignup = () => {
.google-button { .google-button {
width: 100%; width: 100%;
padding: 1.6rem; padding: 1.6rem;
border: 2px solid #fff; border: .2rem solid #fff;
border-radius: 7rem; border-radius: 7rem;
font-size: 3.83rem; font-size: 3.83rem;
cursor: pointer; cursor: pointer;

View File

@@ -183,12 +183,12 @@ const handleSuccess = (data: any) => {
-moz-backdrop-filter: blur(35px); -moz-backdrop-filter: blur(35px);
-ms-backdrop-filter: blur(35px); -ms-backdrop-filter: blur(35px);
-o-backdrop-filter: blur(35px); -o-backdrop-filter: blur(35px);
border: 2px solid rgba(255, 255, 255, 0.15); border: .2rem solid rgba(255, 255, 255, 0.15);
border-radius: 4.79rem; border-radius: 4.79rem;
padding: 6.8rem 5.9rem 6.2rem 7.18rem; padding: 6.8rem 5.9rem 6.2rem 7.18rem;
box-shadow: 0 0.8rem 3.2rem rgba(0, 0, 0, 0.1); box-shadow: 0 0.8rem 3.2rem rgba(0, 0, 0, 0.1);
overflow: hidden; overflow: hidden;
border: 2px solid #fff; border: .2rem solid #fff;
font-size: 3.83rem; font-size: 3.83rem;
} }
} }

View File

@@ -232,12 +232,12 @@ const handleSignupByGoogle = async () => {
-moz-backdrop-filter: blur(35px); -moz-backdrop-filter: blur(35px);
-ms-backdrop-filter: blur(35px); -ms-backdrop-filter: blur(35px);
-o-backdrop-filter: blur(35px); -o-backdrop-filter: blur(35px);
border: 2px solid rgba(255, 255, 255, 0.15); border: .2rem solid rgba(255, 255, 255, 0.15);
border-radius: 4.79rem; border-radius: 4.79rem;
padding: 11.2rem 8.62rem 14.28rem 7.18rem; padding: 11.2rem 8.62rem 14.28rem 7.18rem;
box-shadow: 0 0.8rem 3.2rem rgba(0, 0, 0, 0.1); box-shadow: 0 0.8rem 3.2rem rgba(0, 0, 0, 0.1);
overflow: hidden; overflow: hidden;
border: 2px solid #fff; border: .2rem solid #fff;
font-size: 3.83rem; font-size: 3.83rem;
} }
@@ -245,7 +245,7 @@ const handleSignupByGoogle = async () => {
width: 100%; width: 100%;
height: 10rem; height: 10rem;
padding: 1.6rem 2rem; padding: 1.6rem 2rem;
border: 2px solid #fff; border: .2rem solid #fff;
background: transparent; background: transparent;
border-radius: 7.1rem; border-radius: 7.1rem;
color: white; color: white;
@@ -280,7 +280,7 @@ const handleSignupByGoogle = async () => {
.google-button { .google-button {
width: 100%; width: 100%;
padding: 1.6rem; padding: 1.6rem;
border: 2px solid #fff; border: .2rem solid #fff;
border-radius: 7rem; border-radius: 7rem;
font-size: 3.83rem; font-size: 3.83rem;
cursor: pointer; cursor: pointer;

View File

@@ -45,7 +45,7 @@ const handleNext = () => {
width: 100%; width: 100%;
height: 10rem; height: 10rem;
padding: 2.4rem 5.5rem; padding: 2.4rem 5.5rem;
border: 2px solid #fff; border: .2rem solid #fff;
background: transparent; background: transparent;
border-radius: 7.1rem; border-radius: 7.1rem;
color: white; color: white;

View File

@@ -48,7 +48,7 @@ const handleNext = () => {
width: 100%; width: 100%;
height: 10rem; height: 10rem;
padding: 0 2.2rem 0 5.5rem; padding: 0 2.2rem 0 5.5rem;
border: 2px solid #fff; border: .2rem solid #fff;
border-radius: 7.1rem; border-radius: 7.1rem;
overflow: hidden; overflow: hidden;
box-sizing: border-box; box-sizing: border-box;

View File

@@ -124,7 +124,7 @@ const handleConfirm = async () => {
font-size: 5.6rem; font-size: 5.6rem;
width: 32.5rem; width: 32.5rem;
height: 8.1rem; height: 8.1rem;
border: 2px solid #fff; border: .2rem solid #fff;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
@@ -133,7 +133,7 @@ const handleConfirm = async () => {
} }
.entry-btn { .entry-btn {
position: absolute; position: absolute;
border: 2px solid #fff; border: .2rem solid #fff;
bottom: 10.3rem; bottom: 10.3rem;
right: 5.5rem; right: 5.5rem;
height: 9rem; height: 9rem;
@@ -146,7 +146,7 @@ const handleConfirm = async () => {
.back-container { .back-container {
width: 7.3rem; width: 7.3rem;
height: 7.3rem; height: 7.3rem;
border: 2px solid #fff; border: .2rem solid #fff;
border-radius: 1.8rem; border-radius: 1.8rem;
font-size: 4.3rem; font-size: 4.3rem;
background: rgba(0, 0, 0, 0.2); background: rgba(0, 0, 0, 0.2);
@@ -184,7 +184,7 @@ const handleConfirm = async () => {
.glass-form { .glass-form {
height: 84.8rem; height: 84.8rem;
border: 2px solid #ffffff; border: .2rem solid #ffffff;
border-radius: 4.7rem; border-radius: 4.7rem;
margin: 0 14.2rem; margin: 0 14.2rem;
padding: 8.2rem 7.9rem; padding: 8.2rem 7.9rem;
@@ -215,7 +215,7 @@ const handleConfirm = async () => {
width: 100%; width: 100%;
height: 10rem; height: 10rem;
line-height: 10rem; line-height: 10rem;
border: 2px solid #fff; border: .2rem solid #fff;
border-radius: 7rem; border-radius: 7rem;
padding: 0 5.5rem; padding: 0 5.5rem;
color: #fff; color: #fff;
@@ -240,7 +240,7 @@ const handleConfirm = async () => {
font-size: 4rem; font-size: 4rem;
font-family: 'satoshiRegular'; font-family: 'satoshiRegular';
cursor: pointer; cursor: pointer;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2); box-shadow: 0 .2rem 8px rgba(0, 0, 0, 0.2);
} }
} }
.copyright { .copyright {

View File

@@ -54,7 +54,7 @@ const handleStart = () => {
font-size: 5.6rem; font-size: 5.6rem;
width: 32.5rem; width: 32.5rem;
height: 8.1rem; height: 8.1rem;
border: 2px solid #fff; border: .2rem solid #fff;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;

View File

@@ -194,7 +194,7 @@ watch(showVideo, (newValue) => {
z-index: 3; z-index: 3;
box-shadow: 0 2rem 2.5rem rgba(0, 0, 0, 0.25), 0 0 6rem rgba(0, 0, 0, 0.25); box-shadow: 0 2rem 2.5rem rgba(0, 0, 0, 0.25), 0 0 6rem rgba(0, 0, 0, 0.25);
border: 0.1rem solid rgba(255, 255, 255, 0.2); border: 0.1rem solid rgba(255, 255, 255, 0.2);
filter: drop-shadow(2px 4px 6.6px rgba(0, 0, 0, 0.25)); filter: drop-shadow(.2rem 4px 6.6px rgba(0, 0, 0, 0.25));
&.left { &.left {
left: 1rem; left: 1rem;
} }
@@ -211,8 +211,8 @@ watch(showVideo, (newValue) => {
.swiper-container { .swiper-container {
width: 66rem; width: 66rem;
height: 100rem; height: 100rem;
border: 2px solid #fff; border: .2rem solid #fff;
border-radius: 12px; border-radius: 1.2rem;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;