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

feat(首页工具卡): 五张卡按参考图改版——糖果色底 + 白字 + 3D 大眼萌物插画 (v26093018)

Browse Source 
- 数胎动 / 孕期体重 / 孕检日历 / 胎儿估重 / 数宫缩：饱和渐变底（蓝 / 粉 / 绿 / 紫 / 蓝紫）+ 白色粗标题，
  插画换成自画 SVG 萌物（小脚丫 / 体重秤 / 台历 / 秤盘小豆宝宝 / 秒表），立体光泽、黑色大眼珠带高光。
- 只换皮：高度账、排布、data-mini 跳转、各 id 数据回填不变；「更多工具」出口保持灰米。
- 「记录」按钮改白底蓝字并压在插画上；告警态在彩色底上改亮黄字（原 --alert 红看不清）。
- 数宫缩卡原曲线插画 72f41378ef8e.png 已无引用，删除；其余旧 PNG 仍被「每日小打卡」使用，保留。

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
Karlcarlo
2026-09-30 16:23:36 +00:00
parent 18eecdb3a2
commit 4a7eb92864
9 changed files with 57 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
assets/img/177395faf53c.svg Normal file
View File

@@ -0,0 +1,4 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 120 120"><defs><radialGradient id="ew" cx=".4" cy=".3" r=".8"><stop offset="0" stop-color="#fff"/><stop offset=".72" stop-color="#F3F3F7"/><stop offset="1" stop-color="#BFC1CF"/></radialGradient>
<radialGradient id="ep" cx=".35" cy=".3" r=".85"><stop offset="0" stop-color="#40404A"/><stop offset=".6" stop-color="#15151B"/><stop offset="1" stop-color="#000"/></radialGradient>
<filter id="es" x="-30%" y="-30%" width="160%" height="160%"><feDropShadow dx="0" dy="1.6" stdDeviation="1.4" flood-color="#000" flood-opacity=".28"/></filter>
<filter id="ds" x="-20%" y="-20%" width="140%" height="150%"><feDropShadow dx="0" dy="4" stdDeviation="3.5" flood-color="#2a1640" flood-opacity=".28"/></filter><radialGradient id="st" cx=".35" cy=".3" r=".8"><stop offset="0" stop-color="#FFF4B0"/><stop offset=".55" stop-color="#FFD43B"/><stop offset="1" stop-color="#F0A415"/></radialGradient><radialGradient id="ht" cx=".35" cy=".3" r=".8"><stop offset="0" stop-color="#FFC4D3"/><stop offset=".6" stop-color="#FF6F93"/><stop offset="1" stop-color="#E24673"/></radialGradient><radialGradient id="sw" cx=".38" cy=".3" r=".9"><stop offset="0" stop-color="#FFF6D6"/><stop offset=".55" stop-color="#FFD866"/><stop offset="1" stop-color="#EDA720"/></radialGradient><radialGradient id="face" cx=".5" cy=".4" r=".7"><stop offset="0" stop-color="#FFFFFF"/><stop offset="1" stop-color="#F3ECDD"/></radialGradient></defs><g filter="url(#ds)"><rect x="52" y="12" width="16" height="13" rx="4" fill="#F28B6B"/><rect x="48" y="7" width="24" height="8" rx="4" fill="#F7A488"/><rect x="84" y="24" width="11" height="9" rx="3" transform="rotate(40 89 28)" fill="#F28B6B"/><circle cx="60" cy="67" r="43" fill="url(#sw)"/></g><circle cx="60" cy="69" r="33" fill="url(#face)"/><line x1="60.0" y1="41.0" x2="60.0" y2="38.0" stroke="#E2C58A" stroke-width="2.2" stroke-linecap="round"/><line x1="74.0" y1="44.8" x2="75.5" y2="42.2" stroke="#E2C58A" stroke-width="2.2" stroke-linecap="round"/><line x1="84.2" y1="55.0" x2="86.8" y2="53.5" stroke="#E2C58A" stroke-width="2.2" stroke-linecap="round"/><line x1="88.0" y1="69.0" x2="91.0" y2="69.0" stroke="#E2C58A" stroke-width="2.2" stroke-linecap="round"/><line x1="84.2" y1="83.0" x2="86.8" y2="84.5" stroke="#E2C58A" stroke-width="2.2" stroke-linecap="round"/><line x1="74.0" y1="93.2" x2="75.5" y2="95.8" stroke="#E2C58A" stroke-width="2.2" stroke-linecap="round"/><line x1="60.0" y1="97.0" x2="60.0" y2="100.0" stroke="#E2C58A" stroke-width="2.2" stroke-linecap="round"/><line x1="46.0" y1="93.2" x2="44.5" y2="95.8" stroke="#E2C58A" stroke-width="2.2" stroke-linecap="round"/><line x1="35.8" y1="83.0" x2="33.2" y2="84.5" stroke="#E2C58A" stroke-width="2.2" stroke-linecap="round"/><line x1="32.0" y1="69.0" x2="29.0" y2="69.0" stroke="#E2C58A" stroke-width="2.2" stroke-linecap="round"/><line x1="35.8" y1="55.0" x2="33.2" y2="53.5" stroke="#E2C58A" stroke-width="2.2" stroke-linecap="round"/><line x1="46.0" y1="44.8" x2="44.5" y2="42.2" stroke="#E2C58A" stroke-width="2.2" stroke-linecap="round"/><path d="M60 58V42" stroke="#F26D5B" stroke-width="3.4" stroke-linecap="round"/><ellipse cx="34" cy="44" rx="9" ry="4.5" transform="rotate(-38 34 44)" fill="#fff" opacity="0.8"/><g filter="url(#es)"><circle cx="48" cy="70" r="10" fill="url(#ew)"/></g><circle cx="49.2" cy="71.4" r="6.6" fill="url(#ep)"/><circle cx="46.9" cy="68.9" r="2.0" fill="#fff"/><circle cx="51.5" cy="73.7" r="0.8" fill="#fff" opacity=".8"/><g filter="url(#es)"><circle cx="72" cy="70" r="10" fill="url(#ew)"/></g><circle cx="73.2" cy="71.4" r="6.6" fill="url(#ep)"/><circle cx="70.9" cy="68.9" r="2.0" fill="#fff"/><circle cx="75.5" cy="73.7" r="0.8" fill="#fff" opacity=".8"/><ellipse cx="38" cy="86" rx="5.5" ry="3.2" fill="#FF6F91" opacity=".4"/><ellipse cx="82" cy="86" rx="5.5" ry="3.2" fill="#FF6F91" opacity=".4"/><path d="M56 88q4 4.5 8 0" stroke="#B5563E" stroke-width="2.4" fill="none" stroke-linecap="round"/></svg>
Side by Side

After

Width:  |  Height:  |  Size: 3.9 KiB

BIN
assets/img/72f41378ef8e.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 14 KiB

4
assets/img/82108357dbcf.svg Normal file
View File

@@ -0,0 +1,4 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 120 120"><defs><radialGradient id="ew" cx=".4" cy=".3" r=".8"><stop offset="0" stop-color="#fff"/><stop offset=".72" stop-color="#F3F3F7"/><stop offset="1" stop-color="#BFC1CF"/></radialGradient>
<radialGradient id="ep" cx=".35" cy=".3" r=".85"><stop offset="0" stop-color="#40404A"/><stop offset=".6" stop-color="#15151B"/><stop offset="1" stop-color="#000"/></radialGradient>
<filter id="es" x="-30%" y="-30%" width="160%" height="160%"><feDropShadow dx="0" dy="1.6" stdDeviation="1.4" flood-color="#000" flood-opacity=".28"/></filter>
<filter id="ds" x="-20%" y="-20%" width="140%" height="150%"><feDropShadow dx="0" dy="4" stdDeviation="3.5" flood-color="#2a1640" flood-opacity=".28"/></filter><radialGradient id="st" cx=".35" cy=".3" r=".8"><stop offset="0" stop-color="#FFF4B0"/><stop offset=".55" stop-color="#FFD43B"/><stop offset="1" stop-color="#F0A415"/></radialGradient><radialGradient id="ht" cx=".35" cy=".3" r=".8"><stop offset="0" stop-color="#FFC4D3"/><stop offset=".6" stop-color="#FF6F93"/><stop offset="1" stop-color="#E24673"/></radialGradient><linearGradient id="cp" x1="0" y1="0" x2="0" y2="1"><stop offset="0" stop-color="#FFFFFF"/><stop offset="1" stop-color="#E6F0DD"/></linearGradient><linearGradient id="ch" x1="0" y1="0" x2="0" y2="1"><stop offset="0" stop-color="#FF9E8C"/><stop offset="1" stop-color="#EE6450"/></linearGradient><linearGradient id="rg" x1="0" y1="0" x2="1" y2="0"><stop offset="0" stop-color="#9AA0B8"/><stop offset=".5" stop-color="#E9ECF5"/><stop offset="1" stop-color="#8A90A8"/></linearGradient></defs><g filter="url(#ds)"><rect x="20" y="34" width="80" height="78" rx="19" fill="#B7CFA6"/><rect x="20" y="30" width="80" height="78" rx="19" fill="url(#cp)"/><path d="M20 50V49a19 19 0 0 1 19-19h42a19 19 0 0 1 19 19v1Z" fill="url(#ch)"/></g><rect x="37.5" y="19" width="9" height="20" rx="4.5" fill="url(#rg)"/><rect x="73.5" y="19" width="9" height="20" rx="4.5" fill="url(#rg)"/><ellipse cx="33" cy="38" rx="7" ry="2.6" transform="rotate(-10 33 38)" fill="#fff" opacity="0.6"/><g filter="url(#es)"><circle cx="48" cy="74" r="10" fill="url(#ew)"/></g><circle cx="49.2" cy="75.4" r="6.6" fill="url(#ep)"/><circle cx="46.9" cy="72.9" r="2.0" fill="#fff"/><circle cx="51.5" cy="77.7" r="0.8" fill="#fff" opacity=".8"/><g filter="url(#es)"><circle cx="72" cy="74" r="10" fill="url(#ew)"/></g><circle cx="73.2" cy="75.4" r="6.6" fill="url(#ep)"/><circle cx="70.9" cy="72.9" r="2.0" fill="#fff"/><circle cx="75.5" cy="77.7" r="0.8" fill="#fff" opacity=".8"/><ellipse cx="35" cy="88" rx="5.5" ry="3.2" fill="#FF6F91" opacity=".4"/><ellipse cx="85" cy="88" rx="5.5" ry="3.2" fill="#FF6F91" opacity=".4"/><path d="M56 90q4 4.5 8 0" stroke="#6E8F55" stroke-width="2.4" fill="none" stroke-linecap="round"/><g transform="translate(98 20) scale(0.8)" filter="url(#ds)"><path d="M0 9C-11 1-13-6-8.5-9.5-5.5-12-2-10.5 0-7.5 2-10.5 5.5-12 8.5-9.5 13-6 11 1 0 9Z" fill="url(#ht)"/><ellipse cx="-5" cy="-5.5" rx="2.4" ry="1.4" transform="rotate(-30 -5 -5.5)" fill="#fff" opacity=".8"/></g></svg>
Side by Side

After

Width:  |  Height:  |  Size: 3.0 KiB

4
assets/img/9f50b6756cb6.svg Normal file
View File

@@ -0,0 +1,4 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 120 120"><defs><radialGradient id="ew" cx=".4" cy=".3" r=".8"><stop offset="0" stop-color="#fff"/><stop offset=".72" stop-color="#F3F3F7"/><stop offset="1" stop-color="#BFC1CF"/></radialGradient>
<radialGradient id="ep" cx=".35" cy=".3" r=".85"><stop offset="0" stop-color="#40404A"/><stop offset=".6" stop-color="#15151B"/><stop offset="1" stop-color="#000"/></radialGradient>
<filter id="es" x="-30%" y="-30%" width="160%" height="160%"><feDropShadow dx="0" dy="1.6" stdDeviation="1.4" flood-color="#000" flood-opacity=".28"/></filter>
<filter id="ds" x="-20%" y="-20%" width="140%" height="150%"><feDropShadow dx="0" dy="4" stdDeviation="3.5" flood-color="#2a1640" flood-opacity=".28"/></filter><radialGradient id="st" cx=".35" cy=".3" r=".8"><stop offset="0" stop-color="#FFF4B0"/><stop offset=".55" stop-color="#FFD43B"/><stop offset="1" stop-color="#F0A415"/></radialGradient><radialGradient id="ht" cx=".35" cy=".3" r=".8"><stop offset="0" stop-color="#FFC4D3"/><stop offset=".6" stop-color="#FF6F93"/><stop offset="1" stop-color="#E24673"/></radialGradient><linearGradient id="sc" x1="0" y1="0" x2="0" y2="1"><stop offset="0" stop-color="#FFFFFF"/><stop offset=".7" stop-color="#F1ECFA"/><stop offset="1" stop-color="#D5CBEE"/></linearGradient><linearGradient id="sd" x1="0" y1="0" x2="0" y2="1"><stop offset="0" stop-color="#FFB9C8"/><stop offset="1" stop-color="#F0708F"/></linearGradient></defs><g filter="url(#ds)"><rect x="16" y="42" width="88" height="68" rx="24" fill="#B9ABE0"/><rect x="16" y="38" width="88" height="68" rx="24" fill="url(#sc)"/></g><rect x="37" y="47" width="46" height="19" rx="9.5" fill="url(#sd)"/><path d="M60 62c-7-4.5-9-8-6-10.5 2-1.6 4.5-.6 6 1.6 1.5-2.2 4-3.2 6-1.6 3 2.5 1 6-6 10.5Z" fill="#fff"/><ellipse cx="30" cy="48" rx="8" ry="3.6" transform="rotate(-20 30 48)" fill="#fff" opacity="0.9"/><g filter="url(#es)"><circle cx="48" cy="84" r="10" fill="url(#ew)"/></g><circle cx="49.2" cy="85.4" r="6.6" fill="url(#ep)"/><circle cx="46.9" cy="82.9" r="2.0" fill="#fff"/><circle cx="51.5" cy="87.7" r="0.8" fill="#fff" opacity=".8"/><g filter="url(#es)"><circle cx="72" cy="84" r="10" fill="url(#ew)"/></g><circle cx="73.2" cy="85.4" r="6.6" fill="url(#ep)"/><circle cx="70.9" cy="82.9" r="2.0" fill="#fff"/><circle cx="75.5" cy="87.7" r="0.8" fill="#fff" opacity=".8"/><ellipse cx="35" cy="96" rx="5.5" ry="3.2" fill="#FF6F91" opacity=".4"/><ellipse cx="85" cy="96" rx="5.5" ry="3.2" fill="#FF6F91" opacity=".4"/><path d="M56 96q4 4.5 8 0" stroke="#8A6FB8" stroke-width="2.4" fill="none" stroke-linecap="round"/><g transform="translate(102 28) scale(0.75)" filter="url(#ds)"><path d="M0-13C1.8-5 5-1.8 13 0C5 1.8 1.8 5 0 13C-1.8 5-5 1.8-13 0C-5-1.8-1.8-5 0-13Z" fill="url(#st)"/><ellipse cx="-2.5" cy="-4" rx="1.6" ry="3" transform="rotate(35 -2.5 -4)" fill="#fff" opacity=".8"/></g></svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.8 KiB

4
assets/img/a3abcbea7e5e.svg Normal file
View File

@@ -0,0 +1,4 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 120 120"><defs><radialGradient id="ew" cx=".4" cy=".3" r=".8"><stop offset="0" stop-color="#fff"/><stop offset=".72" stop-color="#F3F3F7"/><stop offset="1" stop-color="#BFC1CF"/></radialGradient>
<radialGradient id="ep" cx=".35" cy=".3" r=".85"><stop offset="0" stop-color="#40404A"/><stop offset=".6" stop-color="#15151B"/><stop offset="1" stop-color="#000"/></radialGradient>
<filter id="es" x="-30%" y="-30%" width="160%" height="160%"><feDropShadow dx="0" dy="1.6" stdDeviation="1.4" flood-color="#000" flood-opacity=".28"/></filter>
<filter id="ds" x="-20%" y="-20%" width="140%" height="150%"><feDropShadow dx="0" dy="4" stdDeviation="3.5" flood-color="#2a1640" flood-opacity=".28"/></filter><radialGradient id="st" cx=".35" cy=".3" r=".8"><stop offset="0" stop-color="#FFF4B0"/><stop offset=".55" stop-color="#FFD43B"/><stop offset="1" stop-color="#F0A415"/></radialGradient><radialGradient id="ht" cx=".35" cy=".3" r=".8"><stop offset="0" stop-color="#FFC4D3"/><stop offset=".6" stop-color="#FF6F93"/><stop offset="1" stop-color="#E24673"/></radialGradient><radialGradient id="sk" cx=".38" cy=".3" r=".9"><stop offset="0" stop-color="#FFF1E6"/><stop offset=".55" stop-color="#FFCDB2"/><stop offset="1" stop-color="#E9967A"/></radialGradient></defs><g filter="url(#ds)"><g transform="rotate(-10 60 70)"><circle cx="36" cy="33" r="10.5" fill="url(#sk)"/><ellipse cx="32.64" cy="29.009999999999998" rx="3.5700000000000003" ry="2.1" transform="rotate(-30 32.64 29.009999999999998)" fill="#fff" opacity="0.8"/><circle cx="52" cy="24" r="8" fill="url(#sk)"/><ellipse cx="49.44" cy="20.96" rx="2.72" ry="1.6" transform="rotate(-30 49.44 20.96)" fill="#fff" opacity="0.8"/><circle cx="66" cy="22" r="7.2" fill="url(#sk)"/><ellipse cx="63.696" cy="19.264" rx="2.4480000000000004" ry="1.4400000000000002" transform="rotate(-30 63.696 19.264)" fill="#fff" opacity="0.8"/><circle cx="78" cy="26" r="6.4" fill="url(#sk)"/><ellipse cx="75.952" cy="23.567999999999998" rx="2.176" ry="1.2800000000000002" transform="rotate(-30 75.952 23.567999999999998)" fill="#fff" opacity="0.8"/><circle cx="88" cy="34" r="5.8" fill="url(#sk)"/><ellipse cx="86.144" cy="31.796" rx="1.972" ry="1.16" transform="rotate(-30 86.144 31.796)" fill="#fff" opacity="0.8"/><path d="M28 52C26 38 60 34 80 38C95 41 97 55 91 67C85 79 79 93 73 103C67 114 50 116 43 105C37 95 39 83 35 73C31 65 29 60 28 52Z" fill="url(#sk)"/><ellipse cx="41" cy="53" rx="10" ry="5.5" transform="rotate(-25 41 53)" fill="#fff" opacity="0.7"/><g filter="url(#es)"><circle cx="50" cy="64" r="10.5" fill="url(#ew)"/></g><circle cx="51.2" cy="65.4" r="6.9" fill="url(#ep)"/><circle cx="48.8" cy="62.8" r="2.1" fill="#fff"/><circle cx="53.6" cy="67.8" r="0.8" fill="#fff" opacity=".8"/><g filter="url(#es)"><circle cx="73" cy="64" r="10.5" fill="url(#ew)"/></g><circle cx="74.2" cy="65.4" r="6.9" fill="url(#ep)"/><circle cx="71.8" cy="62.8" r="2.1" fill="#fff"/><circle cx="76.6" cy="67.8" r="0.8" fill="#fff" opacity=".8"/><ellipse cx="42" cy="81" rx="5.5" ry="3.2" fill="#FF6F91" opacity=".4"/><ellipse cx="81" cy="81" rx="5.5" ry="3.2" fill="#FF6F91" opacity=".4"/><path d="M57 82q4 4.5 8 0" stroke="#B5563E" stroke-width="2.4" fill="none" stroke-linecap="round"/></g></g><g transform="translate(100 20) scale(0.85)" filter="url(#ds)"><path d="M0-13C1.8-5 5-1.8 13 0C5 1.8 1.8 5 0 13C-1.8 5-5 1.8-13 0C-5-1.8-1.8-5 0-13Z" fill="url(#st)"/><ellipse cx="-2.5" cy="-4" rx="1.6" ry="3" transform="rotate(35 -2.5 -4)" fill="#fff" opacity=".8"/></g></svg>
Side by Side

After

Width:  |  Height:  |  Size: 3.5 KiB

4
assets/img/e037c09d6f58.svg Normal file
View File

@@ -0,0 +1,4 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 120 120"><defs><radialGradient id="ew" cx=".4" cy=".3" r=".8"><stop offset="0" stop-color="#fff"/><stop offset=".72" stop-color="#F3F3F7"/><stop offset="1" stop-color="#BFC1CF"/></radialGradient>
<radialGradient id="ep" cx=".35" cy=".3" r=".85"><stop offset="0" stop-color="#40404A"/><stop offset=".6" stop-color="#15151B"/><stop offset="1" stop-color="#000"/></radialGradient>
<filter id="es" x="-30%" y="-30%" width="160%" height="160%"><feDropShadow dx="0" dy="1.6" stdDeviation="1.4" flood-color="#000" flood-opacity=".28"/></filter>
<filter id="ds" x="-20%" y="-20%" width="140%" height="150%"><feDropShadow dx="0" dy="4" stdDeviation="3.5" flood-color="#2a1640" flood-opacity=".28"/></filter><radialGradient id="st" cx=".35" cy=".3" r=".8"><stop offset="0" stop-color="#FFF4B0"/><stop offset=".55" stop-color="#FFD43B"/><stop offset="1" stop-color="#F0A415"/></radialGradient><radialGradient id="ht" cx=".35" cy=".3" r=".8"><stop offset="0" stop-color="#FFC4D3"/><stop offset=".6" stop-color="#FF6F93"/><stop offset="1" stop-color="#E24673"/></radialGradient><radialGradient id="bb" cx=".38" cy=".3" r=".9"><stop offset="0" stop-color="#FFF1E6"/><stop offset=".6" stop-color="#FFCFB4"/><stop offset="1" stop-color="#EC9C7E"/></radialGradient><linearGradient id="pan" x1="0" y1="0" x2="0" y2="1"><stop offset="0" stop-color="#FFE68A"/><stop offset="1" stop-color="#F2B01E"/></linearGradient></defs><g filter="url(#ds)"><circle cx="60" cy="58" r="33" fill="url(#bb)"/></g><path d="M57 26c-4-7 3-12 8-7" stroke="#C47A58" stroke-width="3.2" fill="none" stroke-linecap="round"/><ellipse cx="46" cy="41" rx="9" ry="5" transform="rotate(-30 46 41)" fill="#fff" opacity="0.8"/><g filter="url(#es)"><circle cx="48" cy="58" r="10" fill="url(#ew)"/></g><circle cx="49.2" cy="59.4" r="6.6" fill="url(#ep)"/><circle cx="46.9" cy="56.9" r="2.0" fill="#fff"/><circle cx="51.5" cy="61.7" r="0.8" fill="#fff" opacity=".8"/><g filter="url(#es)"><circle cx="72" cy="58" r="10" fill="url(#ew)"/></g><circle cx="73.2" cy="59.4" r="6.6" fill="url(#ep)"/><circle cx="70.9" cy="56.9" r="2.0" fill="#fff"/><circle cx="75.5" cy="61.7" r="0.8" fill="#fff" opacity=".8"/><ellipse cx="38" cy="73" rx="5.5" ry="3.2" fill="#FF6F91" opacity=".4"/><ellipse cx="82" cy="73" rx="5.5" ry="3.2" fill="#FF6F91" opacity=".4"/><path d="M56 74q4 4.5 8 0" stroke="#B5563E" stroke-width="2.4" fill="none" stroke-linecap="round"/><g filter="url(#ds)"><path d="M12 82h96c0 17-20 30-48 30S12 99 12 82Z" fill="url(#pan)"/><ellipse cx="60" cy="82" rx="48" ry="7" fill="#FFF3C2"/></g><ellipse cx="32" cy="96" rx="9" ry="3" transform="rotate(-8 32 96)" fill="#fff" opacity="0.6"/></svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.6 KiB