网站设计,网站建设,公众号开发,微信小程序-四川省店心电子商务有限公司
当前位置: 首页 > 资源下载  > 手机网站模板 > 微商城

手机商城模板,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)。

预览图



模板演示地址:http://www.ui92.com/demo/html/

下载地址

  • 预览 下载

    商城模板.zip

    文件类型:zip 大小: 1.33MB 下载: 所需积分:1

相关资源

  • 商城模版 淘客模版,手机网站模板,html模板,小程序模板,App模板

    更新记录1.0.2(2019-09-22)修改配置文件改成默认自定义组件查看更多Simple-store 一款免费的商城模版 淘客模版目前模版已经完善了以下界面: 1.首页商品展示 2.商品详情页面 3.商品搜索页面目前已实现以下功能:复制代码1.针对网络请求进行封装 可以快速调用 // 服…

    2020/1/8 22:34:59
  • 新闻手机模板,html模板,小程序模板,App模板

    更新记录1.0.4(2019-08-19)修复新版HBuildX nvue中使用loading组件会导致安卓闪退的bug(重要)0819更新复制代码 修复新版HBuildX nvue中使用loading组件会导致安卓闪退的bug(重要) QQ 472045067最新版HB已支持uniapp编译模式,一个nvue文件可以编译到多端,建议学习…

    2020/1/8 22:33:23
  • 电商项目手机网站模版,小程序模板,App模板

    电商模板图片大部分搜索复制链接直接使用,部分尺寸很大, 图片加载慢属于正常现象.说明css部分使用了uni.scss部分变量, 其他语法已剔除特殊语法, 除变量外可直接替换其他css预处理器app.vue下定义了个别全局样式以及引用iconfont图标代码注释比较详细,单独使用请主意1.2两…

    2020/1/8 22:26:48
  • 多用途水果外卖电商手机模板

    基于bootstrap 4.3.1版本和framework 框架制作多用途的水果商城,外卖预订电商手机app模板。包含多个自定义小部件元素工具包,您可以快速定制电商网站模板,

    2019/10/16 22:37:29

共有条评论 网友评论

验证码: 看不清楚?