当前位置: 首页 > 资源下载  > 手机网站模板 > 微商城

手机商城模板,html模板,小程序模板,App模板一套通用

2020/1/8 22:31:33 人评论

商城首页,个人中心,登录注册,购物车,商品详情,商品分类页,客服聊天页,地址管理等更新记录1.2.0(2019-07-08)部分页面添加subNvue导航栏(仅支持APP,具体添加页面看页面列表标注)所有页面的字体图标归类到/static/iconfont/font.scss下,App.vue引入全局调用,目录…

商城首页,个人中心,登录注册,购物车,商品详情,商品分类页,客服聊天页,地址管理等

更新记录

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)

修改主图....

查看更多


  • 遇到问题或有建议可以评论留言或者直接提问

  • 如果觉得模板不错,给个五星鼓励鼓励!

已实现页面

  • 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)。

预览图



下载地址

  • 预览 下载

    商城模板.zip

    文件类型:zip 大小: 1.33MB 下载: 所需积分:1    下载积分需要通过充1元=1积分

相关资源

  • 食品零售商城app手机模板

    一款实用的土特产食品,营养食品商城,食品零食商城手机app模板下载。包含:主页商城、产品详情、购物车、确认订单、个人中心等总共20个页面

    2020/9/24 10:30:22
  • 珠宝首饰商城app手机模板

    一款简洁的手机端珠宝店铺电商网站,珠宝首饰购物商城手机网站模板html下载。包含:主页、分类、图文详情、产品列表、购物车、用户中心等等总共30个页面。

    2020/9/24 10:28:53
  • 在线网络书城app商城模板

    简单的在线书店销售,手机书城app,书店商城app手机模板。包含:主页、商品详情、购物车、订单结算、提交订单、个人中心等等总共18个手机页面html下载。

    2020/9/24 10:27:46
  • 仿转转商城模板 ,兼容APP,微信小程序,H5

    首页进入APP时的欢迎小提示广告弹出框瀑布流商品列表吸顶分类tab向上循环滚动用户信息其它常见元素发现单图、多图动态APP端使用H5的视频播放器组件,解决原生视频组件层级无法调整的问题。其它常见元素消息通知助手文章详情聊天界面个人中心登录界面我的足迹实人认证我买…

    2020/4/20 8:46:42

共有条评论 网友评论

验证码: 看不清楚?