在特定裝置上反轉元件的顯示順序

💡 使用情境

---

在網頁上，desktop view 和 mobile view 的「列 Row」和「欄 Column」，預設會以相同的順序呈現。

例如：

• 桌機版：由左至右一排兩欄

  圖1	文1
  文2	圖2

  

• 手機版：RWD 由左至右斷成一排一欄

  圖1 ↩️
  文1
  文2 ↩️
  圖2

但為了排版上的一致性和易讀性，手機版的顯示順序理想會是：

這時新推出的「顯示順序」控制項就能派上用場！

🛠️ 如何使用

---

1. 反轉 Row 的順序：
   • 在 「區段 Section」元件 的 [設定] tab 底下，找到 [顯示順序] 段落
   • 可分別在 desktop view 或 mobile view 啟用「倒序顯示底下的列」功能，反轉這個 Section 內部的子 Row 的順序

2. 反轉 Column 的顯示順序：
   • 在 「列 Row」元件 的 [設定] tab 底下，找到 [顯示順序] 段落
   • 可分別在 desktop view 或 mobile view 啟用「倒序顯示底下的欄」功能，反轉這個 Row 內部的子 Column 的順序