feat: 重构留言板功能并优化UI样式

重构留言板功能,移除嵌套留言Demo页面,优化留言数据结构。新增验证码功能防止垃圾留言,改进留言列表UI样式。添加留言回复功能,支持@用户显示。优化全局状态管理,增加localStorage持久化功能。

更新技术栈依赖,包括Element Plus图标和Undraw UI组件库。调整文章详情页布局,整合留言板到文章页。修复文章浏览量统计接口路径问题,统一使用viewCount字段。

优化移动端响应式布局,改进留言表单验证逻辑。新增留言相关文章显示功能,完善用户头像生成逻辑。调整首页文章卡片样式,增加阅读量、点赞数和评论数显示。
This commit is contained in:
qingfeng1121
2025-10-22 13:28:47 +08:00
parent b042e2a511
commit 5b3fba7bfb
16 changed files with 1336 additions and 627 deletions

View File

@@ -10,7 +10,7 @@
</div>
<div id="cont">
<div class="cont1">
<h2>小颠片刻</h2>
<h3>小颠片刻</h3>
<p>左眼右右眼左四十五度成就美</p>
</div>
<div class="cont2">
@@ -124,15 +124,16 @@ onUnmounted(() => {
.cont1 {
text-align: center;
padding: 25px;
background-color: rgba(102, 161, 216, 0.9); /* 蓝色半透明背景 */
border-radius: 10px 10px 0 0;
}
.cont1 h2 {
color: #333;
.cont1 h3 {
margin-bottom: 10px;
}
.cont1 p {
color: #666;
color: white;
font-size: 14px;
}