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

祈福入口小树换成宝宝祈福提供的缩略图 (v26100442)

Browse Source 
Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
Karlcarlo
2026-10-05 02:08:14 +00:00
parent 4c31cb1c17
commit e35218690e
4 changed files with 8 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
mama-box.css
View File

@@ -4662,19 +4662,21 @@ a.skip:focus{left:16px;top:16px}
.hero-baby.is-big .hero-zod{left:calc(60% - 30px);top:calc(88% - 6px)}
/* ============ 祈福树入口（2026-10-05） ============
用户：「把『所有工具』取消，右上角放『祈福』两个小字，树在右上角露出一点点，偶尔会动一动」。
· 树图用宝宝祈福会话提供的缩略图（/qifu-shu/static/tree-thumb.png，600² 裁边后缩到 150px 存本地，免得每次拉 550KB）；
· 小树贴在工具卡右上角，右边和顶上各有一截被卡片圆角 / 边线裁掉（.tool-dock 本来就 overflow:hidden），像从卡片外探进来；
· 「祈福」小字在树左边，和标题同一行；整块都是点击区（≥44px 高）；
· 「偶尔动一动」：每 7 秒里前 6 秒静止，最后 1 秒绕树根轻轻摆 3 度左右再回正，不抢眼。 */
.tool-dock{position:relative}
.dock-head{position:relative}
.dock-qifu{margin-left:auto;align-self:stretch;display:flex;align-items:center;gap:2px;
padding:0 40px 0 10px;margin-right:-16px;min-height:44px;margin-top:-10px;margin-bottom:-10px;
padding:0 46px 0 10px;margin-right:-16px;min-height:44px;margin-top:-10px;margin-bottom:-10px;
text-decoration:none;-webkit-tap-highlight-color:transparent}
.dock-qifu .dq-t{font-size:12px;font-weight:700;color:#C2503E;letter-spacing:1px}
.dock-qifu .dq-tree{position:absolute;right:-13px;top:-17px;width:44px;height:51px;
transform-origin:46% 96%;animation:dqSway 7s ease-in-out infinite;
.dock-qifu .dq-tree{position:absolute;right:-12px;top:-15px;width:46px;height:44px;
transform-origin:50% 100%;animation:dqSway 7s ease-in-out infinite;
filter:drop-shadow(0 1.5px 2px rgba(60,40,20,.22));pointer-events:none}
.dock-qifu:active{opacity:.6}
@keyframes dqSway{0%,84%,100%{transform:rotate(0)}88%{transform:rotate(-3.5deg)}93%{transform:rotate(2.5deg)}97%{transform:rotate(-1deg)}}