diff --git a/src/components/PhotoSquare.vue b/src/components/PhotoSquare.vue
index c2f1a82..4f3d4d4 100644
--- a/src/components/PhotoSquare.vue
+++ b/src/components/PhotoSquare.vue
@@ -101,7 +101,7 @@ const getInviteInfo =  ()=> {
       linkCountInvite.value = data.likes_count;
     } else {
       ElMessage.error(data.message);
-      emit('update:show', false);
+      // emit('update:show', false);
     }
   })
   .catch((error) => {
@@ -239,7 +239,7 @@ const getBackgroundImage = (item) => {
           <div class="left-group">
             <p class="photo-number">{{ ranking }}</p>
             <img :src="userImg" class="user-img" alt="">
-            <p class="photo-name bold">{{ username }}</p>
+            <p class="photo-name-square bold">{{ username }}</p>
           </div>
           <p class="right-item photo-name bold" style="padding-left: 3vw;">{{ likesCount }}赞</p>
         </div>
@@ -253,8 +253,8 @@ const getBackgroundImage = (item) => {
             <img src="../assets/images/zpgc-border.webp" class="border-image-share" alt="border" />
             <div class="flex-container-detail-invite">
               <div class="photo-number">{{ rankingInvite }}</div>
-              <div class="photo-name">{{ nameInvite }}</div>
-              <div class="right-item photo-name">{{ linkCountInvite }}赞</div>
+              <div class="photo-name-invite">{{ nameInvite }}</div>
+              <div class="link-count-invite">{{ linkCountInvite }}赞</div>
             </div>
           </div>
         </div>
@@ -302,8 +302,30 @@ const getBackgroundImage = (item) => {
   width: 100%;
   padding: 0px 13vw;
 }
-.flex-container-detail-invite .photo-name {
-  max-width: 24vw;
+.photo-name-square {
+  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 {
   display: flex;