AskaEth/Hearth
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: h5 webapp list page with rich cards

Browse Source
This commit is contained in:
AskaEth
2026-08-16 16:27:49 +08:00
parent f3405e003f
commit ce55905e59
5 changed files with 78 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/src/main/assets/h5/css/app.css
+31
View File
@@ -99,3 +99,34 @@ body {
.cell .ic { width: 48px; height: 48px; border-radius: 12px; }
.cell .lbl { font-size: 12px; color: var(--text-dim); text-align: center; }
/* H5 应用列表页：富卡片 + 在线/离线标签 */
/* H5 web app list page: rich cards + online/offline badge */
.wcell {
position: relative;
display: flex;
flex-direction: column;
align-items: center;
gap: 6px;
background: var(--glass-bg);
border: 1px solid var(--glass-border);
border-radius: 16px;
padding: 12px 8px;
cursor: pointer;
color: var(--text);
}
.wcell .ic { width: 48px; height: 48px; border-radius: 12px; }
.wcell .lbl { font-size: 12px; color: var(--text-dim); text-align: center; }
.wcell .tag {
position: absolute;
top: 6px;
right: 6px;
font-size: 10px;
padding: 2px 6px;
border-radius: 999px;
background: var(--glass-bg);
border: 1px solid var(--glass-border);
color: var(--text-dim);
}