手機版編輯器版面(vs 桌面對照)
閱讀約 3 分鐘
手機螢幕只有桌面 1/10——硬縮桌面 UI 沒人用得了。Slima 在手機是重新設計過的編輯器:底部導覽 + sheet 取代左右面板。本篇基於桌面對照說明手機差異;確切手機 UI 元素以實際裝置為準。

手機 vs 桌面差異
| 元素 | 桌面 | 手機 |
|---|---|---|
| 活動欄 | 最左側垂直列 | 收進「更多」sheet |
| 左面板(檔案樹) | 始終可見可拖寬 | 從底部往上滑出 sheet |
| 右面板(AI 教練 / 筆記) | 始終可見 | 從底部往上滑出 sheet |
| 編輯區 | 中央,三欄之一 | 全螢幕(去掉兩側面板後幾乎佔滿) |
| 格式工具列 | 編輯區頂部 | 浮動在虛擬鍵盤上方 |
| 同步 / 字數狀態 | 底部狀態列 | 收進頂部頭 + 「更多」sheet |
手機版主要元素
頂部 mini header
- 左:← 回書架
- 中:當前章節名
- 右:⋯ 更多 / 設定
不放工具列——工具列在底部跟著鍵盤。
編輯區(中間,最大)
- 跟桌面同款 Markdown 編輯器,字級預設更大(手機通常離眼睛近)
- 沒有滑鼠右鍵 → 長按選取觸發 context menu
- 內聯 AI suggestion / smart enter 一樣可用
底部導覽列
底部 4 顆大按鈕(具體 icon 看裝置版本,常見內容):
- 📖 章節列表 sheet
- ✏️ 編輯
- 💬 AI 教練 sheet
- ⋯ 更多 sheet(設定 / 同步狀態 / 字數)
各 sheet 的內容
- 章節 sheet:當前書全部檔案 + 重排 / 新增 / 重命名 / 搜尋
- AI 教練 sheet:同桌面對話介面
- 更多 sheet:偏好設定 / 同步狀態 / 字數 / 匯出 / 等
PWA 版差異
如果是用 PWA(install-pwa)裝起來,手機體驗會更接近 native app(有 launcher icon、可離線)。
相關
這篇有幫助嗎?