MUI-slide组件轮播

slide的Dom结构如下:

 当拖动切换显示内容时,会触发slide事件,通过该事件的detail.slideNumber参数可以获得当前显示项的索引(第一项索引为0,第二项为1,以此类推),利用该事件,可在显示内容切换时,动态处理一些业务逻辑。

如下为一个可拖动式选项卡示例,

1、为提高页面加载速度,页面加载时,仅显示第一个选项卡的内容,第二、第三、第四选项卡内容为空。

2、图片轮播、可拖动式图文表格等均可按照同样方式监听内容变化,比如我们可以在图片轮播界面显示当前正在看的是第几张图片:

MUI-slide组件轮播_第1张图片

 



	
		
		Hello MUI
		
		
		
		
		
		
		
	

	
		

图片轮播

  • 定时轮播
你正在看第1张图片

 

 

你可能感兴趣的:(MUI)