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 方式。