bug fixes

src/components/MemberItem.vue

@@ -5,7 +5,7 @@
     </div>
     <slot name="member-before" :user="data"></slot>
     <div class="member-item-content">
-      <h4>{{ data.personal_name }}</h4>
+      <h4>{{ data.nickname || data.personal_name }}</h4>
       <p>{{ data.class_name }}</p>
     </div>
     <slot name="member-after" :user="data"></slot>
@@ -30,6 +30,7 @@ export default {
   height: 40px;
   border-radius: 50%;
   background-color: #ccc;
+  overflow: hidden;
   img {
     width: 100%;
     height: 100%;

src/views/my/Index.vue

@@ -15,7 +15,9 @@
         <img :src="user.avatar | avatar" />
       </div>
       <div class="user-content">
-        <div class="user-content__name">{{ user.personal_name }}</div>
+        <div class="user-content__name">
+          {{ user.nickname || user.personal_name }}
+        </div>
         <div class="user-content__info">{{ user.class_name }}</div>
       </div>
       <div class="user-aside">
@@ -129,7 +131,7 @@ export default {
   img {
     width: 100%;
     height: 100%;
-    object-fit: contain;
+    object-fit: cover;
   }
 }
 .user-content {