默认头像防止裂图

2024-04-16 20:06:06 +08:00
parent 6387168d3d
commit 91b81b8bf4
5 changed files with 10 additions and 8 deletions
--- a/layouts/default.vue
+++ b/layouts/default.vue
@@ -11,7 +11,7 @@
      .online
        .navbar-user(v-if="account.online")
          NuxtLink.userinfo(to="/account")
-            img.avatar(:src="account.avatar")
+            img.avatar(:src="account.avatar" onerror="this.src='data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7'")
            span.name {{ account.name }}
        .navbar-sign(v-else)
          NuxtLink.button(to="/account/signin") Signin
@@ -107,6 +107,7 @@ export default {
              height: 24px
              border-radius: 50%
              margin-right: .5rem
+              background: rgba(0, 0, 0, .05)
        .navbar-sign
          a.button
            margin-right: .5rem