使用css改变dom出现顺序

使用css改变dom出现顺序

今天遇到了一个需求，写一个排行榜，前三名在上面另外

起初的想法是接口拿到数据后做二次处理，改变数据的顺序，但是这样就需要区分好几种情况，包括空值问题。
后来知道可以用css的order熟悉更改dom的显示顺序，但是只对弹性盒模型的元素有效：

.kampong{
	display: flex;
	
	.item-0{
		order: 2;
	}
	.item-1{
		margin: 60rpx 0 0;
		order: 1;
	}
	.item-2{
		margin: 95rpx 0 0
	}
}