7.css

主要观点:介绍了一个用于构建旧 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.cssimport "7.css/dist/7.css" 等。
  • 组件示例代码丰富,如各种按钮、输入框、列表框等的代码展示。
  • 窗口相关组件示例详细,包括带有标题栏、窗口主体、状态栏等的完整窗口代码。
  • 提到 7.css 与其他 CSS/styling 框架共存时可使用 7.scoped.css
  • 对于只需要某些组件样式可单独导入,如 https://unpkg.com/7.css/dist/gui/buttons.css
阅读 5
0 条评论