 zqlit
|
202ee76cd2
|
edit(关于页): 动画只播一次，滚回不再重播
- 删掉内容组全部 repeat: true（attrs/tl/stats/bars/tags/走心评论/相册）
- 首次滚进照常播入场动画，滚回保持就位不重播不重藏
- 分类条 inview 常驻 → 宽度保持不重长
- 同步更新各处注释
|
2026-10-07 22:54:37 +08:00 |
|
|
zqlit
|
654de1fdf0
|
feat(关于页): 重设计为「时间线 + 数据一览」版式，动效对齐全站 UIKit 范式
- 版式：01 关于我（属性四行 + 时间线四节点 + 三张数据卡 + 分类 Top5 条，
全部构建期实时统计，新增 partial about-intro.html）+ 02 这个博客 + 03 走心
评论 + 04 热力图，间距统一由 .about-sec 管，字号统一四档
- 动效：纯官方 UIKit scrollspy（与归档页同源）—— target 一律后代选择器、
动画类用 uk-animation-slide-*-medium（50px 位移）+ repeat:true 滚回重播、
分节标题 fade 不 repeat；删自研编排器，CSS 只留分类条宽度填充与
prefers-reduced-motion 守卫
- 修复 PJAX 下 UIKit 不重绑的既有 bug：mypjax.js 换页后调 UIkit.update()
（评论区/说说的 scrollspy 同样依赖此修复）
- 走心评论：骨架屏、8s 超时、sessionStorage 缓存（10 分钟）、重试按钮；
异步渲染后手动 UIkit.update() 让卡片参与入场级联
|
2026-10-07 21:45:46 +08:00 |
|
|
zqlit
|
c837d72b1a
|
feat(评论): 最近表情改为分组 tab + 提交后面板收起 + 小编徽章配色 + 走心评论 20 条
- emoticon-recent.js: 「最近使用」从面板顶部独立栏重构为分组切换条最左侧的
同构 tab（data-index="recent"），无记录时整个 tab 隐藏；复用 Artalk 原生
.atk-grp[data-type=image] 网格样式，零自定义布局。
- artalk.js:
· 新建评论成功（res.ok）后，对当前激活的插件按钮派发 click()，收起仍展开的
表情面板（Artalk 上游只 reset 输入内容、不关面板），内部 openedPlug 状态同步复位。
· 徽章处理末尾把徽章文字镜像到 data-badge 属性，供 CSS 按名字配色。
- artalk.html: 新增 .atk-badge[data-badge="小编"] 玫红实底规则（含暗色模式），
特异性高于博主规则，两者互不覆盖。
- featured-comments.html: 走心评论 limit 8 → 20（后端上限）。
- main.css: 移除旧 .atk-recent-emoticons 相关样式。
|
2026-10-05 17:34:18 +08:00 |
|
|
zqlit
|
8a6c291a8a
|
feat: 走心评论（精选评论）+ 移动端评论框底栏布局修复
- 底栏：≤480px 压缩按钮内边距，SE 等小屏单行放下；换行时按钮组右对齐
- Worker：comments 加 is_featured；PUT /comments/:id 支持切换；新增公开接口
GET /api/v2/featured/comments（排除悄悄话/待审/已删，服务端渲染 markdown）
- 前端：评论区注入「精选」按钮（回复右侧，仅管理员可见）
- 关于页：走心评论板块（标题寄语通栏 + 卡片瀑布流），排在热力图上方
|
2026-10-05 12:08:33 +08:00 |
|