1

我正在使用Offline.js。Offline.js 是一个库，可在用户失去 Internet 连接时自动提醒他们。

Offline.js在 css 文件中提供了不同的语言，但每种语言都包含他的 css 文件。

在我的网站中，我检测用户语言并以他的语言显示单词以获得良好的用户体验。

你能适应这个库吗？

谢谢

4

1 回答 1

0

如果你使用较少，你可以像这样导入上下文化 css：

@import (inline) '../../bower_components/offline/themes/offline-theme-default.css';

.language-de {
  @import (less) '../../bower_components/offline/themes/offline-language-german.css';
}

.language-en {
  @import (less) '../../bower_components/offline/themes/offline-language-english.css';
}

<body>然后，您可以通过例如在您的元素上设置 language-... 类来切换语言。

更新：如果您使用 cleancss 工具，请确保添加 '@charset "UTF-8";' 在你的主LESS文件中......否则块内会有一个@charset，而cleanncss会弄乱你的CSS。

更新：SASS 也可以导入 css。像那样：

@import '../../bower_components/offline/themes/offline-theme-default';

.language-de {
  @import '../../bower_components/offline/themes/offline-language-german';
}

.language-en {
  @import '../../bower_components/offline/themes/offline-language-english';
}
于 2016-03-31T13:39:41.327 回答