0

我正在尝试在 Meteor 中包含 bootstrap 的flat-ui主题。我添加了 mrt:bootstrap-3 和更少的软件包。然后，我从我的项目目录中的 lib/Flay-UI-2.2.2/ 中的 flat-ui 项目中复制了文件夹 fonts、img、js 和 less。但是我有以下编译错误：

While building the application:
lib/Flat-UI-2.2.2/less/modules/button-groups.less:12:35: Less compiler
error: variable @brand-primary is undefined
lib/Flat-UI-2.2.2/less/modules/buttons.less:10:14: Less compiler error:
variable @btn-font-size-base is undefined
...

看起来它没有按正确的顺序编译，我该如何解决这个问题？我也尝试过重命名flat-ui.less，flat-ui.import.less但没有成功。

更新 1 根据@user3435693 的指示，我能够编译。但是我仍然有一些麻烦。我无法使用复选框和开关。例如，我看到这样的开关

流星

而不是这个

原来的

另外我看不到字形。有什么建议吗？

4

2 回答 2

1

我认为如果您重命名flat-ui.less为flat-ui.import.less.

如果您更喜欢使用Flat UI存储库中的文件而不是包，我将按如下方式进行：

  1. 重命名客户端代码中的每个文件<flat_ui_directory>以包含.import关键字。
  2. 重命名每个导入flat-ui.import.less以包含.import关键字
  3. 导入flat-ui.import.less你自己的less文件，例如style.less

希望有效。

于 2015-04-01T16:31:04.790 回答
0

看来我已经弄清楚它是如何工作的：

  1. 把文件夹放在less文件夹里面client。

  2. 正如@user3435693 所说，将所有文件的文件扩展名从.less更改.import.less为以及所有导入。

  3. 添加mizzao:bootstrap-3.

  4. 将img和fonts文件夹放入文件public夹中。

  5. 将 jQuery 脚本附加到模板中

    Template.myTemp.rendered = function() {
  $.getScript('your/path/to/lib/application.js');
  $.getScript('your/path/to/lib/flat-ui.min.js');
};

然后它起作用了！

于 2015-04-02T16:10:32.753 回答