css - Semantic-UI CSS 框架的主题

Question

我正在尝试获取语义用户界面按钮(亚马逊主题)的 css 文件。我试图按照他们关于如何构建主题的说明进行操作，这远远超出了我的技能水平，结果让我迷路了。我将非常感谢任何帮助获取这些按钮(亚马逊主题)css 文件的帮助。 1-有简单的方法吗？ 2- 他们是否准备好提供所需的主题？ http://semantic-ui.com/elements/button.html

Answer 1

2-- 预编译的非默认(打包)主题组件在 Semantic UI's official site 上均不可用。也不在 dist folder on their github repo .

但是您可以通过欺骗获得预编译的 Amazon 按钮，因为它们作为资源在 Theming Demo site 上可用。 . 打开这个站点，它看起来像 github，除了它在右上角的通知图标旁边有一个油漆桶图标。单击此油漆桶图标，左侧将出现一个主题侧边栏。您必须为要加载的资源选择所需的主题，然后您可以通过浏览器的开发人员工具源或网络选项卡获取它们。

1-- 如果您想再给构建过程一次机会，方法如下:

先决条件:安装 NodeJs with Npm和 Gulp (在命令行中运行 npm i -g gulp)。

1. > Download (并解压)语义 UI 源
2. 导航到您提取或下载语义 UI 源的文件夹，并在命令行中执行以下操作:
3. 运行 npm 安装。
   1. 当询问时，选择自动(用于安装)
   2. 然后选择是(删除安装文件)
   3. 然后否(现在用于构建语义)
4. 编辑./src/theme.config文件，将@button: 'default';改为@button: 'amazon';
5. 运行 gulp build

构建完成后，您应该在./dist 文件夹中找到已编译的css 文件，并在 中找到您自定义的Amazon button.css。/dist/components 文件夹。