基于vue制作综合生活类手机端购物商城前端页面效果展示,旨在展示电商网站的常见页面和交互效果。该模板使用了uni.scss的部分变量,其他语法已剔除特殊语法,除变量外可直接替换其他CSS预处理器。

页面更新内容

0430更新

  • 新增分类页3级联动
  • 新增商品列表带筛选、下拉刷新和加载更多
  • 修复一些小问题,包括不能退出登录的bug、bounce区域为红色的bug、创建订单无数据报错的bug

0428更新

  • 完善订单流程
  • 新增创建订单、地址列表、地址添加/修改、支付/支付成功、活动通知页面
  • 优化一部分UI显示效果(微调)

0412更新

  • 修复商品详情选择规格存储错误的bug
  • 修复订单列表app端只有点击全部订单按钮进入才会加载数据的bug
  • 修改部分已在对应页面明确注释,直接替换这部分即可

0409更新

  • 注意注意注意: 订单页使用了一个全局组件empty,这个组件在main.js注册,单独使用订单页可以删除该组件或在页面注册。
  • 并没有更新内容,只是首页到详情加了个传值,不要重复下载

0407更新

  • 更新订单列表页
  • 优化一些小细节(并不需要关注)

0401更新

  • 商品详情页完善,原来的详情页文件保留了,貌似没啥用
  • 规格选择弹窗的动画部分参考了回梦大神,修改后以符合自己的编码习惯。 插件市场的很多代码让我学到了不少东西,感谢作者们的贡献。

0325更新

  • 完善首页
  • 新增设置页面
  • 解决小程序兼容问题,注意onPageScroll滚动监听赋值延迟问题,导致小程序顶部标题栏无法实现渐变效果,采用了妥协性方案解决。app使用原生标题栏实现不存在此问题。
  • 有需要可以考虑使用scroll-view来代替页面滚动,不过要注意性能问题。看了下京东的小程序也是存在很严重的延迟问题,有解决方案的朋友请留言指点一下。

0322更新

  • 更新个人中心页面模版

使用须知

  • 该项目仅作为前端页面展示,其中数据和图片来自网络,仅用于案例展示,请勿用于其他用途。
  • 代码注释比较详细,单独使用时请注意1.2两条的引入。
  • 订单页使用了一个全局组件empty,这个组件在main.js注册,单独使用订单页可以删除该组件或在页面注册。

该模板是一个非常完整的电商项目模版,包含了电商网站中常见的各种页面和交互效果,具有很高的参考价值。