这个项目我负责的部分是一个控制台的需求,用户可以在这个模块进行佣金、订单等项目的修改设置,可以看到第 1 张图相当于控制台首页,页面上有 1、2、3、4、5 个入口,其中 1-4 入口进入的页面对应 4 个页面,但是 4 个页面主要结构相同,中间商品列表样式信息不同,为了简略 4 图归为第二张图。入口 5 对应第三张图。 这几个页面需求并不复杂,大项目本身也是是基于 zepto 的,单单把这个模块拿出来抽离成单页形式主要为了两点考虑: 控制台毕竟涉及操作 dom 的需求会很多,为了兼容未来产品迭代的复杂需求。 控制台从产品最终的形态上更像是一个独立的应用,且用户进入控制台首页后所有的操作就在当前单页内进行操作,无需 a 链接跳转,在体验上也是很贴合用户的。 基于以上两点使用 vue 以及 vue 大礼包编写了这个单页模块。