全栈的啊妖2022年05月24日
181阅读

作品详情

1. 模仿瑞幸咖啡
2. 使用技术: vue2全家桶 axios vant
描述:
1. 首先进入页面看到的是一个搜索,最新商品的轮播图, 最新最热的商品, 还有底部的四个导航 首页 菜单页 购物车 我的
2. 首页使用了vantUI组件 进行行快速布局 , 商品使用了自制组件 和 插槽 对商品进行hot的标识, 点击搜索框进入搜索页面
3. 菜单页面主要分商品的种类和搜索框, 还有商品, 点击商品进入商品详情页, 可进行商品4加入购物车 跟 加入我的收藏, 并且收藏切换高亮状态
4. 购物车页面 进入页面进行判断用户是否登录 没有登录则直接跳转至登录页面, 进行登录注册后登录进入页面 使用了localStorage本地存储, 将token值存放, 点击全选可进入全选状态, 商品总价联动计算, 还可以单个删除商品, 或者全选全部删除. 点击立即结算, 进入商品订单页面, 提交订单并且输入支付密码(123456) 商品进入我的订单
5. 我的页面进入可看到背景图片 头像 用户昵称 个性签名 和 个人资料 我的订单, 我的收藏, 地址管理, 安全中心 背景图片头像可以进行点击切换, 进入个人资料可修改用户昵称,个性签名, 头像,
6. 我的订单页面, 可以查看订单的状态, 进行中, 已完成, 跟全部订单, 可进行对订单的删除
7. 我的收藏页面 可看到 用户收藏的商品, 可以进入商品详情页 和 取消收藏
8. 地址管理页面 可进行对地址的新增和修改
9. 安全中心页面 可进行修改密码 注销账号, 退出登录等操作, 退出登录后就删除了localStorage本地存储的token值
声明:本文仅代表作者观点,不代表本站立场。如果侵犯到您的合法权益,请联系我们删除侵权资源!如果遇到资源链接失效,请您通过评论或工单的方式通知管理员。未经允许,不得转载,本站所有资源文章禁止商业使用运营!
下载安装【程序员客栈】APP
实时对接需求、及时收发消息、丰富的开放项目需求、随时随地查看项目状态

评论