更新记录

1.2.0(2019-07-08) 下载此版本

    1. 部分页面添加subNvue导航栏(仅支持APP,具体添加页面看页面列表标注)
    1. 所有页面的字体图标归类到/static/iconfont/font.scss下,App.vue引入全局调用,目录下有ttf文件,低版本安卓如果图标不显示可以引用ttf文件试试
    1. 修复H5端商品详情页导航栏的错位问题 感谢 @深蓝新创科技 反馈

1.1.1(2019-06-25) 下载此版本

修改主图....

1.1(2019-06-25) 下载此版本

  1. 增加评论列表页(商品详情页点击评论进入)
  2. 模板编译模式改为自定义组件模式
  3. 一些小的语法变更
查看更多

平台兼容性

  • 遇到问题或有建议可以评论留言或者直接提问
  • 如果觉得模板不错,给个五星鼓励鼓励!

已实现页面

  • tabbar
    • 首页(subNvue导航栏)
    • 分类页(vue,nvue)
    • 购物车页(subNvue导航栏)
    • 个人中心页(subNvue导航栏)
  • 下级页面
    • 商品列表页(vue,nvue)
    • 商品详情页
    • 订单确认页
    • 个人中心页
    • 登录页
    • 注册页
    • 重置密码页
    • 我的订单页(vue,nvue)
    • 设置页
    • 消息列表页
    • 聊天页
    • 我的二维码页
    • 优惠券页
    • 我的收藏页
    • 地址管理页
    • 地址编辑/新增页
    • 充值页
    • 订单支付页
    • 支付成功页
    • 评论列表

模板说明

  • HX 2.0.3+ 版本的用户注意,模板nvue文件编译模式为weex模式,不支持uni-app模式(等uni-app模式完善后再支持),也就是说,目前页面目录会同时有nvue和vue文件,APP端使用nvue文件,非APP端使用vue文件。
  • 首页、分类页左上角城市,使用了高德SDK获取城市信息,实际应用中请替换模板的高德KEY,参考这里
  • 所有页面的字体图标归类到/static/iconfont/font.scss下,App.vue引入全局调用,同时目录下有ttf文件,低版本安卓如果图标不显示,可以引用ttf文件试试。
  • 模板中把表情上传到了第三方图床(仅供模板在APP和小程序中展示,请勿依赖此图床,实际使用中请自行上传到您的服务器中调用。)
  • 地址编辑/新增页使用了mpvue-citypicker城市选择组件
  • 模板页面之间耦合性低,页面除字体图标外的css都独立写在页面内部,只看上了模板中某个页面,可以很方便的拿出来单独使用(记得带上字体图标/static/iconfont/font.scss)。
  • 点击昵称跳转登录/注册页面
  • 模板中的搜索功能,建议用户直接做成跳转至搜索模板进行搜索,需要自己动手实现。
  • 模板中除了商品详情页外的图片均放在本地,如果要做小程序的,要换成远程图片避免大小限制。
  • 模板商品图片采集于淘宝,分类图片使用iconfont @是满月啊,工具栏图标使用iconfont @小胖要吃肉丸变成球球,图片均只用于案例展示,请勿用于其他用途。
  • 编译样式需要安装scss插件,HBuilderX -> 工具 -> 插件安装 -> scss/sass编译 -> 安装
  • 如果觉得模板还不错给个五星鼓励鼓励!

APP端说明

  • 为了提高APP端性能,APP端部分页面配套了subNvue导航栏或nvue页面,使用模板时候需要注意
  • 使用模板中含有subNvue导航栏的页面时候,请注意配置page.json文件,模板为了兼容其他端,在vue页内也写有导航栏,在非APP端时候显示。
  • 含有nvue页面的页面目录中,会有vue和nvue两个文件,APP端使用nvue,非APP端使用vue文件。
  • 由于使用不同的页面,APP端和非APP端使用体验上有一定的差异。
  • 如果你不想要这些APP独有的元素,可以在模板中删除,vue文件也支持在APP中使用的(删除subNvue导航栏需要改动页面参数让vue页的导航栏显示在APP)。

预览图

偷偷的在后面打广告

定制模板,开发uniapp、H5+APP、wap2app、PHP,可以加我QQ骚扰,收费的。
使用我的模板过程中遇到问题,可以加我QQ反馈

QQ:565766672 (刮刮卡)

版本记录


  • 2019-07-08

      1. 部分页面添加subNvue导航栏(仅支持APP,具体添加页面看页面列表标注)
      1. 所有页面的字体图标归类到/static/iconfont/font.scss下,App.vue引入全局调用,目录下有ttf文件,低版本安卓如果图标不显示可以引用ttf文件试试
      1. 修复H5端商品详情页导航栏的错位问题 感谢 @深蓝新创科技 反馈
  • 2019-06-25

      1. 增加评论列表页(商品详情页点击评论进入)
      1. 模板编译模式改为自定义组件模式
      1. 一些小的语法变更
  • 2019-04-26

      1. 购物车 修复全选删除不能全部删除问题(低级错误啊啊啊啊 0..0)
      1. 修复地址编辑保存按钮错位问题
      1. 修复H5平台从订单确认页进入选择地址列表不能编辑地址问题
  • 2019-04-25

      1. 购物车
        • 修复删除商品没更新selectedList问题
        • 修复手动输入数量价格不更新问题
        • 添加加入商品方法(说明请看代码注释)
      1. 完善购物流程(完善了从下单到支付完成的页面)
      1. 增加更多功能页面(详细请看下方“已实现页面”)
  • 2019-04-15

      1. 客服聊天页 消息过长不换行问题。
      1. 商品列表页,我的订单页 修复H5下重复进入页面顶部栏消失问题。
      1. 登录页 安卓下,弹出键盘会把第三方登录按钮顶上来问题。
  • 2019-04-12

      1. 购物车页,修复数量没有垂直居中问题。
      1. 客服聊天页 修复点击发送图片按钮表情不收起的情况,优化初次进入页面时图片加载和调整聊天图片尺寸,把表情上传到了第三方图床(仅供模板在APP和小程序中展示,实际使用中请自行上传到您的服务器中调用。)
  • 2019-04-11

      1. 修复iOS下页面回弹导致头部抖动
      1. 购物车页 修复删除商品时动画错误问题
      1. 商品详情页
        • 添加默认头部按钮半透明底色
        • 添加商品轮播图指示器
        • 添加分享弹窗(点击左下角分享)
        • 修复小程序下锚点不居中问题
        • 调整所有弹窗动画时长
      1. 增加页面 我的订单页,设置页,我的二维码页,消息列表页,聊天(客服)页

隐私、权限声明

1. 本插件需要申请的系统权限列表:

需要登录鉴权、定位权限,实际发布项目需要在manifest.json -> App模块权限配置 中勾选对应权限并添加相应权限的描述说明,第三方登录需要在manifest.json -> APP SDK配置 中添加对应登录参数

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明:

模板包含高德SDK,代码注释中和上方模板介绍中有详细说明。

3. 本插件是否包含广告,如包含需详细说明广告表达方式、展示频率:

图片采集于互联网,仅作为案例展示,不作为广告/商业,如有侵权,请告知删除。下载使用模板的用户,请勿把模板中的图片应用到你的项目中。

许可协议

MIT协议

使用中有什么不明白的地方,就向插件作者提问吧~ 我要提问