RTL 布局

Framework7 完全支持 RTL(从右到左)语言,例如阿拉伯语和希伯来语。要启用 RTL 模式,您只需包含带有 RTL 样式的 CSS 文件(而不是通常的文件),并在 html 元素上添加 dir="rtl" 属性。

<!DOCTYPE html>
  <html dir="rtl">
    <head>
      ...
      <title>My App</title>
      <!-- Path to Framework7 RTL stylesheet -->
      <link rel="stylesheet" href="path/to/framework7-bundle-rtl.min.css">

      <!-- Path to your custom app styles-->
      <link rel="stylesheet" href="path/to/my-app.css">
      ...

请注意,RTL 模式下的所有 RTL“镜像”都是仅使用 CSS 完成的,因此您不应更改 HTML 元素的顺序,并应保持 LTR 方式。