Semantic-UI CSS 框架的主题

Question

我正在尝试获取 Semantic-UI 按钮（亚马逊主题）的 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. 导航到您提取或下载 Semantic-UI 源的文件夹，并在命令行中执行以下操作：
3. 运行npm install。
   1. 当系统询问时，选择自动（用于安装）
   2. 然后选择是（用于删除安装文件）
   3. 然后否（现在用于构建语义）
4. 编辑./src/theme.config文件，将@button: 'default';改为@button: 'amazon';
5. 运行gulp build

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