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