默认头像防止裂图

This commit is contained in:
2024-04-16 20:06:06 +08:00
parent 6387168d3d
commit 91b81b8bf4
5 changed files with 10 additions and 8 deletions

View File

@ -3,7 +3,7 @@
ul(v-if="data.length") ul(v-if="data.length")
li(v-for="item in data", :key="item._id") li(v-for="item in data", :key="item._id")
NuxtLink(:to="`/user/${item.user._id}`") NuxtLink(:to="`/user/${item.user._id}`")
img.avatar(:src="item.user.avatar") img.avatar(:src="item.user.avatar" onerror="this.src='data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7'")
.content .content
.name(:class="{ adminname: item.user.gid === 1 }") {{ item.user.name }} .name(:class="{ adminname: item.user.gid === 1 }") {{ item.user.name }}
.info .info
@ -133,7 +133,7 @@ export default {
); );
} }
}); });
}, }
}, },
}; };
</script> </script>

View File

@ -3,7 +3,7 @@
ul(v-if="data.length") ul(v-if="data.length")
li(v-for="item in data", :key="item._id") li(v-for="item in data", :key="item._id")
NuxtLink(:to="'/user/' + item.user._id") NuxtLink(:to="'/user/' + item.user._id")
img.avatar(:src="item.user.avatar") img.avatar(:src="item.user.avatar" onerror="this.src='data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7'")
NuxtLink.content(:to="'/thread/' + item._id") NuxtLink.content(:to="'/thread/' + item._id")
.title {{ item.title }} .title {{ item.title }}
.info .info
@ -58,7 +58,7 @@ export default {
rwdate(utc) { rwdate(utc) {
let t = new Date(utc); let t = new Date(utc);
return t.getMonth() + 1 + "月 " + t.getDate() + ", " + t.getFullYear(); return t.getMonth() + 1 + "月 " + t.getDate() + ", " + t.getFullYear();
}, }
}, },
}; };
</script> </script>

View File

@ -11,7 +11,7 @@
.online .online
.navbar-user(v-if="account.online") .navbar-user(v-if="account.online")
NuxtLink.userinfo(to="/account") 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 }} span.name {{ account.name }}
.navbar-sign(v-else) .navbar-sign(v-else)
NuxtLink.button(to="/account/signin") Signin NuxtLink.button(to="/account/signin") Signin
@ -107,6 +107,7 @@ export default {
height: 24px height: 24px
border-radius: 50% border-radius: 50%
margin-right: .5rem margin-right: .5rem
background: rgba(0, 0, 0, .05)
.navbar-sign .navbar-sign
a.button a.button
margin-right: .5rem margin-right: .5rem

View File

@ -2,7 +2,7 @@
.account .account
.header .header
label.img_add(for="img_add") 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 span.fa.fa-edit.avatar-edit
.name {{ account.name }} .name {{ account.name }}
input#img_add(type="file", accept="image/*", @change="upload($event)") input#img_add(type="file", accept="image/*", @change="upload($event)")
@ -53,6 +53,7 @@ export default {
border: none border: none
border-radius: 50% border-radius: 50%
overflow: hidden overflow: hidden
background: rgba(0, 0, 0, .05)
.img_add .img_add
cursor: pointer cursor: pointer
position: relative position: relative

View File

@ -22,7 +22,7 @@ Drawer
// | Editor // | Editor
PostList(:data.sync="postlist") PostList(:data.sync="postlist")
.post-create(v-if="account.online") .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 .content
textarea(v-model="post.data", rows="12") textarea(v-model="post.data", rows="12")
button.submit(@click="createpost") 发表 button.submit(@click="createpost") 发表
@ -117,7 +117,7 @@ export default {
width: 48px width: 48px
height: 48px height: 48px
border-radius: 50% border-radius: 50%
background: rgba(0, 0, 0, .5) background: rgba(0, 0, 0, .05)
>.content >.content
flex: 1 flex: 1
padding-left: 1rem padding-left: 1rem