每种语言具有多种样式(scss)的ExtJs视图

wgeznvg7 于 2022-09-26 发布在其他

关注(0)|答案(1)|浏览(172)

我的ExtJs应用程序必须是多语言的。
在登录页面上，我要求用户从下拉列表中选择语言。
我的应用程序文件的当前结构如下

[app]
  [classic]
    [src]
      [view]
        [customers]
          customerController.js
          customerView.js
          customerView.scss

如何为同一视图创建多个scss文件

例如e1d1e是始终加载的通用文件，customerView.en.scss特定于英语，仅当用户在登录页面上选择英语时，以及customerView.es.scss仅当用户选择登录页面上的西班牙语时

或者有更好的主意吗

extjs

1条答案

最简单的方法可能是将类添加到视口：

Ext.getBody().addCls('language-en')

在scss文件中添加：

.language-en {
    .customer-view {
    }
}

.language-de {
    .customer-view {
    }
}

否则，您必须进入build.xml和时尚构建器。
在时装生成器中，您必须重新安排构建。