【问题标题】:Semantic UI - Change Theme语义 UI - 更改主题
【发布时间】:2014-11-30 13:23:36
【问题描述】:

我无法让主题选择在语义 UI 中工作。

我尝试按照文档的workflow section 中提供的说明进行操作:

项目的 examples/ 文件夹中的文件可用于测试 UI 中的更改。例如,您可以运行 gulp watch download a new theme to src/site/themes/,然后使用新主题的名称调整您的 theme.config 文件并刷新 examples/kitchensink.html 以检查主题的变化。

所以在语义ui目录下,经过合适的gulp build/gulp install步骤,

  1. 我输入gulp watch,

  2. 我修改src/theme.config,例如:

    ...
    /* Elements */
    @button     : 'material';
    ...
    
  3. 文件dist/semantic.css 被重新生成(说是inotify)。

到目前为止一切顺利......除了examples/kitchensink 的渲染仍然是默认的。 仔细查看dist/semantic.css 会发现它实际上与原来的相同。

谁能指出我过程中的(可能很明显)问题?

【问题讨论】:

    标签: semantic-ui


    【解决方案1】:

    第 1 步。 更改 /src/themes/theme.config 以反映您想要的主题(例如 @button: 'material')

    第 2 步。 重建 - gulp build

    第 3 步。刷新您的浏览器

    【讨论】:

    • 我发现语义用户界面文档不足,我花了一个小时来做​​这件事,但在任何地方的文档中都没有提到这一点。 (或埋在我错过/找不到的地方)
    • 它有效,谢谢。显然,“gulp watch”不能按预期工作(另请参阅 github.com/Semantic-Org/Semantic-UI/issues/1344>)。
    • 你让它工作了吗?我已按照您的指示进行操作,但我仍然看到默认主题
    • 更新节点现在可以工作了。在发帖时,watch 没有按预期工作。
    • 起初它对我不起作用。然后我带回了 src/themes/ 的默认主题文件夹(我删除了它进行了一些试验和错误)。然后它起作用了!看起来默认主题必须始终存在,这是有道理的,因为它是后备主题。但是,如果缺少默认主题,至少应该有某种通知。
    猜你喜欢
    • 2019-02-06
    • 1970-01-01
    • 2019-09-14
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多