定義
從螢幕邊緣滑出的浮層面版。
何時使用
抽屜從母畫面逼邊緣滑出,並覆蓋抽屜部分母畫面。使用者在抽屜內操作時,不離開當前任務,操作完成後,可離開抽屜回到原任務。
位置
從螢幕邊緣滑出並且佔全螢幕的 80%。
規則
- 點選「加入」按鈕後,即可出現抽屜元件。
- 已被加入的不顯示,僅可搜尋未被加入過的商品。
- 被抽屜遮蓋到的母畫面使用深色遮罩蓋住。
類型
1. 基本樣式
- 寬度:為全螢幕的 80%。
- 包含「標題」、「搜尋區域」、「搜尋結果(列表)」三個區塊。
- 標題:文案為「加入 XXX」。
- 搜尋區域:搜尋篩選條件,幫助使用者縮小資料範圍。
- 資料筆數資訊基本文案為:總資料筆數共 【數值】 筆,已勾選 【數值】 筆,可依照需求改變文案。
- 列表:呈現搜尋結果。預設為未篩選過的資料,並非空狀態。
- 範例:https://zpl.io/bPy1LrD