mui底部导航条选项卡切换页面,切换子页面模式

先看效果图:

mui底部导航条选项卡切换页面,切换子页面模式_第1张图片 mui底部导航条选项卡切换页面,切换子页面模式_第2张图片

实现原理:通过切换中间部分子页面进行实现

mui底部导航条选项卡切换页面,切换子页面模式_第3张图片

实现步骤:

第一步:创建所需的子页面,这里仅展示其中一个子页面代码,其他子页面照瓢画葫即可。




	
		
		
		
		
		
		
		
	

	
		

首页

第二步:实现带有底部导航栏的主页面,主页面所有代码如下




    
    
    
    
    
    
    




	
	

	


第三步:没有第三步了,运行即可。

 

仅当笔记使用,不喜勿喷。

你可能感兴趣的:(mui底部导航条选项卡切换页面,切换子页面模式)