RTL 布局

Framework7 完全支持 RTL (从右到左) 语言,例如:Arabic 和 Hebrew. 开启 RTL 模式非常简单,你只需要引入支持 RTL 模式的样式文件,同时在 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.rtl.min.css">

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

如果你构建的应用只使用了 iOS 或 MD 其中一个主题,则你可以引用如下所示的主题对应的 RTL 样式文件:

<!-- For iOS theme only -->
<link rel="stylesheet" href="path/to/framework7.rtl.ios.min.css">
<!-- For MD theme only -->
<link rel="stylesheet" href="path/to/framework7.rtl.md.min.css">

注意,所有支持 RTL 模式的方法,都是使用 CSS 方式,不需要额外更改其他元素属性。