Blizzard
b99099759f
app.wxss 是从 preview.html 迁移来的，带来一批小程序里根本不生效的
标签选择器（wxml 没有 h2/p/b/span）：.page-title h2、.task-text b、
.stat b、.article-card p、.record-row span、.poster h3。各页当初都
自建了替身 class，于是 .pt-h2 在 5 个文件里逐字重复、.ac-b 3 处、
.tt-b 2 处、page{height:100vh} 更是 9 个文件一模一样抄了 9 遍。
- 删掉 6 组死规则，替身 class 收进 app.wxss
- 页面骨架 page{} / .page-scroll / .page-body 统一到 app.wxss
- learn.wxss 清空后删除（该页已无私有样式）
- 左右留白统一 40rpx（home/article 原本是 36rpx）
顺带修一个真 bug：FAB 固定在 bottom:190rpx、高 116rpx，上沿距底
306rpx，但 7 个挂 FAB 的页面只留了 210rpx（learn/profile 更只有
60rpx）底部留白，最后一张卡片一直被它压住。改为 --pad-b-fab 330rpx。
本次不含任何色值/字号/圆角改动，设计调整在下一步。
Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
51 lines
2.4 KiB
Plaintext
51 lines
2.4 KiB
Plaintext
.feed-tabs{white-space:nowrap;padding:0 0 24rpx}
|
|
.feed-tab{
|
|
display:inline-block;border:1rpx solid var(--line);background:#fff;border-radius:999rpx;
|
|
height:68rpx;line-height:68rpx;padding:0 26rpx;color:var(--muted);font-size:26rpx;font-weight:900;
|
|
box-shadow:0 12rpx 32rpx rgba(70,48,25,.05);margin-right:16rpx;
|
|
}
|
|
.feed-tab.active{color:var(--primary-dark);background:#FFF4E4;border-color:#FFD39A}
|
|
|
|
.compose-card{margin-bottom:28rpx}
|
|
|
|
.post-card{background:#fff;border-radius:48rpx;box-shadow:var(--shadow);padding:30rpx;margin-bottom:28rpx}
|
|
.post-head{display:flex;align-items:center;gap:20rpx;margin-bottom:22rpx}
|
|
.post-avatar{
|
|
width:84rpx;height:84rpx;border-radius:32rpx;background:#FFF0D8;
|
|
display:flex;align-items:center;justify-content:center;font-size:44rpx;flex:none;
|
|
}
|
|
.post-user{flex:1}
|
|
.pu-b{font-size:28rpx;display:block;font-weight:700}
|
|
.ai-tag{display:inline-block;margin-left:10rpx;padding:0 10rpx;border-radius:8rpx;background:#EAF0FF;color:#3B6BE5;font-size:20rpx;font-weight:700;vertical-align:1rpx}
|
|
.pu-s{font-size:24rpx;color:var(--muted)}
|
|
.post-content{font-size:28rpx;line-height:1.62;color:#443D37;margin-bottom:24rpx}
|
|
|
|
.photo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12rpx;margin-bottom:24rpx}
|
|
.photo-tile{
|
|
aspect-ratio:1;border-radius:32rpx;background:linear-gradient(135deg,#FFE6BA,#FFF8ED);
|
|
display:flex;align-items:center;justify-content:center;font-size:60rpx;
|
|
}
|
|
|
|
.post-actions{display:flex;justify-content:space-around;border-top:1rpx solid var(--line);padding-top:20rpx}
|
|
.pa-btn{color:var(--muted);font-weight:900;font-size:26rpx}
|
|
.pa-btn.liked{color:var(--red)}
|
|
|
|
.empty-hint{text-align:center;color:var(--muted);font-size:26rpx;padding:80rpx 0}
|
|
|
|
/* 页面不自身滚动，改由 page-scroll 承载滚动（隐藏滚动条）*/
|
|
|
|
/* 帖子分享按钮：用微信原生 open-type=share，需抹掉 button 默认外观 */
|
|
.pa-share{
|
|
background:transparent;border:none;padding:0;margin:0;line-height:inherit;
|
|
font-size:26rpx;font-weight:900;color:var(--muted);
|
|
}
|
|
.pa-share::after{border:none}
|
|
|
|
/* 关注按钮 */
|
|
.follow-btn{
|
|
flex:none;font-size:22rpx;font-weight:700;padding:6rpx 18rpx;border-radius:999rpx;
|
|
color:var(--primary-dark);background:#FFF2DC;border:1rpx solid #FFD39A;
|
|
}
|
|
.follow-btn.on{color:var(--muted);background:#F4F1EC;border-color:var(--line)}
|
|
.retry-btn{margin-top:20rpx;display:inline-block;padding:12rpx 36rpx;border-radius:999rpx;background:#FFF2DC;color:var(--primary-dark);font-weight:700;font-size:26rpx}
|