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

todolist

Browse Source
This commit is contained in:
xiaoaojiao
2025-09-14 22:18:52 +08:00
parent 7f29511cb6
commit f59feef223
21 changed files with 215 additions and 225 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
src/components/PhotoSquare.vue
View File

@@ -134,7 +134,7 @@ markers.value = [
<ModalTransition class="photoSquare" :no-animation="true" :show="show">
<div class="photoSquare-bg">
<div class="scene-item item-1" @click="goBack">
<img src="../assets/images/close-btn.png" alt="关闭按钮">
<img src="../assets/images/close-btn.webp" alt="关闭按钮">
</div>
<div v-for="(marker, index) in markers"
@@ -161,7 +161,7 @@ markers.value = [
<div class="image-container mask-background">
</div>
<img
src="../assets/images/zpgc-border.png"
src="../assets/images/zpgc-border.webp"
class="border-image"
alt="border"
/>
@@ -184,7 +184,7 @@ markers.value = [
<div class="image-container mask-background">
</div>
<img
src="../assets/images/zpgc-border.png"
src="../assets/images/zpgc-border.webp"
class="border-image"
alt="border"
/>
@@ -213,7 +213,7 @@ markers.value = [
<div class="image-wrapper-share">
<div class="image-container-share mask-background">
</div>
<img src="../assets/images/zpgc-border.png" class="border-image-share" alt="border" />
<img src="../assets/images/zpgc-border.webp" class="border-image-share" alt="border" />
<div class="flex-container-detail-invite">
<div class="left-group-left">
<p class="photo-number">111</p>
@@ -225,7 +225,7 @@ markers.value = [
</div>
<div class="ranking-title" @click="inviteHelp">
<img src="/src/assets/images/dianzan.png" alt="点赞">
<img src="/src/assets/images/dianzan.webp" alt="点赞">
</div>
</div>
</div>
@@ -284,7 +284,7 @@ markers.value = [
.image-container-share {
width: 77vw;
height: 43vh;
background-image: url(/src/assets/images/test.png);
background-image: url(/src/assets/images/test.webp);
background-size: cover;
background-repeat: no-repeat;
display: flex;
@@ -342,7 +342,7 @@ markers.value = [
margin: 0;
}
.fixed-background-container {
background-image: url('../assets/images/paiming-border.png');
background-image: url('../assets/images/paiming-border.webp');
position: fixed;
bottom: 1vh;
left: 5vw;
@@ -377,7 +377,7 @@ markers.value = [
.image-container {
width: 38vw;
height: 28vh;
background-image: url('../assets/images/test.png');
background-image: url('../assets/images/test.webp');
background-size: cover;
background-repeat: no-repeat;
display: flex;
@@ -391,8 +391,8 @@ markers.value = [
}
.mask-background {
-webkit-mask-image: url("../assets/images/my-photo-mengban.png");
mask-image: url("../assets/images/my-photo-mengban.png");
-webkit-mask-image: url("../assets/images/my-photo-mengban.webp");
mask-image: url("../assets/images/my-photo-mengban.webp");
-webkit-mask-size: contain;
mask-size: contain;
-webkit-mask-position: center;
@@ -408,7 +408,7 @@ markers.value = [
.photoSquare-bg {
width: 100%;
height: 92vh;
background-image: url('../assets/images/photo-squarev2.png');
background-image: url('../assets/images/photo-squarev2.webp');
background-size: cover;
background-repeat: no-repeat;
display: flex;