# APP首頁排版設計 >[info] version`2.5+` 20210801 自定義配置支持首頁菜單、登錄頁面、封面圖、online表單、設計器表單以及APP相關的基礎信息（***注意：修改后配置想要立即生效需要APP端退出重新登錄才能實現。默認配置信息緩存十分鐘***。哪如何讓所有重點終端都生效呢？ 臨時方案，可以所有的token都失效，清空redis中的token） [TOC] ## 1.APP基礎配置 > 登錄頁面、logo圖、輪播圖 登錄后臺，點擊`表單設計 > APP智能設計`，可以看到如下圖頁面  在配置信息的tab下面，可以設置app的標題、logo和首頁的輪播圖信息。配置完成后的app頁面，如下  **配置方式：** 填寫完成標題等信息后，點擊下方保存按鈕即可； ## 2.首頁菜單配置 > 首頁菜單圖標、路由、online表單、設計器表單 ### 2.1字段介紹 見下圖：  ### 2.2新增 點擊圖中的+號，右側會切換到菜單配置tab，輸入基本信息后，點擊保存即可新增。  >[info]具體路由配置參見下方【2.5路由配置】 ### 2.3編輯 單擊具體的服務模塊，信息會回顯到右側的form表單中，修改信息后，點擊保存即可完成編輯。  ### 2.4刪除 雙擊任意服務模塊，進入刪除模式，所有服務模塊右上角會顯示刪除標記，點擊具體的模塊的右上角刪除標記，即可刪除服務模塊。再次雙擊任意服務模塊后，回到正常模式。  ### 2.5路由配置 **方式一：手動輸入路由名稱。具體路由名稱的獲取方式如下：** APP端配置路由： 1：在page.json文件中配置好頁面路徑  2: 在router下的routes文件下配置路由地址和名稱  3: 將路由name配置到下圖位置即可  **方式二：點擊輸入欄內后側的操作按鈕，彈出選擇框，選擇你要的表單即可**  Tab1對應的是你創建的online表單 Tab2對應的是你創建的設計器表單 >[info]注意點: online對接的路由配置格式：**/app/online/表名** 表單設計器對接的路由配置格式：**/app/desform/表單編碼** 普通的路由配置的格式： ***APP端設置的路由名稱*** ### 2.6是否開啟 新增模塊的狀態默認是開啟的，若果關閉后，左側的菜單模塊會置灰，在app端的頁面上則不會顯示該模塊  ### 2.7拖拽排版 拖動具體的服務模塊，可以將它放到任意位置，來修改排版和布局，拖動完成后，點擊下方**保存排版**按鈕即可 **切記：拖拽排序完后一定要點擊保存排版按鈕**  ## 3.首頁布局如何切換 通過設置根目錄下App.vue 頁面配置的參數 isLocalConfig 默認為true，表示通過前端配置的數據來構建首頁。 改為false，通過后臺智能設計的數據來加載首頁。