Question

我只想将右侧菜单中的单词向右翻转，我的侧菜单位于右侧，但是即使我将其应用于主题文件夹的rtl上，单词仍然使用LTR

在variables.scss

中

$app-direction: rtl;

在cal.html

<ion-header>
  <ion-navbar color = "newcolor">
      <button ion-button menuToggle right>
          <ion-icon name="menu" style="text-align:right"></ion-icon>
        </button>
    <ion-title style="text-align:right">ألـة الحاسبـة</ion-title>
  </ion-navbar>
</ion-header>

Answer 1

您还必须在选择器中编写@include rtl()，以实现从右向左翻转和从左向右@include ltr()的功能。下面我举一个示例，向{{1}添加page-title类}功能，可以左右翻转

cal.html

@include rtl()

variables.scss

<ion-header>
  <ion-navbar color = "newcolor">
      <button ion-button menuToggle right>
          <ion-icon name="menu" class="page-icon"></ion-icon>
        </button>
    <ion-title class="page-title">ألـة الحاسبـة</ion-title>
  </ion-navbar>
</ion-header>

Answer 2

固定标题方向

<ion-title dir="rtl">ألـة الحاسبـة</ion-title>

侧面菜单中的RTL字

2 个答案: