星空页留言:整页都能上滑(按在星空上也能滑),点击转给底下的星星和按钮
Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
@@ -12,7 +12,7 @@
|
||||
<!-- V:26110614 缓存版本标记:改 css/js 时同步 bump 该值(与 js/app.js 的 VER 同源),静态资源按 mtime 走 ETag 自动刷新 -->
|
||||
<link rel="stylesheet" href="mama-box.css">
|
||||
<link rel="stylesheet" href="night.css?v=26110608">
|
||||
<link rel="stylesheet" href="js/wh-cm.css?v=26110613">
|
||||
<link rel="stylesheet" href="js/wh-cm.css?v=26110615">
|
||||
<!-- 11-04 用户:「顶部图片上的倒计时先删除掉」→ 不加载 hero-cd.css / hero-cd.js(文件留着,加回这两行即恢复),头图回到原样式 -->
|
||||
<!-- 夜晚模式:首屏绘制前就按上次的选择加 class,避免先白后黑闪一下(开关在首页右上角 #nightBtn,逻辑见 app.js) -->
|
||||
<script>try{if(localStorage.getItem('mmbox.night.v1')==='1'){document.documentElement.classList.add('night');document.querySelector('meta[name=theme-color]').content='#2A2340'}}catch(e){}</script>
|
||||
@@ -2680,7 +2680,7 @@ html.night .rs-pan .rp-card{background:rgba(255,255,255,.06);border-color:rgba(2
|
||||
<script src="guangchang/topics.js?v=26110487"></script>
|
||||
<script src="js/ava-pool.js?v=26110487"></script> <!-- 11-05 装饰头像分配表(各模块互不重复) -->
|
||||
<script src="js/wh-themes.js?v=26110609"></script>
|
||||
<script src="js/wh-cm.js?v=26110613" defer></script>
|
||||
<script src="js/wh-cm.js?v=26110615" defer></script>
|
||||
<script src="js/app.js"></script>
|
||||
<script src="js/kit.js?v=26110605"></script>
|
||||
<!-- 11-05 用户:孕期百问加上跟趣味小测试一样的底部 Tab(孕期百问 / 记一下 / 返回首页)。挂在 #detailQA 里,面板关着时跟着滑出屏外;
|
||||
|
||||
@@ -1,8 +1,8 @@
|
||||
/* 星空页 · 妈妈们的留言(2026-11-07,js/wh-cm.js):深靛紫玻璃,跟星空一个色系,不用白底 */
|
||||
.wcm{position:absolute;inset:0;z-index:4;overflow-y:auto;overscroll-behavior:contain;pointer-events:none;scrollbar-width:none;-webkit-overflow-scrolling:touch}
|
||||
.wcm{position:absolute;inset:0;z-index:4;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch}
|
||||
.wcm::-webkit-scrollbar{display:none}
|
||||
.wcm-sp{height:calc(100% - 158px - env(safe-area-inset-bottom));pointer-events:none}
|
||||
.wcm-in{position:relative;pointer-events:auto;min-height:calc(100% - 60px);padding-bottom:calc(24px + env(safe-area-inset-bottom));
|
||||
.wcm-sp{height:calc(100% - 158px - env(safe-area-inset-bottom))}
|
||||
.wcm-in{position:relative;min-height:calc(100% - 60px);padding-bottom:calc(24px + env(safe-area-inset-bottom));
|
||||
background:linear-gradient(180deg,rgba(28,22,52,0) 0,rgba(28,22,52,.9) 56px,rgba(26,20,48,.97) 150px,#1E1838 100%)}
|
||||
.wcm .whp-bar{position:relative;left:auto;right:auto;bottom:auto;padding:22px 24px 4px;background:none}
|
||||
.wcm-hd{display:flex;align-items:baseline;gap:8px;margin:14px 18px 6px;color:#F4ECFF}
|
||||
|
||||
11
js/wh-cm.js
11
js/wh-cm.js
@@ -1,6 +1,6 @@
|
||||
/* 星空页 · 妈妈们的留言(2026-11-07 用户:广场点「孕妈悄悄话」直接进星空页,留言自带在「说一句悄悄话」下面,
|
||||
样式跟星空搭,不要白底)。
|
||||
· 版式:#wcm 盖满星空页、自己滚动、本身不接点击;上面一段透明垫高(点得到星星),下面是留言面板,
|
||||
· 版式:#wcm 盖满星空页、自己滚动;上面一段透明垫高,下面是留言面板,
|
||||
把原来的 .whp-bar(说一句悄悄话)挪进面板顶上,往上滑留言就盖上来。
|
||||
· 数据:广场置顶笔记 wh-<话题 from> 的评论 = cm.json 模拟(AGENTS.md 12c,不得挂星)+ /plaza/comments 已审核通过的真实评论
|
||||
+ 我自己发的(含审核中)。进星空页才拉 cm.json(600K+,gzip 后小很多;版本号跟广场 index.html 引的一致,共用缓存)。
|
||||
@@ -81,6 +81,15 @@
|
||||
var on = !!LIKE[k]; b.classList.toggle('on', on); b.querySelector('span').textContent = fmt(c.likes + (on ? 1 : 0));
|
||||
if (on && navigator.vibrate) navigator.vibrate(8);
|
||||
});
|
||||
/* 11-07 用户:页面滑不动 —— 原来垫高层 pointer-events:none,手机上按在星空上滑,滚动不归 #wcm。
|
||||
现在整层都接触摸(按哪都能滑),点在垫高层上就把点击转给底下的星星 / 顶栏按钮 / 内容卡 */
|
||||
var sp = box.querySelector('.wcm-sp');
|
||||
sp.addEventListener('click', function (e) {
|
||||
box.style.pointerEvents = 'none';
|
||||
var el = document.elementFromPoint(e.clientX, e.clientY);
|
||||
box.style.pointerEvents = '';
|
||||
if (el && el !== sp && page.contains(el)) el.dispatchEvent(new MouseEvent('click', { bubbles: true, cancelable: true, clientX: e.clientX, clientY: e.clientY }));
|
||||
});
|
||||
/* 上滑过半:面板压暗星空的那层渐变加深,「上滑看看」收起 */
|
||||
box.addEventListener('scroll', function () { box.classList.toggle('up', box.scrollTop > 40); }, { passive: true });
|
||||
/* 进星空页才拉数据;关掉回到顶部 */
|
||||
|
||||
Reference in New Issue
Block a user