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

盲盒横幅提亮：莓红→紫罗兰渐变 + 白字 + 金色按钮

Browse Source 
Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
Karlcarlo
2026-10-01 16:51:31 +00:00
parent ca2d69f6a5
commit 7ae14d6df9
3 changed files with 19 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
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:26100146 缓存版本标记：改 css/js 时同步 bump 该值（与 js/app.js 的 VER 同源），静态资源按 mtime 走 ETag 自动刷新 -->
<!-- V:26100147 缓存版本标记：改 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 第四节） -->

2
js/app.js
View File

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

17
mama-box.css
View File

@@ -3316,3 +3316,20 @@ a.skip:focus{left:16px;top:16px}
/* 2026-10-01 用户：兜豆兑好物是标题，字放大 */
.exch-wrap .es-main b{font-size:18px;letter-spacing:-.2px;line-height:1.25}
.exch-wrap .es-main{gap:3px}
/* ================= 盲盒横幅提亮（2026-10-01 用户：颜色和背景融在一起，不突出）=================
原来奶油粉→薰衣草，和上面橙色大图、米色页面底同一个明度，一眼找不到。
改成高饱和莓红→紫罗兰的深色条 + 白字 + 金色胶囊：和上面的珊瑚橙拉开色相，又同是暖粉一路，不突兀。 */
.bb-banner{color:#fff;border:0;
background:
radial-gradient(120px 80px at 88% -10%, rgba(255,214,110,.45), rgba(255,214,110,0) 70%),
linear-gradient(105deg,#FF4F7B 0%,#E0409A 48%,#8B5CF6 100%);
box-shadow:0 12px 26px rgba(214,64,140,.36),inset 0 0 0 1px rgba(255,255,255,.22)}
.bb-gift{background:radial-gradient(circle at 50% 58%,rgba(255,255,255,.95) 0,rgba(255,255,255,.55) 52%,rgba(255,255,255,0) 72%)}
.bb-t{color:#fff;text-shadow:0 1px 2px rgba(120,20,70,.3)}
.bb-s{color:rgba(255,255,255,.88)}
.bb-s b{color:#FFE27A}
.bb-cta,.bb-banner.is-calm .bb-cta{color:#9A2A5E;background:linear-gradient(180deg,#FFE88A,#FFC93C);
box-shadow:0 5px 12px rgba(120,20,70,.28),inset 0 -2px 0 rgba(210,140,0,.25)}
.bb-badge{box-shadow:0 0 0 2px #fff}
.bb-shine{background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.35),rgba(255,255,255,0))}