首先我们来看看UI给出的设计图. 为什么到达是最前面,为什么物流顺序是倒叙的,这是什么用户习惯,这是我拿到设计稿的问题,但是这里不谈设计,因为审美这个东西无法评估.那么这里我就做一个顺序的来对比一下吧. 由于建采这个项目比较赶,我基本只拿到一直png设计稿和一些psd文件,所以这里我们不考虑用图片和字体图标. 思路:解决难点,就是这个圆,通常的思路就是使用两个元素通过border-radius和定位使他们重叠而达到这个双圆的效果.这样的缺陷很明显,定位的位置很难调整,不能保证这两个圆是否绝对的同