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

v26110282 百宝箱6条图标换成测/问/算单字；底部加「谁刚测了/算了/看了」轮播

Browse Source 
Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
deploy
2026-11-04 01:43:17 +00:00
parent d2a50bc272
commit da0786c492
10 changed files with 96 additions and 25 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
js/kit.css
View File

@@ -77,3 +77,26 @@ html.night .kit-pn .kit-rows .kr:first-child{border-top-color:#3C3345}
.kit-pn .kit-rows .kr:first-child{border-top:0;margin-top:0}
.kit-pn .kit-rows .kr:last-child{border-bottom:0}
html.night .kit-pn .kit-rows .kr{border-bottom-color:rgba(255,255,255,.1)}
/* 11-04 6 条前面的图标换成单字「测 / 问 / 算」 */
.kr-ic.kr-ch{font-size:16px;font-weight:900;line-height:1;font-family:inherit}
/* 11-04 6 条下面「大家刚刚在用」轮播：一行一条往上翻（kit.js ticker） */
.kit-tk{display:flex;align-items:center;gap:8px;margin:6px 2px 4px;padding:0 12px;height:40px;border-radius:99px;background:rgba(255,236,226,.7)}
.tk-dot{flex:none;width:7px;height:7px;border-radius:50%;background:#FF6A3D;box-shadow:0 0 0 0 rgba(255,106,61,.5);animation:tkDot 1.6s ease-out infinite}
@keyframes tkDot{70%{box-shadow:0 0 0 6px rgba(255,106,61,0)}100%{box-shadow:0 0 0 0 rgba(255,106,61,0)}}
.tk-w{position:relative;flex:1;min-width:0;height:40px;overflow:hidden}
.tk-i{position:absolute;inset:0;display:flex;align-items:center;gap:7px;text-decoration:none;color:#6E5A55;font-size:12.5px;opacity:0;transform:translateY(100%);transition:transform .45s ease,opacity .45s ease}
.tk-i.on{opacity:1;transform:none}
.tk-i.up{opacity:0;transform:translateY(-100%)}
.tk-i img{flex:none;width:22px;height:22px;border-radius:50%;object-fit:cover;border:1.5px solid #fff;background:#FFE3D3}
.tk-t{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tk-t em{font-style:normal;font-weight:700;color:#3A2A26;margin-right:4px}
.tk-t b{font-weight:800;color:#F04A2E}
.tk-c{flex:none;display:grid;place-items:center;width:18px;height:18px;border-radius:6px;font-style:normal;font-size:11px;font-weight:900}
.tk-i.t-qz .tk-c{background:#F1ECFF;color:#7C5CFC}
.tk-i.t-qa .tk-c{background:#E3F5EE;color:#2E9B78}
.tk-i.t-js .tk-c{background:#FFEEDF;color:#E86F22}
.tk-i small{flex:none;font-size:11px;color:#B5A39C}
html.night .kit-tk{background:rgba(255,255,255,.06)}
html.night .tk-i{color:#CDBFC7}
html.night .tk-t em{color:#F1E6EE}
@media (prefers-reduced-motion:reduce){.tk-i{transition:none}.tk-dot{animation:none}}