feat(首页工具卡): 五张卡按参考图改版——糖果色底 + 白字 + 3D 大眼萌物插画 (v26093018)
- 数胎动 / 孕期体重 / 孕检日历 / 胎儿估重 / 数宫缩:饱和渐变底(蓝 / 粉 / 绿 / 紫 / 蓝紫)+ 白色粗标题, 插画换成自画 SVG 萌物(小脚丫 / 体重秤 / 台历 / 秤盘小豆宝宝 / 秒表),立体光泽、黑色大眼珠带高光。 - 只换皮:高度账、排布、data-mini 跳转、各 id 数据回填不变;「更多工具」出口保持灰米。 - 「记录」按钮改白底蓝字并压在插画上;告警态在彩色底上改亮黄字(原 --alert 红看不清)。 - 数宫缩卡原曲线插画 72f41378ef8e.png 已无引用,删除;其余旧 PNG 仍被「每日小打卡」使用,保留。 Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
26
mama-box.css
26
mama-box.css
@@ -779,6 +779,32 @@ a.skip:focus{left:16px;top:16px}
|
||||
投影值照抄 .mc-art 的原值不动:打光要跟邻居一致。 */
|
||||
.mini-card.fweight .mc-art{width:38px;right:11px;bottom:10px;
|
||||
filter:drop-shadow(0 5px 10px rgba(160,90,70,.18))}
|
||||
/* 2026-09-30 参考图改版(用户给的一张「糖果色卡 + 3D 大眼萌物」参考图):
|
||||
五张工具卡换成饱和渐变底 + 白字,插画换成自画 SVG(立体光泽、黑色大眼珠带高光)。
|
||||
只换皮:上面那笔高度账(158+10+64 / 88+10+80+10+44)和版式一个数没动,
|
||||
所以这里只覆盖颜色、字色和插画尺寸。渐变收尾色压得够深,白字在最浅的那一端也读得清。
|
||||
「更多工具」仍是灰米出口,不参与。 */
|
||||
.bento .mini-card:not(.more){color:#fff}
|
||||
.bento .mini-card:not(.more) .mc-title{text-shadow:0 1px 2px rgba(0,0,0,.12)}
|
||||
.bento .mini-card:not(.more) .mc-sub{color:rgba(255,255,255,.9)}
|
||||
.bento .mini-card:not(.more) .mc-extra{color:rgba(255,255,255,.78)}
|
||||
.bento .mini-card:not(.more) .mc-art{filter:drop-shadow(0 4px 8px rgba(30,20,60,.22))}
|
||||
.mini-card.kick{background:linear-gradient(160deg,#58BEDF,#2F8FC0)}
|
||||
.mini-card.weight{background:linear-gradient(160deg,#F28AA2,#D9587A)}
|
||||
.mini-card.cal{background:linear-gradient(160deg,#7FCB63,#45A13A)}
|
||||
.mini-card.fweight{background:linear-gradient(160deg,#A895F2,#7E66DE)}
|
||||
.mini-card.curve{background:linear-gradient(160deg,#8C9CF2,#5E71DD)}
|
||||
.bento .mc-btn{background:#fff;color:#2F8FC0;box-shadow:0 4px 10px rgba(20,60,100,.22)}
|
||||
/* 数胎动卡只有 ≈128px 宽,左下是「记录」按钮:脚丫 74 宽贴右下,按钮再压在插画上面,谁也不挡谁的字 */
|
||||
.mini-card.kick .mc-art{width:74px;right:-4px;bottom:-4px}
|
||||
.bento .mc-btn{position:relative;z-index:1}
|
||||
.mc-art.big{width:80px}
|
||||
.mini-card.cal .mc-art,.mini-card.curve .mc-art{width:46px;right:2px;bottom:0}
|
||||
.mini-card.fweight .mc-art{width:46px;right:6px;bottom:4px}
|
||||
/* 告警(胎动偏低 / 宫缩达阈值 / 产检过期):糖果色底上 --alert 红看不清,换成亮黄字 */
|
||||
.bento .mini-card.is-warn .mc-sub,.bento .mini-card.is-warn .mc-sub b,
|
||||
.bento .mini-card.is-warn .mc-big,.bento .mini-card.is-warn .mc-big small,
|
||||
.bento .mini-card.is-warn .mc-extra{color:#FFF08A}
|
||||
/* 「更多工具」:通往「记一下」弹层里那十几个工具。
|
||||
故意不给糖果色 —— 它不是第六个工具,是个出口。素底 + 一行小字,
|
||||
扫过去不会被当成工具卡数进去。
|
||||
|
||||
Reference in New Issue
Block a user