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

底部「记一下」圆钮的加号改成贴纸文字「记一下!」(v26100214)

Browse Source 
Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
Karlcarlo
2026-10-03 09:26:41 +00:00
parent 931c3215e0
commit 3ae3b673e3
3 changed files with 20 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
mama-box.css
View File

@@ -4284,3 +4284,20 @@ a.skip:focus{left:16px;top:16px}
linear-gradient(180deg,rgba(255,255,255,.7),rgba(255,251,248,.58))!important;
border:1px solid rgba(255,255,255,.95);
box-shadow:0 10px 30px rgba(190,110,80,.10),inset 0 1px 0 #fff,inset 0 -1px 0 rgba(255,255,255,.6)!important}
/* 2026-10-03 用户参考图（中间「+」改成「发情报！」贴纸字）：「记一下」圆钮改成文字贴纸——
大「记」+ 右下小「一下」+「!」（竖排小字时「一」压在「下」上像「二」，改横排），深色字描白边、略歪，字溢出圆钮一点点像贴上去的。
圆钮 46 → 52，圆心仍在底栏顶边下 6px（top = 6 - 26），缺口 mask 半径同步 28 → 31。
下面那行「记一下」文字收起（屏幕阅读器仍可读）；转圈动效对文字不合适，改成按下缩一下、弹层打开时放大一点。 */
.tab-fab .fab{width:52px;height:52px;margin-left:-26px;top:-20px;overflow:visible}
.tab-fab .fab::before{display:none}
.tabbar::before{-webkit-mask:radial-gradient(circle 31px at 50% 6px,transparent 30.5px,#000 31.5px);
mask:radial-gradient(circle 31px at 50% 6px,transparent 30.5px,#000 31.5px)}
.fab-w{position:absolute;left:50%;top:50%;transform:translate(-50%,-52%) rotate(-8deg);display:flex;align-items:center;
white-space:nowrap;font-weight:900;font-style:normal;color:#4A1E14;line-height:1;pointer-events:none;
text-shadow:1.6px 0 #fff,-1.6px 0 #fff,0 1.6px #fff,0 -1.6px #fff,1.2px 1.2px #fff,-1.2px 1.2px #fff,1.2px -1.2px #fff,-1.2px -1.2px #fff,0 3px 4px rgba(120,30,10,.25)}
.fab-w i{font-style:normal;font-size:26px}
.fab-w em{font-style:normal;font-size:12.5px;line-height:1;margin:9px 0 0 0;letter-spacing:-.5px}
.fab-w s{text-decoration:none;font-size:20px;margin-left:0;transform:skewX(-8deg)}
.tab-fab .t-txt{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.tab-fab:active .fab{transform:scale(.9)}
.phone.sheet-open .tabbar .fab{transform:scale(1.08)}