基于Vue、Vuex、Vue-router实现的购物商城(原生切换动画)效果

设计布局:将页面的固定布局 position:fixed 全部改为绝对布 局position:absolute ;因为fixed会出现莫名其妙的兼容性问题，比如在ios11或ios8下会失效，输入框软键盘激活之后会把底部的固定定位弹出去，导致布局错乱。用absolute实现fixed细节可以参考这篇。媲美原生的页面前进和后退的动画实现:指定transition:name在data中声明默认的进出动画在mounted()数据渲染初始化完成之后进行判断拿到vuex的状态值然后进行判断最后将当前的组件名字传给vuex,实现不同的组件进去就有不同的切换动画。我给每个订单状态的组件一个不同的数字，根据这个数字，判断组件是左滑动的动画还是又滑动的动画