我想为餐厅建立菜单。这是一个平板电脑应用，而不是电话。UI需要3个部分。左侧是2级可扩展导航。当客户单击一个第一级项目时，系统将显示其第二级项目。当客户端更改一个第一级项目时，新的项目将扩展，旧项目将自动关闭。当客户单击二级项目时，中间部分将在此类别中显示菜肴。请参考图片。主UI
那么，我应该如何设计这些零件？我可以把所有的活动都放在一项活动中吗？还是为3个部分放3个片段？我不知道这两种方式之间是否存在负载和刷新效率的差异。
可扩展的导航
可扩展导航
购物车单击
片段
首先在两个零件中执行三个功能
javascript python java c# php android html jquery c++ css ios sql mysql arrays asp.net json python-3.x ruby-on-rails .net sql-server django objective-c excel regex ruby linux ajax iphone xml vba spring asp.net-mvc database wordpress string postgresql wpf windows xcode bash git oracle list vb.net multithreading eclipse algorithm macos powershell visual-studio image forms numpy scala function api selenium