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

style(首页工具卡): 图标改成白色半透明水印，降低视觉干扰 (v26093022)

Browse Source 
用户反馈五个彩色图标抢眼、满屏都是图标。图标只作装饰，统一改为：
- 白色单色 SVG（彩色细节改用镂空），28% 透明度；
- 放大并转 -12°，斜压在卡片右下角、出血到卡边外，退成卡面底纹；
- 孕期体重卡的秤也改为右下角水印，标题和数字居中；文字层统一压在水印之上。

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
Karlcarlo
2026-09-30 17:06:48 +00:00
parent a7e71fda2d
commit 53b208e3a5
13 changed files with 27 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
assets/img/3c4cf0da356c.svg Normal file
View File

@@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="8 8 32 32"><circle cx="24" cy="24" r="13.5" fill="none" stroke="#fff" stroke-width="3.2"/><path d="M24 24L30.5 17.5" stroke="#fff" stroke-width="3.2" stroke-linecap="round"/><circle cx="24" cy="24" r="3" fill="#fff"/></svg>
Side by Side

After

Width:  |  Height:  |  Size: 272 B

1
assets/img/3fb748e6df44.svg
View File

@@ -1 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="7 11 35 35"><path d="M9 31c3.6 0 4.2-13 7.6-13s4 13 7.6 13 4.2-13 7.6-13 4 13 7.6 13" fill="none" stroke="#fff" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/><circle cx="24" cy="38.5" r="2.1" fill="#F2B44A"/></svg>
Side by Side

Before

Width:  |  Height:  |  Size: 282 B

1
assets/img/5486081fed1b.svg
View File

@@ -1 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="10.3 10.3 27.4 27.4"><circle cx="24" cy="24" r="13.2" fill="#F8FBFF"/><path d="M24 24L31.6 16.6" stroke="#F2876E" stroke-width="3.2" stroke-linecap="round" fill="none"/><circle cx="24" cy="24" r="2.6" fill="#5E78B4"/></svg>
Side by Side

Before

Width:  |  Height:  |  Size: 272 B

1
assets/img/6a738c6b4784.svg
View File

@@ -1 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="8.5 8 35 35"><ellipse cx="26" cy="30" rx="9" ry="11.5" transform="rotate(10 26 30)" fill="#fff"/><circle cx="14.5" cy="17" r="3.2" fill="#fff"/><circle cx="21.5" cy="13.5" r="2.8" fill="#fff"/><circle cx="28" cy="12.5" r="2.5" fill="#fff"/><circle cx="34" cy="14" r="2.2" fill="#fff"/><circle cx="38.5" cy="17.5" r="1.9" fill="#fff"/></svg>
Side by Side

Before

Width:  |  Height:  |  Size: 389 B

1
assets/img/6add0c9e5856.svg Normal file
View File

@@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="8.5 8 35 35" fill="#fff"><ellipse cx="26" cy="30" rx="9" ry="11.5" transform="rotate(10 26 30)"/><circle cx="14.5" cy="17" r="3.2"/><circle cx="21.5" cy="13.5" r="2.8"/><circle cx="28" cy="12.5" r="2.5"/><circle cx="34" cy="14" r="2.2"/><circle cx="38.5" cy="17.5" r="1.9"/></svg>
Side by Side

After

Width:  |  Height:  |  Size: 329 B

1
assets/img/a693b92f3239.svg Normal file
View File

@@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="12 8 76 80"><defs><mask id="m"><rect x="0" y="0" width="100" height="100" fill="#fff"/><path d="M16 42H84" stroke="#000" stroke-width="4"/><path d="M37 60l8 8 17-17" fill="none" stroke="#000" stroke-width="6.5" stroke-linecap="round" stroke-linejoin="round"/><rect x="27" y="10" width="15" height="24" rx="7.5" fill="#000"/><rect x="58" y="10" width="15" height="24" rx="7.5" fill="#000"/></mask></defs><rect x="16" y="22" width="68" height="62" rx="14" fill="#fff" mask="url(#m)"/><rect x="30" y="12" width="9" height="18" rx="4.5" fill="#fff"/><rect x="61" y="12" width="9" height="18" rx="4.5" fill="#fff"/></svg>
Side by Side

After

Width:  |  Height:  |  Size: 665 B

1
assets/img/a8775a486c4c.svg
View File

@@ -1 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="12 10 76 78"><rect x="16" y="22" width="68" height="62" rx="14" fill="#C7D9AC"/><path d="M16 42V36a14 14 0 0 1 14-14h40a14 14 0 0 1 14 14v6Z" fill="#8CAE64"/><rect x="30" y="12" width="9" height="18" rx="4.5" fill="#DDE9CC"/><rect x="61" y="12" width="9" height="18" rx="4.5" fill="#DDE9CC"/><rect x="25" y="48" width="50" height="28" rx="8" fill="#EEF4E5"/><path d="M38 62l7.5 7.5L62 53" fill="none" stroke="#6F9A48" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/></svg>
Side by Side

Before

Width:  |  Height:  |  Size: 538 B

1
assets/img/ad7487f2e445.svg Normal file
View File

@@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="7 11 35 35"><path d="M9 31c3.6 0 4.2-13 7.6-13s4 13 7.6 13 4.2-13 7.6-13 4 13 7.6 13" fill="none" stroke="#fff" stroke-width="3.4" stroke-linecap="round" stroke-linejoin="round"/><circle cx="24" cy="38.5" r="2.3" fill="#fff"/></svg>
Side by Side

After

Width:  |  Height:  |  Size: 281 B

1
assets/img/e23a31b6fb87.svg
View File

@@ -1 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="6 4 88 92"><defs><linearGradient id="b" x1="0" y1="0" x2=".3" y2="1"><stop offset="0" stop-color="#FCCBBB"/><stop offset="1" stop-color="#F3A48F"/></linearGradient><linearGradient id="d" x1="0" y1="0" x2="0" y2="1"><stop offset="0" stop-color="#7A8089"/><stop offset="1" stop-color="#5A6069"/></linearGradient></defs><rect x="10" y="12" width="80" height="80" rx="20" fill="#E3826D"/><rect x="10" y="8" width="80" height="80" rx="20" fill="url(#b)"/><path d="M50 55V84M16 60H84" stroke="#EE9A85" stroke-width="1.2" opacity=".6"/><circle cx="50" cy="33" r="19.5" fill="#FFE6DC"/><circle cx="50" cy="33" r="17" fill="url(#d)"/><line x1="39.19" y1="36.93" x2="36.37" y2="37.96" stroke="#fff" stroke-width="1.6" stroke-linecap="round" opacity=".9"/><line x1="37.51" y1="32.56" x2="35.51" y2="32.49" stroke="#fff" stroke-width="1.1" stroke-linecap="round" opacity=".9"/><line x1="38.58" y1="27.92" x2="36.75" y2="27.10" stroke="#fff" stroke-width="1.1" stroke-linecap="round" opacity=".9"/><line x1="41.32" y1="24.01" x2="39.93" y2="22.57" stroke="#fff" stroke-width="1.1" stroke-linecap="round" opacity=".9"/><line x1="45.32" y1="21.41" x2="44.57" y2="19.56" stroke="#fff" stroke-width="1.1" stroke-linecap="round" opacity=".9"/><line x1="50.00" y1="21.50" x2="50.00" y2="18.50" stroke="#fff" stroke-width="1.6" stroke-linecap="round" opacity=".9"/><line x1="54.68" y1="21.41" x2="55.43" y2="19.56" stroke="#fff" stroke-width="1.1" stroke-linecap="round" opacity=".9"/><line x1="58.68" y1="24.01" x2="60.07" y2="22.57" stroke="#fff" stroke-width="1.1" stroke-linecap="round" opacity=".9"/><line x1="61.42" y1="27.92" x2="63.25" y2="27.10" stroke="#fff" stroke-width="1.1" stroke-linecap="round" opacity=".9"/><line x1="62.49" y1="32.56" x2="64.49" y2="32.49" stroke="#fff" stroke-width="1.1" stroke-linecap="round" opacity=".9"/><line x1="60.81" y1="36.93" x2="63.63" y2="37.96" stroke="#fff" stroke-width="1.6" stroke-linecap="round" opacity=".9"/><path d="M50 38V21" stroke="#F58A70" stroke-width="3" stroke-linecap="round"/><circle cx="50" cy="39" r="5" fill="#F58A70"/></svg>
Side by Side

Before

Width:  |  Height:  |  Size: 2.1 KiB

1
assets/img/fc0ab3d2e21a.svg Normal file
View File

@@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="6 6 88 88"><defs><mask id="m"><rect x="0" y="0" width="100" height="100" fill="#fff"/><circle cx="50" cy="34" r="18" fill="#000"/><path d="M26 68H74" stroke="#000" stroke-width="3" stroke-linecap="round"/></mask></defs><rect x="10" y="10" width="80" height="80" rx="22" fill="#fff" mask="url(#m)"/><line x1="38.67" y1="36.00" x2="36.21" y2="36.43" stroke="#fff" stroke-width="1.8" stroke-linecap="round"/><line x1="38.89" y1="31.02" x2="36.48" y2="30.38" stroke="#fff" stroke-width="1.8" stroke-linecap="round"/><line x1="41.19" y1="26.61" x2="39.28" y2="25.00" stroke="#fff" stroke-width="1.8" stroke-linecap="round"/><line x1="45.14" y1="23.58" x2="44.08" y2="21.31" stroke="#fff" stroke-width="1.8" stroke-linecap="round"/><line x1="50.00" y1="22.50" x2="50.00" y2="20.00" stroke="#fff" stroke-width="1.8" stroke-linecap="round"/><line x1="54.86" y1="23.58" x2="55.92" y2="21.31" stroke="#fff" stroke-width="1.8" stroke-linecap="round"/><line x1="58.81" y1="26.61" x2="60.72" y2="25.00" stroke="#fff" stroke-width="1.8" stroke-linecap="round"/><line x1="61.11" y1="31.02" x2="63.52" y2="30.38" stroke="#fff" stroke-width="1.8" stroke-linecap="round"/><line x1="61.33" y1="36.00" x2="63.79" y2="36.43" stroke="#fff" stroke-width="1.8" stroke-linecap="round"/><path d="M50 38L50 24" stroke="#fff" stroke-width="3.2" stroke-linecap="round"/><circle cx="50" cy="38" r="4" fill="#fff"/></svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.4 KiB