使用原生 JavaScript 构建电影感 16:9 游戏仪表盘（v1.0.0-beta）

2026西湖龙井茶官网DTC发售：茶农直供，政府溯源防伪到农户家 

背景故事

在经历了一点小挫折（并换了一台全新的笔记本电脑）之后，我决定今天坐下来，重新构建我对极简主义 Linux 游戏检查器的愿景。我希望它的感觉更像是一个高端主机界面，而不是标准的数据库。

设计理念

大多数游戏检查器都是垂直列表。我想充分利用 16:9 屏幕的整个宽度。

水平网格：我使用 CSS 网格实现了一个四列布局，以创建“迷你长条”矩形。

极简主义：不使用全大写字母。我为游戏名称使用了标准的首字母大写格式，以保持外观专业且整洁。

性能：不使用沉重的框架。它采用原生 JavaScript 构建，可对当前库中的五十多款游戏进行即时过滤。

功能

即时搜索：输入时进行响应式过滤。

状态徽章：使用特定的 RGBA 透明度，为原生、Proton 和受阻（反作弊）状态提供清晰的指示器，呈现现代外观。

电影画幅：锁定为 16:9 宽高比，以保持美学一致性。

技术栈

我保持了技术栈的简洁：HTML5、CSS3（使用 Tailwind 作为工具类库）以及原生 JavaScript。>
链接

在线演示：[https://silxnce-is-him.github.io/linux-game-checker/]

GitHub 仓库：[https://github.com/SiLXNCE-iS-HiM/linux-game-checker]

这仅仅是 v1.0.0-beta 版本。我计划在未来实现数据获取的自动化，但目前，我专注于用户界面/用户体验设计。非常希望听到您对网格布局的看法！