diff --git a/docs/widget/src/core/CWDComments.js b/docs/widget/src/core/CWDComments.js index e2be762..8c4fbfe 100644 --- a/docs/widget/src/core/CWDComments.js +++ b/docs/widget/src/core/CWDComments.js @@ -301,7 +301,7 @@ export class CWDComments { existingSuccess.remove(); } - // 创建头部统计 + // 创建头部点赞区域 let header = this.mountPoint.querySelector('.cwd-comments-header'); if (!header) { header = document.createElement('div'); @@ -318,16 +318,9 @@ export class CWDComments {
已有 0人喜欢~
-

- 共 0 条评论 -

`; this.mountPoint.appendChild(header); } - const countEl = header.querySelector('.cwd-comments-count-number'); - if (countEl) { - countEl.textContent = state.pagination.totalCount; - } this._initLikeButton(header); @@ -350,6 +343,25 @@ export class CWDComments { this.commentForm.render(); } + // 创建评论数统计(放在主评论表单下方、评论列表上方) + let countHeading = this.mountPoint.querySelector('.cwd-comments-count'); + if (!countHeading) { + countHeading = document.createElement('h3'); + countHeading.className = 'cwd-comments-count'; + countHeading.innerHTML = ` + 共 0 条评论 + `; + if (this.formContainer && this.formContainer.parentNode === this.mountPoint) { + this.mountPoint.insertBefore(countHeading, this.formContainer.nextSibling); + } else { + this.mountPoint.appendChild(countHeading); + } + } + const countEl = this.mountPoint.querySelector('.cwd-comments-count-number'); + if (countEl) { + countEl.textContent = state.pagination.totalCount; + } + // 创建评论列表 if (!this.commentList) { const listContainer = document.createElement('div'); @@ -460,9 +472,9 @@ export class CWDComments { existingSuccess.remove(); } - // 更新头部统计 + // 更新点赞和评论数统计 const header = this.mountPoint?.querySelector('.cwd-comments-header'); - const countEl = header?.querySelector('.cwd-comments-count-number'); + const countEl = this.mountPoint?.querySelector('.cwd-comments-count-number'); if (countEl) { countEl.textContent = state.pagination.totalCount; }