为什么$app方向:RTL 不起作用?



文档: https://ionicframework.com/docs/theming/rtl-support/

我想知道为什么这个变量$app-direction: rtl;/src/theme/variables.scss不起作用/没有影响?

ionic --version
3.6.0

UI 是相同的,无论有没有它。

根据文档,他们指出$app方向是在./node_modules/ionic-angular/themes/ionic.globals.scss文件中的某个地方设置的。 至少对我来说 - 没有这样的变量...据我所知 - 我使用的是最新版本没有?

AFAIK,该$app-direction: rtl;应放置在variables.scss文件中,变量唯一要做的就是

启用对 RTL 语言的支持

这还有一个额外的好处,那就是还可以使生成的CSS保持更小。

但它不会使您的应用程序成为 RTL。如果您想更改应用的布局以使其成为 RTL,就像您在文档中看到的那样:

我们建议使用应用的索引.html文件已具有正确的目录 属性值集,例如<html dir="ltr"><html dir="rtl">

如果你的场景中需要动态更改它,则可以使用Platform中的setDir(dir, updateDocument)方法,如下所示:

private setProperAligment(): void {
if (this.selectedLanguage.rtl) {
this.platform.setDir('rtl', true);
// ...
} else {
this.platform.setDir('ltr', true);
// ...
}
}

最新更新