效果如圖:
步驟:
1、先擺放好基本元件,包括條件1,條件2的輸入框;
2、設置動態面板“按鈕”,狀態分別爲展開/收起,並在相應狀態下設置按鈕的形狀和文字,並設置動態面板載入時,設置“按鈕”狀態爲“展開”。
3、設置動態面板“更多條件”,只有一個狀態,顯示爲更多的查詢條件。
4、設置“按鈕-展開”onclck操作,顯示“更多條件”,推動元件。相似地,設置“收起”操作,隱藏“更多條件”,推動元件。5、設置隱藏“更多條件”,“按鈕”狀態爲“展開”,顯示“更多按鈕”時,狀態爲“收起”。
6.預覽即可