Blizzard
c7135424e5
## 保存到相册点了没反应 上次改的时候，插入方法的锚点用的是「// AI 聊天」那段注释，而它在 AI 独立成页时已经被删掉了 —— 替换没匹配上，onSavePoster / drawPoster / saveToAlbum 三个方法一个都没进 js，按钮绑了个不存在的方法。 我的检查器没拦住，是因为「事件绑定是否有实现」那条写在临时的 audit.js 里，日常只跑 check.js。已经把这条并进 check.js —— 加完立刻抓出了本次 新写的 13 处缺样式 class，说明它管用。 ## 社区 帖子操作栏原来是 space-around 排三个宽度不一的项：点赞数从 9 变 10 整行就会跳。改成三等分，图标 32rpx 居中对齐，没有数字时显示「点赞/评论」 而不是一个孤零零的 0，加了按下态。 帖子头部原来副标题固定写死「宠友」两个字，等于没有信息。换成发布时间 （刚刚 / 12 分钟前 / 3 天前）。 评论弹层原来拿 .record-row 当评论用 —— 那是个「左右两端对齐」的行， 昵称在左内容在右，评论一长就被挤扁，完全不是评论该有的样子。重做成 头像 + 昵称/时间 + 内容的正常结构；没有头像字段就用昵称首字做色块， 比一律显示同一个 emoji 强。发送按钮有输入才点亮，支持键盘回车发送。 Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
49 lines
2.4 KiB
Plaintext
49 lines
2.4 KiB
Plaintext
.compose-card{margin-bottom:var(--sp-4)}
|
|
|
|
.post-card{background:#fff;border-radius:var(--r-lg);box-shadow:var(--sd-1);padding:var(--sp-4);margin-bottom:var(--sp-4)}
|
|
.post-head{display:flex;align-items:center;gap:var(--sp-3);margin-bottom:var(--sp-3)}
|
|
.post-avatar{
|
|
width:80rpx;height:80rpx;border-radius:var(--r-sm);background:var(--primary-soft);
|
|
display:flex;align-items:center;justify-content:center;font-size:40rpx;flex:none;
|
|
}
|
|
.post-user{flex:1;min-width:0}
|
|
.pu-b{font-size:var(--fs-md);display:block;font-weight:var(--fw-b)}
|
|
.ai-tag{
|
|
display:inline-block;margin-left:var(--sp-1);padding:0 var(--sp-1);border-radius:var(--r-xs);
|
|
background:var(--blue-soft);color:var(--blue-ink);font-size:var(--fs-cap);font-weight:var(--fw-b);vertical-align:1rpx;
|
|
}
|
|
.pu-s{font-size:var(--fs-sm);color:var(--muted)}
|
|
.post-content{font-size:var(--fs-md);line-height:1.62;color:var(--text-2);margin-bottom:var(--sp-3)}
|
|
|
|
.photo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-1);margin-bottom:var(--sp-3)}
|
|
.photo-tile{
|
|
aspect-ratio:1;border-radius:var(--r-sm);background:var(--primary-soft);
|
|
display:flex;align-items:center;justify-content:center;font-size:56rpx;
|
|
}
|
|
|
|
/* 三等分。原来是 space-around 排三个宽度不一的项，点赞数一变宽度就跳 */
|
|
.post-actions{display:flex;border-top:1rpx solid var(--line);padding-top:var(--sp-2)}
|
|
.pa-btn{
|
|
flex:1;height:72rpx;
|
|
display:flex;align-items:center;justify-content:center;gap:var(--sp-1);
|
|
color:var(--muted);font-weight:var(--fw);font-size:var(--fs-sm);
|
|
}
|
|
.pa-n{line-height:1}
|
|
.pa-btn.liked{color:var(--red-ink)}
|
|
.pa-btn:active{background:var(--surface-2);border-radius:var(--r-sm)}
|
|
/* 分享用微信原生 open-type=share，得抹掉 button 默认外观 */
|
|
.pa-share{background:transparent;border:none;padding:0;margin:0;line-height:inherit}
|
|
.pa-share::after{border:none}
|
|
|
|
/* 关注按钮 */
|
|
.follow-btn{
|
|
flex:none;font-size:var(--fs-cap);font-weight:var(--fw-b);padding:6rpx var(--sp-3);border-radius:var(--r-full);
|
|
color:var(--primary-dark);background:var(--primary-soft);border:1rpx solid var(--primary-line);
|
|
}
|
|
.follow-btn.on{color:var(--muted);background:#F4F1EC;border-color:var(--line)}
|
|
|
|
.retry-btn{
|
|
margin-top:var(--sp-3);display:inline-block;padding:var(--sp-2) var(--sp-6);border-radius:var(--r-full);
|
|
background:var(--primary-soft);color:var(--primary-dark);font-weight:var(--fw-b);font-size:var(--fs-sm);
|
|
}
|