feat(首页工具卡): 图标换成各工具页左上角的 LOGO (v26093020)
- 五张卡的扁平图标换成点进去那个工具页左上角的 LOGO 原图(透明 PNG): 数胎动 .brand-logo、孕期体重 img.brand-logo、孕检日历 .hero-brand i、胎儿估重 .lg、数宫缩 svg.brand-logo。 - 孕检日历原图四角有锯齿缺口,补成连续圆角。 - LOGO 不再出血到卡边外,统一离右下角约 10px、挂同一档投影;尺寸按卡片空间重新摆放, 避开「记录」按钮和标题。卡片底色、版式、跳转、数据回填不变。 Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
16
mama-box.css
16
mama-box.css
@@ -779,7 +779,9 @@ 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 工具卡改版:白字 + 扁平图标(自画 SVG,白色 + 同色系实色块,无渐变无阴影无高光)。
|
||||
/* 2026-09-30 工具卡改版:白字 + 各工具自己的 LOGO(从点进去那个工具页左上角的 LOGO 原样取出,
|
||||
assets/img/*.png 透明底;数胎动 .brand-logo、孕期体重 img.brand-logo、孕检日历 .hero-brand i、
|
||||
胎儿估重 .lg、数宫缩 svg.brand-logo。工具页换 LOGO 时这里要重新取)。
|
||||
卡底色取点进去那个工具页的主色系、饱和度再深一档(各工具页 theme-color / 主色见每行注释),
|
||||
这样从卡片点进去颜色是连着的。
|
||||
只换皮:上面那笔高度账(158+10+64 / 88+10+80+10+44)和版式一个数没动,
|
||||
@@ -795,12 +797,14 @@ a.skip:focus{left:16px;top:16px}
|
||||
.mini-card.fweight{background:linear-gradient(160deg,#86A5DA,#5472B4)} /* 胎儿估重页:浅蓝底 #E2ECF9、藏青 #3E5488 */
|
||||
.mini-card.curve{background:linear-gradient(160deg,#A08DD8,#7560B6)} /* 数宫缩页:淡紫底 #E7E1F3、紫 #7E68BC */
|
||||
.bento .mc-btn{background:#fff;color:#C95A36;box-shadow:0 3px 8px rgba(120,50,20,.2)}
|
||||
/* 数胎动卡只有 ≈128px 宽,左下是「记录」按钮:脚丫 74 宽贴右下,按钮再压在插画上面,谁也不挡谁的字 */
|
||||
.mini-card.kick .mc-art{width:74px;right:-4px;bottom:-4px}
|
||||
/* LOGO 是满幅的圆角方块 / 圆,不能再像插画那样出血到卡边外:一律离右下角 10px 左右。
|
||||
数胎动的 LOGO 跟卡同是橙色,靠投影把它从底色上托出来(五张统一挂同一档投影)。 */
|
||||
.bento .mini-card:not(.more) .mc-art{filter:drop-shadow(0 3px 6px rgba(0,0,0,.18))}
|
||||
.mini-card.kick .mc-art{width:44px;right:10px;bottom:12px}
|
||||
.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}
|
||||
.mc-art.big{width:60px;margin:0 auto 8px}
|
||||
.mini-card.cal .mc-art,.mini-card.curve .mc-art{width:30px;right:10px;bottom:9px}
|
||||
.mini-card.fweight .mc-art{width:34px;right:10px;bottom:15px}
|
||||
/* 告警(胎动偏低 / 宫缩达阈值 / 产检过期):糖果色底上 --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,
|
||||
|
||||
Reference in New Issue
Block a user