主要观点:介绍了一个用于构建旧 UI 忠实复制品的设计系统 7.css,包括其安装使用方法、各种组件(如 Balloon、Button 等)的样式和用法、窗口组件(如 Title Bar、Window body 等)的构建等,还提到了 7.css 的许可证为 MIT ,可通过 GitHub issues 页面报告问题,它起源于 XP.css 且是作者闲暇时的趣味项目。
关键信息:
- 可从 unpkg 或 npm 安装 7.css 。
- 有多种组件样式,如 Balloon 的不同位置设置、Button 的各种状态样式等。
- 窗口组件包括 Title Bar 的不同按钮样式、Window body 的内容布局等。
- 7.css 无 JavaScript ,仅用 CSS 样式 HTML 。
重要细节: - 安装方式:
link rel="stylesheet" href="https://unpkg.com/7.css"
或npm install 7.css
,import "7.css/dist/7.css"
等。 - 组件示例代码丰富,如各种按钮、输入框、列表框等的代码展示。
- 窗口相关组件示例详细,包括带有标题栏、窗口主体、状态栏等的完整窗口代码。
- 提到 7.css 与其他 CSS/styling 框架共存时可使用
7.scoped.css
。 - 对于只需要某些组件样式可单独导入,如
https://unpkg.com/7.css/dist/gui/buttons.css
。
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。