首页白底板块加毛玻璃质感(磨砂颗粒 + 高光 + 亮边)(v26100213)

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
2026-10-03 07:56:10 +00:00
parent 7a55dc9423
commit 931c3215e0
4 changed files with 12 additions and 2 deletions

BIN
assets/img/glass-noise.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 24 KiB

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:26100212 缓存版本标记:改 css/js 时同步 bump 该值(与 js/app.js 的 VER 同源),静态资源按 mtime 走 ETag 自动刷新 -->
<!-- V:26100213 缓存版本标记:改 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 第四节) -->

View File

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

View File

@@ -4274,3 +4274,13 @@ a.skip:focus{left:16px;top:16px}
.ny-peek.is-night .nyp-btn{background:linear-gradient(135deg,#9AD69A,#62B474);box-shadow:0 4px 12px rgba(0,0,0,.3)}
/* 同日:左上角「进去看看」角标也跟按钮统一成青草绿 */
.nyp-chip{color:#3F8F52;box-shadow:0 2px 8px rgba(70,152,90,.18)}
/* 2026-10-03 用户选定「B 磨砂颗粒」:首页各白底板块加毛玻璃质感,其他不变。
半透白 + 左上斜向高光 + 亮白细边 + 极细磨砂颗粒(assets/img/glass-noise.png,白点为主、极少量淡灰点)。
婴儿房(满幅图)和小游戏(彩色卡)不是白底,不动。
没加 backdrop-filter:页面底是纯米色,模糊了也看不出来;而且它会让板块里 position:fixed 的子元素改以板块为参照,风险大于收益。 */
#homeBody>section:not(.ny-peek):not(.game-promo){
background:url(assets/img/glass-noise.png) repeat,
linear-gradient(155deg,rgba(255,255,255,1) 0%,rgba(255,255,255,0) 38%),
linear-gradient(180deg,rgba(255,255,255,.7),rgba(255,251,248,.58))!important;
border:1px solid rgba(255,255,255,.95);
box-shadow:0 10px 30px rgba(190,110,80,.10),inset 0 1px 0 #fff,inset 0 -1px 0 rgba(255,255,255,.6)!important}