satori/kana-bbs
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

默认头像防止裂图

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
components/PostList.vue
View File

@ -3,7 +3,7 @@
ul(v-if="data.length")
li(v-for="item in data", :key="item._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
.name(:class="{ adminname: item.user.gid === 1 }") {{ item.user.name }}
.info
@ -133,7 +133,7 @@ export default {
);
}
});
},
}
},
};
</script>

4
components/ThreadList.vue
View File

@ -3,7 +3,7 @@
ul(v-if="data.length")
li(v-for="item in data", :key="item._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")
.title {{ item.title }}
.info
@ -58,7 +58,7 @@ export default {
rwdate(utc) {
let t = new Date(utc);
return t.getMonth() + 1 + "月 " + t.getDate() + ", " + t.getFullYear();
},
}
},
};
</script>

3
layouts/default.vue
View File

@ -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

3
pages/account/index.vue
View File

@ -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

4
pages/thread/_id.vue
View File

@ -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