默认头像防止裂图

pages/account/index.vue

@@ -2,7 +2,7 @@
 .account
   .header
     label.img_add(for="img_add")
-      img.avatar(:src="account.avatar")
+      img.avatar(:src="account.avatar" onerror="this.src='data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7'")
       span.fa.fa-edit.avatar-edit
     .name {{ account.name }}
     input#img_add(type="file", accept="image/*", @change="upload($event)")
@@ -53,6 +53,7 @@ export default {
       border: none
       border-radius: 50%
       overflow: hidden
+      background: rgba(0, 0, 0, .05)
     .img_add
       cursor: pointer
       position: relative

pages/thread/_id.vue

@@ -22,7 +22,7 @@ Drawer
       //  | Editor
       PostList(:data.sync="postlist")
       .post-create(v-if="account.online")
-        img.avatar(:src="account.avatar")
+        img.avatar(:src="account.avatar" onerror="this.src='data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7'")
         .content
           textarea(v-model="post.data", rows="12")
           button.submit(@click="createpost") 发表
@@ -117,7 +117,7 @@ export default {
     width: 48px
     height: 48px
     border-radius: 50%
-    background: rgba(0, 0, 0, .5)
+    background: rgba(0, 0, 0, .05)
   >.content
     flex: 1
     padding-left: 1rem