项目的页面有首页、登录、产品站、详情页、购物车、订单确认、订单支付、订单列表。 项目的自定义组件有导航组件、底部组件、服务条组件、产品参数组件、订单头部组件、加载组件、弹框组件、无数据组件、微信支付组件。使用的框架是vue2.6、vueRouter（管理整个项目的页面跳转路由）、vuex（登录、购物车数据的实时同步）、axios（访问后端接口）、scss/mixin（抽象使用重复度较高的样式为公共样式函数）。使用的插件有qrcode生成微信支付二维码(已写死每次只支付一分钱，放心测试)、vue-lazyload图片懒加载、mockjs模拟数据、swiper完成首页轮播图、vue-cookie实现登录信息的管理。使用内置的vue-transition、c3-animation实现简单的动画。项目在架构上对Router进行封装、对Storage进行封装、接口错误拦截、接口环境设置。项目优化：通过配置vue.config.js实现对打包文件进行优化缩小体积、路由按需加载避免首页白屏。项目完成后最后使用docker在云服务器上对其进行发布，使用nginx作为其代理服务器。项目公网演示地址：http://47.92.85.106:8100/登录测试账号/密码：admin/admin