fixed: followView layout display error

radishes-music · Feb 22, 2021 · 5402c19 · 5402c19
1 parent e57cb8f
commit 5402c19
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 8 deletions.
diff --git a/src/pages/userinfo/hooks.ts b/src/pages/userinfo/hooks.ts
@@ -29,13 +29,13 @@ export const useGetFollowList = () => {
         } = info
 
         return {
-          avatarIcon: avatarDetail.identityIconUrl,
+          avatarIcon: avatarDetail?.identityIconUrl,
           avatar: avatarUrl,
           followeds,
           nickname,
           playlistCount,
           signature,
-          vip: vipRights.associator.rights ? vipRights.redVipLevel : 0
+          vip: vipRights?.associator.rights ? vipRights.redVipLevel : 0
         }
       })
     } catch (e) {

diff --git a/src/pages/userinfo/views/follow-view/Card.tsx b/src/pages/userinfo/views/follow-view/Card.tsx
@@ -23,12 +23,14 @@ export const FollowCard = defineComponent({
               fit="cover"
               src={info.avatar}
             ></Image>
-            <Image
-              width="22"
-              height="22"
-              src={info.avatarIcon}
-              class="follow-card__avataricon"
-            ></Image>
+            {info.avatarIcon && (
+              <Image
+                width="22"
+                height="22"
+                src={info.avatarIcon}
+                class="follow-card__avataricon"
+              ></Image>
+            )}
           </div>
           <div class="follow-card__info">
             <div class="follow-card__title">

diff --git a/src/pages/userinfo/views/follow-view/index.less b/src/pages/userinfo/views/follow-view/index.less
@@ -2,6 +2,7 @@
   display: flex;
   flex-wrap: wrap;
   justify-content: space-between;
+  height: auto !important;
 }
 
 .follow-card {