MUI-list(列表),三行列表

 下图是一个典型的三行列表:

MUI-list(列表),三行列表_第1张图片

 结构分解:

1、外层用list,内层用grid进行分栏,

2、第一列mui-col-xs-10,用于显示文字,第二列mui-col-xs-2,用于显示时间

3、文字省略,在当前行增加.mui-ellipsis即可




	
		
		Hello MUI
		
		
		

		
		
		
		
		
	

	
		

三行列表

  • 信息化推进办公室张彦合同付款信息化

    申请人:李四

    Hi,李明明,申请交行信息卡,100元等你拿,李明明,申请交行信息卡,100元等你拿,

    12:25
  • 信息化推进办公室张彦合同付款信息化推进办公室张彦合同付款信息化推进办公室张彦合同付款

    申请人:李四

    Hi,李明明,申请交行信息卡,100元等你拿,李明明,申请交行信息卡,100元等你拿,

    12:25

 

 

你可能感兴趣的:(MUI)