水果摆盘，

水果摆盘
要求

• align-self 值 ： flex-start flex-end center baseline stretch

• order:<整数>(… -1, 0 (default), 1, …)

align-self控制子项自己在侧轴上的排列方式
这个属性允许单个项目有与其他项目不一样的对齐方式，可以覆盖align-items属性
默认值是auto，表示继承父元素的align-items属性，如果没有父元素，则等同于stretch
order定义项目排列顺序
数值越小，排列越靠前，默认为0（和z-index不一样）

/* 菠萝 TODO 待补充代码 */
.yellow {
    display: flex;
	align-self: flex-end;
	order: 1;
}