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

悄悄话入口：星星变小变少、避开文字，右侧改「去看看」 (v26100181)

Browse Source 
Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
Karlcarlo
2026-10-02 08:21:58 +00:00
parent 0f02c56433
commit 2e2986dc5c
3 changed files with 8 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
index.html
View File

@@ -7,7 +7,7 @@
<meta name="mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-capable" content="yes">
<title>兜爸心选 · 孕育陪伴</title>
<!-- V:26100180 缓存版本标记：改 css/js 时同步 bump 该值（与 js/app.js 的 VER 同源），静态资源按 mtime 走 ETag 自动刷新 -->
<!-- V:26100181 缓存版本标记：改 css/js 时同步 bump 该值（与 js/app.js 的 VER 同源），静态资源按 mtime 走 ETag 自动刷新 -->
<link rel="stylesheet" href="mama-box.css">
<script src="https://res.wx.qq.com/open/js/jweixin-1.6.0.js"></script>
<!-- 共享助手：授权/跳商城/位置上报（分享卡片同步，见 docs/h5-auth-standard.md 第四节） -->
@@ -302,7 +302,7 @@
首页只留一条入口（一句轮播的悄悄话 + 条数），横滑纸条带挪进全屏页 #whPage。 -->
<button class="wh-entry hide" id="whWall" type="button" aria-label="打开同孕周悄悄话">
<!-- 2026-10-02 用户：「入口那一小条里要有星空，星星一闪一闪，再划过几个流星，不要太多」 -->
<span class="we-sky" aria-hidden="true"><i class="tw" style="left:21%;top:27%;width:9px;height:9px;animation-delay:-3.4s;animation-duration:2.1s"></i><i class="tw" style="left:33%;top:24%;width:5px;height:5px;animation-delay:-1.2s;animation-duration:2.0s"></i><i class="tw" style="left:44%;top:32%;width:4px;height:4px;animation-delay:-1.6s;animation-duration:2.6s"></i><i style="left:53%;top:30%;width:4px;height:4px;animation-delay:-0.3s;animation-duration:1.9s"></i><i class="tw" style="left:64%;top:28%;width:9px;height:9px;animation-delay:-2.4s;animation-duration:2.2s"></i><i style="left:70%;top:18%;width:4px;height:4px;animation-delay:-1.8s;animation-duration:2.3s"></i><i style="left:85%;top:42%;width:4px;height:4px;animation-delay:-1.3s;animation-duration:2.2s"></i><i class="tw" style="left:90%;top:10%;width:4px;height:4px;animation-delay:-3.4s;animation-duration:2.5s"></i><i class="tw" style="left:24%;top:87%;width:4px;height:4px;animation-delay:-3.7s;animation-duration:1.9s"></i><i class="tw" style="left:30%;top:82%;width:8px;height:8px;animation-delay:-2.5s;animation-duration:3.2s"></i><i class="tw" style="left:40%;top:61%;width:7px;height:7px;animation-delay:-1.6s;animation-duration:3.5s"></i><i class="tw" style="left:49%;top:82%;width:4px;height:4px;animation-delay:-3.2s;animation-duration:2.1s"></i><i style="left:62%;top:73%;width:5px;height:5px;animation-delay:-3.1s;animation-duration:2.6s"></i><i class="tw" style="left:71%;top:71%;width:5px;height:5px;animation-delay:-3.5s;animation-duration:3.6s"></i><i class="tw" style="left:82%;top:92%;width:4px;height:4px;animation-delay:-1.6s;animation-duration:3.3s"></i><i class="tw" style="left:93%;top:61%;width:5px;height:5px;animation-delay:-1.0s;animation-duration:3.2s"></i><b class="we-mt"></b><b class="we-mt m2"></b></span>
<span class="we-sky" aria-hidden="true"><i class="tw" style="left:50%;top:12%;width:6px;height:6px;animation-delay:-1.2s;animation-duration:2.4s"></i><i style="left:60%;top:30%;width:4px;height:4px;animation-delay:-0.3s;animation-duration:2.0s"></i><i class="tw" style="left:73%;top:15%;width:5px;height:5px;animation-delay:-2.4s;animation-duration:2.8s"></i><i class="tw" style="left:93%;top:13%;width:4px;height:4px;animation-delay:-3.1s;animation-duration:2.2s"></i><i class="tw" style="left:21%;top:90%;width:4px;height:4px;animation-delay:-3.7s;animation-duration:2.6s"></i><i class="tw" style="left:45%;top:88%;width:5px;height:5px;animation-delay:-1.6s;animation-duration:3.2s"></i><i style="left:73%;top:80%;width:4px;height:4px;animation-delay:-2.2s;animation-duration:2.6s"></i><i class="tw" style="left:89%;top:88%;width:5px;height:5px;animation-delay:-0.8s;animation-duration:3.0s"></i><b class="we-mt"></b><b class="we-mt m2"></b></span>
<span class="we-ico" aria-hidden="true"><svg viewBox="0 0 24 24"><path d="M5 18.5V7.8A2.8 2.8 0 017.8 5h8.4A2.8 2.8 0 0119 7.8v5.4a2.8 2.8 0 01-2.8 2.8H9.2z" fill="none" stroke="currentColor" stroke-width="1.9" stroke-linejoin="round"/><path d="M9 10.5h6" stroke="currentColor" stroke-width="1.9" stroke-linecap="round"/></svg></span>
<span class="we-txt"><b id="weName">孕妈悄悄话</b><span class="we-roll" id="weRoll"></span></span>
<span class="we-go" id="weGo"></span>

4
js/app.js
View File

@@ -3,7 +3,7 @@
(function () {
'use strict';
/* 页面版本号（YYMMDD+序号）：显示在「关于兜爸心选」页底部；bump 时同步 head 注释与 ?v= */
var VER = '26100180';
var VER = '26100181';
const $ = (s, c) => (c || document).querySelector(s);
const $$ = (s, c) => Array.from((c || document).querySelectorAll(s));
@@ -3335,7 +3335,7 @@
entry.setAttribute('aria-label', '打开' + nm);
$('#weRoll').textContent = l.length ? '“' + l[0].text + '”' : '';
ri = 0;
$('#weGo').innerHTML = list().length + ' 句<i aria-hidden="true"><svg viewBox="0 0 16 16"><path d="M6 3.5L10.5 8 6 12.5" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg></i>';
$('#weGo').innerHTML = '去看看<i aria-hidden="true"><svg viewBox="0 0 16 16"><path d="M6 3.5L10.5 8 6 12.5" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg></i>';
clearInterval(rollT);
if (l.length > 1) rollT = setInterval(() => { if (!document.hidden && !page.classList.contains('show')) roll(); }, 4000);
}

4
mama-box.css
View File

@@ -4059,3 +4059,7 @@ a.skip:focus{left:16px;top:16px}
.ny-peek .nyp-layer img{transition:filter .15s}
.ny-peek:active .nyp-layer img{filter:brightness(.92)}
.ny-peek:active .nyp-btn{transform:scale(.96)}
/* 2026-10-02 用户：入口星星小一点、少一点，别挡住「X周孕妈悄悄话」那行字 —— 星星只放在文字行之间 / 四周空处（见 index.html），不再放大 */
.we-sky i{transform:scale(1);opacity:.85;filter:drop-shadow(0 0 1.5px rgba(255,255,255,.6))}
@keyframes weTw{0%,100%{opacity:.9;transform:scale(1)}50%{opacity:.2;transform:scale(.55)}}