jone/mama-box
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

悄悄话：引导箭头左移 30px 对准「···」，留言标题后小头像 8 个 (v26110636)

Browse Source 
Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
deploy
2026-11-07 05:37:25 +00:00
parent f2892ba640
commit 05e9c9fe01
5 changed files with 11 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
guangchang/index.html
View File

@@ -1053,7 +1053,7 @@ html.night .gtg button.on{background:#F2725B;border-color:#F2725B;color:#fff}
var CMD = null, CMERR = false;
/* 头像编码：数字 = av/NNNN.webp（旧代码头像）；'av:c012' = av/c012.webp（卡通/可爱卡通）；'/…' = 站内绝对路径（内置头像库 /_bridge/avatars/）；其余 = assets/img/mom/xxx.jpg */
var avP = function (a) { return typeof a === 'number' ? 'av/' + ('000' + a).slice(-4) + '.webp' : a.indexOf('av:') === 0 ? 'av/' + a.slice(3) + '.webp' : a.charAt(0) === '/' ? a : '../assets/img/mom/' + a + '.jpg'; };
fetch('cm.json?v=26110635').then(function (r) { return r.json(); }).then(function (j) {
fetch('cm.json?v=26110636').then(function (r) { return r.json(); }).then(function (j) {
CMD = j; if (openId && NBY[openId]) { renderComments(NBY[openId]); syncBar(NBY[openId]); }
}).catch(function () { CMERR = true; if (openId && NBY[openId]) renderComments(NBY[openId]); });
function commentsOf(n) {

6
index.html
View File

@@ -9,10 +9,10 @@
<title>兜爸心选 · 孕育陪伴</title>
<!-- 11-04 UGC 总开关（孕妈广场 + 测一测，后台 /box_bm/plaza 顶部切换），见 js/ugc.js -->
<script src="js/ugc.js?v=26110487"></script>
<!-- V:26110635 缓存版本标记：改 css/js 时同步 bump 该值（与 js/app.js 的 VER 同源），静态资源按 mtime 走 ETag 自动刷新 -->
<!-- V:26110636 缓存版本标记：改 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=26110635">
<link rel="stylesheet" href="js/wh-cm.css?v=26110636">
<!-- 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=26110635" defer></script>
<script src="js/wh-cm.js?v=26110636" defer></script>
<script src="js/app.js"></script>
<script src="js/kit.js?v=26110605"></script>
<!-- 11-05 用户：孕期百问加上跟趣味小测试一样的底部 Tab（孕期百问 / 记一下 / 返回首页）。挂在 #detailQA 里，面板关着时跟着滑出屏外；

2
js/app.js
View File

@@ -3,7 +3,7 @@
(function () {
'use strict';
/* 页面版本号（YYMMDD+序号）：显示在「关于兜爸心选」页底部；bump 时同步 head 注释与 ?v= */
var VER = '26110635';
var VER = '26110636';
const $ = (s, c) => (c || document).querySelector(s);
const $$ = (s, c) => Array.from((c || document).querySelectorAll(s));

6
js/wh-cm.css
View File

@@ -93,8 +93,8 @@ p.wcm-mf{display:block;color:#FFC07A}
/* 转发引导 */
.wsh-g{position:absolute;inset:0;z-index:20;background:rgba(8,5,20,.72);animation:wshIn .25s ease}
@keyframes wshIn{from{opacity:0}}
/* 11-07 用户：箭头要指到小程序右上角胶囊的「···」（胶囊在页面顶上、右边 7px 起宽 87px，「···」在它左半边）→ 箭头尖顶到页面最上沿、对准右边 ~70px */
.wsh-arrow{position:absolute;right:48px;top:calc(2px + env(safe-area-inset-top));width:46px;height:84px;
/* 11-07 用户：箭头要指到小程序右上角胶囊的「···」（胶囊在页面顶上、右边 7px 起宽 87px，「···」在它左半边）→ 箭头尖顶到页面最上沿、对准右边 ~70px；用户实测还指在关闭键上，再往左 30px */
.wsh-arrow{position:absolute;right:78px;top:calc(2px + env(safe-area-inset-top));width:46px;height:84px;
background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 46 84' fill='none' stroke='%23FFD9A0' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 80C6 52 18 24 33 6' stroke-dasharray='6 6'/%3E%3Cpath d='M22 10.5L33 4l-1 13'/%3E%3C/svg%3E") center/contain no-repeat;animation:wshA 1.2s ease-in-out infinite}
@keyframes wshA{50%{transform:translateY(-6px)}}
.wsh-c{position:absolute;left:28px;right:28px;top:120px;padding:22px 20px 18px;border-radius:22px;text-align:center;color:#F4ECFF;
@@ -166,5 +166,5 @@ p.wcm-mf{display:block;color:#FFC07A}
.wcm-nm .wcm-pend{margin-left:0}
.wcs-avs{display:inline-flex;align-self:center;margin-left:-2px}
.wcs-avs:empty{display:none}
.wcs-avs img{width:20px;height:20px;border-radius:50%;object-fit:cover;border:1.5px solid #3A2C57;background:#4A3A6A}
.wcs-avs img{width:18px;height:18px;border-radius:50%;object-fit:cover;border:1.5px solid #3A2C57;background:#4A3A6A}
.wcs-avs img+img{margin-left:-7px}

6
js/wh-cm.js
View File

@@ -69,7 +69,7 @@
function repOf(c, me) { return { p: c.parent, n: me ? '我' : (c.nickname || '孕妈'), me: me, to: c.parentName, t: c.text, ts: c.at, st: me ? c.status : '' }; }
function load() {
if (loading || SIM) return; loading = true;
fetch('guangchang/cm.json?v=26110635').then(function (r) { return r.json(); }).then(function (j) {
fetch('guangchang/cm.json?v=26110636').then(function (r) { return r.json(); }).then(function (j) {
var PP = j.p;
SIM = (j.c[PID] || []).map(function (c, k) {
var p = PP[c[0]];
@@ -179,9 +179,9 @@
function total() { return (REAL ? REAL.length : 0) + (SIM ? SIM.length : 0); }
function paintGo() {
document.getElementById('wcmN').textContent = total() ? total() + ' 条' : '';
/* 11-07 用户：「妈妈们的留言」后面加小头像 —— 取最热的 3 位 */
/* 11-07 用户：「妈妈们的留言」后面加 6～8 个小头像 —— 取最热的 8 位 */
var av = document.getElementById('wcmAv');
if (av && SIM && SIM.length && !av.firstChild) av.innerHTML = SIM.slice().sort(function (a, b) { return b.likes - a.likes; }).slice(0, 3)
if (av && SIM && SIM.length && !av.firstChild) av.innerHTML = SIM.slice().sort(function (a, b) { return b.likes - a.likes; }).slice(0, 8)
.map(function (c) { return '<img src="' + esc(c.av) + '" alt="" onerror="this.remove()">'; }).join('');
document.getElementById('wcmRuleN').textContent = STAR_N;
}