首页去胶囊雷同:此刻/孕周/本周第N天/今日小知识/日圆点改纯文字层级,只保留行动按钮为实心

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
2026-10-02 01:03:09 +00:00
parent 18feb14b4b
commit 39c27e4bf2
3 changed files with 32 additions and 2 deletions

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:26100152 缓存版本标记:改 css/js 时同步 bump 该值(与 js/app.js 的 VER 同源),静态资源按 mtime 走 ETag 自动刷新 -->
<!-- V:26100153 缓存版本标记:改 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 = '26100152';
var VER = '26100153';
const $ = (s, c) => (c || document).querySelector(s);
const $$ = (s, c) => Array.from((c || document).querySelectorAll(s));

View File

@@ -3359,3 +3359,33 @@ a.skip:focus{left:16px;top:16px}
.lc-desc{font-size:11.5px;color:#8A7A72;margin:3px 0 4px}
.lc-link{font-size:12px;color:var(--brand)}
@media (prefers-reduced-motion:reduce){.letter-card.has-new .lc-env{animation:none}}
/* ================= 去「胶囊雷同」(2026-10-02 用户截图:此刻 / 你今天还没数 / 孕30周 / 今日小知识 / 本周第3天
全是「彩底圆角胶囊」,一屏看下来同一种视觉、抓不住重点)=================
原则:一块里只留**一个**实心胶囊 = 真正要点的动作;其余标签降级成纯文字层级(颜色/字重/字号区分),不再加底色。
· 此刻:红色呼吸点 + 红字,去底色;整条去掉桃色底,改为工具区底部一条细分隔线下的「附注」
· 你今天还没数:保留实心(全块唯一 CTA)
· 孕30周:标题前的彩块改成品牌色大号数字「孕30周」+ 细竖线 + 标题
· 本周第3天:灰色纯文字
· 今日小知识:卡内角标改成小号字距文字「✦ 今日小知识」
· 7 天圆点:只有「今天」是实心圆,其余只留数字 */
.pulse{background:none;border-radius:0;margin-top:14px;padding:12px 2px 2px;border-top:1px solid rgba(200,150,130,.18)}
.pl-live{background:none;color:#F4593C;padding:0;font-size:12px;gap:6px;letter-spacing:.5px}
.pl-live i{width:6px;height:6px;background:#F4593C}
.pl-live i::after{border-color:#F4593C}
.pl-live::after{content:"";width:1px;height:12px;background:rgba(160,120,100,.3);margin-left:3px}
.pt-wk{background:none;box-shadow:none;padding:0;border-radius:0;color:var(--brand);font-size:17px;font-weight:900;letter-spacing:-.3px}
.pt-title{gap:8px}
.pt-title .pt-wk::after{content:"";display:inline-block;width:1px;height:14px;margin-left:8px;vertical-align:-1px;background:rgba(160,120,100,.35)}
.pt-when{background:none;padding:0;color:#A08C82;font-weight:600;font-size:12px}
.pt-badge{background:none;padding:0;border-radius:0;color:#E0603F;font-size:11.5px;font-weight:800;letter-spacing:1.5px}
.pt-badge::before{content:"✦ "}
.pt-day i,.pt-day.is-past i,.pt-day.is-lock i{background:none;box-shadow:none}
.pt-day.is-past i{color:#D0735A}
.pt-day.is-lock i{color:#D9C2B8}
.pt-day.is-sel:not(.is-today) i{background:none;color:#C24A30;text-decoration:underline;text-underline-offset:3px}
.pt-badge{display:inline-flex;align-items:center;gap:6px}
.pt-badge::before{content:"";width:6px;height:6px;border-radius:1.5px;background:#F4593C;transform:rotate(45deg)}