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

fix

Browse Source
This commit is contained in:
yixu
2025-09-18 21:47:31 +08:00
parent 31b5e048cc
commit 7f22f7a0c7
1 changed files with 28 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

34
src/components/PhotoSquare.vue
View File

@@ -101,7 +101,7 @@ const getInviteInfo = ()=> {
linkCountInvite.value = data.likes_count; linkCountInvite.value = data.likes_count;
} else { } else {
ElMessage.error(data.message); ElMessage.error(data.message);
emit('update:show', false); // emit('update:show', false);
} }
}) })
.catch((error) => { .catch((error) => {
@@ -239,7 +239,7 @@ const getBackgroundImage = (item) => {
<div class="left-group"> <div class="left-group">
<p class="photo-number">{{ ranking }}</p> <p class="photo-number">{{ ranking }}</p>
<img :src="userImg" class="user-img" alt=""> <img :src="userImg" class="user-img" alt="">
<p class="photo-name bold">{{ username }}</p> <p class="photo-name-square bold">{{ username }}</p>
</div> </div>
<p class="right-item photo-name bold" style="padding-left: 3vw;">{{ likesCount }}赞</p> <p class="right-item photo-name bold" style="padding-left: 3vw;">{{ likesCount }}赞</p>
</div> </div>
@@ -253,8 +253,8 @@ const getBackgroundImage = (item) => {
<img src="../assets/images/zpgc-border.webp" 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="flex-container-detail-invite">
<div class="photo-number">{{ rankingInvite }}</div> <div class="photo-number">{{ rankingInvite }}</div>
<div class="photo-name">{{ nameInvite }}</div> <div class="photo-name-invite">{{ nameInvite }}</div>
<div class="right-item photo-name">{{ linkCountInvite }}赞</div> <div class="link-count-invite">{{ linkCountInvite }}赞</div>
</div> </div>
</div> </div>
</div> </div>
@@ -302,8 +302,30 @@ const getBackgroundImage = (item) => {
width: 100%; width: 100%;
padding: 0px 13vw; padding: 0px 13vw;
} }
.flex-container-detail-invite .photo-name { .photo-name-square {
max-width: 24vw; min-width: 14vw;
max-width: 40vw;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
color: #93551f;
}
.photo-name-invite {
min-width: 14vw;
max-width: 30vw;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
color: #93551f;
}
.link-count-invite {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
color: #93551f;
padding-left: 2vw;
margin-left: auto;
flex-shrink: 0;
} }
.left-group-left { .left-group-left {
display: flex; display: flex;