vue2+vant的图书商城

上次用uniapp加uview简简单单实现了一个图书商城，由于只是学习uniapp的一个练手的东西，所以存在许多不足，就连数据参数都穿错了，所以，现在用vue2加vant又重新做了同样的图书商城，并且把之前的问题进行了解决，gitee地址vue2+vant图书商城,登陆账号为:test@a.com,密码：123123

自定义NavBar,主要运用到了vue的props和$emit(父子通讯)

注册界面，没啥的，主要是校验，组件本身已经做了校验，也可以自定义，不过要注意，判断两次密码输入是否一致时不能用 this.xxx,必须用 @submit绑定的funcrion的参数，如下图的value

首页，下拉刷新，上拉加载，并且对Tab做了优化,上划tab会固定到top，这里也对其做了一层封装，只需传入对用的tab值数组即可,商品显示也是封装了一个goods-card组件，在商品详情里也会用到

商品详情，这里就用到了之前封装好的tab和goods-card组件，点击推荐商品列表可以套娃，不过有个待解决的问题是点击返回只能回到首页(该问题已解决，详情看我另一篇)

这个分类没啥了，在uniapp和微信小程序都有scroll-view,h5就只能自己写样式了

主要是通过overflow-y:scroll，但是必须给高度，那就height: calc(100vh - 90px);,减去NavBar和底部TabBar的高度即可,注意，减号前后必须加空格。

购物车，左滑可删除，地址加载默认地址，若无默认地址则显示选择地址

收货地址管理，这里选择即默认了

收货地址新建

点击修改地址信息，可回显，可以更新删除地址信息

订单预览，可提交订单，后台会返回订单详情，但是支付接口404了

问题解决:

1.底部导航栏刷新页面会跑问题，通过$router进行判断，即可刷新保留位置

2.有些页面需要进行登陆操作，通过前置路由守卫进行判断，

3.页面切换位置不会到顶部问题:后置路由守卫window.scrollTo(0,0)

vue2+vant的图书商城相关推荐

Vue3+Vant+Vue-cli+Restful api实战—图书商城移动端
Vue3+Vant+Vue-cli+Restful api实战-图书商城移动端经过将近一个月的努力,项目终于做完了,编写的时候在代码中写了很多注释,方便自己后期查看,有问题的小伙伴可以找我帮忙解决! ...
vue2+vant 简易实现京东app商城（附源码）
实现效果首页分类页面购物车用户中心项目说明利用vue2+vant模仿京东app商城,实现首页.商品分类页面.购物车.简易商品详情页.登录页. 创建项目一.创建vue项目.安装模块 ①.创 ...
关于web服务器性能书籍,图书商城系统的Web服务器性能优化研究与实现
摘要: 随着互联网技术的不断发展,特别是电子商务的不断发展,网上购物的需求也在不断的增加.根据<2017-2022年中国电子商务市场运行态势及投资战略研究报告>中指出2015年中国电子商务 ...
基于SOA的图书商城系统分析
1.1什么是SOA架构? SOA( Service Oriented Architecture)是一种面向服务的分布式架构,将每个实现特定功能的工程拆分为服务层和表现层.服务层负责处理业务逻辑,对外提 ...
基于vue2.0打造移动商城页面实践 vue实现商城购物车功能基于Vue、Vuex、Vue-router实现的购物商城(原生切换动画)效果...
基于vue2.0打造移动商城页面实践地址:https://www.jianshu.com/p/2129bc4d40e9 vue实现商城购物车功能地址:http://www.jb51.net/art ...
Jsp+Servlet+Mysql实现的在线图书商城源码
今天给大家演示的是一款由jsp+servlet+mysql实现的在线图书商城系统, 主要分为前台.后台管理员功能前台用户可以浏览查看各类图书信息,可自定义搜索,注册登录后可以将书添加到购物车,购物车 ...
Ssh+Mysql实现的Java Web图书商城
此篇给大家推荐一款基于ssh+mysql实现的图书商城管理系统系统完成了前台用户注册登录.图书查看.添加购物车.下单购买等功能后台管理员管理图书.订单,生成销售统计图表,批量导出图书运行环境: ...
基于java后台微信图书商城小程序系统开题报告
本科生毕业论文基于JAVA后台微信小程序图书商城系统开题报告学院: 专业: 年级: 学生姓名: 指导教师: XXXX大学本科生毕业论文(设计)开题报告书姓 ...
基于微信小程序小说图书商城管理系统（微信小程序毕业设计）
基于微信小程序小说图书商城管理系统小说图书商城后端是基于java编程语言,mysql数据库,ssm框架和idea工具开发,本系统主要分为用户,管理员可以对小说信息,用户信息,小说类别,小说资讯,轮播 ...

vue2+vant的图书商城

vue2+vant的图书商城相关推荐

最新文章

热门文章