jiazhizhong/OpenIsle
1
0
Fork 0
mirror of https://github.com/nagisa77/OpenIsle.git synced 2026-06-04 08:57:34 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat: comment ui

Browse Source
This commit is contained in:
tim
2025-07-04 11:39:14 +08:00
parent 859799929b
commit 100bff4a26
2 changed files with 9 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
open-isle-cli/src/components/CommentItem.vue
View File

@@ -1,10 +1,15 @@
<template> <template>
<div class="info-content-container" :style="{ marginLeft: level * 20 + 'px' }"> <div
class="info-content-container"
:style="{
...(level > 0 ? { /*borderLeft: '1px solid #e0e0e0', */borderBottom: 'none' } : {})
}"
>
<div class="user-avatar-container"> <div class="user-avatar-container">
<div class="user-avatar-item"> <div class="user-avatar-item">
<img class="user-avatar-item-img" :src="comment.avatar" alt="avatar" /> <img class="user-avatar-item-img" :src="comment.avatar" alt="avatar" />
</div> </div>
</div> </div>
<div class="info-content"> <div class="info-content">
<div class="info-content-header"> <div class="info-content-header">
<div class="user-name">{{ comment.userName }}</div> <div class="user-name">{{ comment.userName }}</div>
@@ -78,10 +83,8 @@ export default CommentItem
.reply-toggle { .reply-toggle {
cursor: pointer; cursor: pointer;
color: var(--primary-color); color: var(--primary-color);
margin-top: 10px;
user-select: none; user-select: none;
} }
.reply-list { .reply-list {
margin-top: 10px;
} }
</style> </style>

4
open-isle-cli/src/views/PostPageView.vue
View File

@@ -236,7 +236,7 @@ export default {
} }
</script> </script>
<style scoped> <style>
.post-page-container { .post-page-container {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
@@ -362,9 +362,9 @@ export default {
.info-content-container { .info-content-container {
margin-top: 20px; margin-top: 20px;
display: flex; display: flex;
width: 100%;
flex-direction: row; flex-direction: row;
gap: 10px; gap: 10px;
padding: 0px;
border-bottom: 1px solid #e2e2e2; border-bottom: 1px solid #e2e2e2;
} }