Skip to content

Allison-LYP/vuecli3-project

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

8 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

基于 vue cli3 的购物商城

项目展示

vuecli3-project

打开项目后 按下F12键,再按 Ctrl+Shift+m。使用手机模式浏览。

项目介绍

  • 整体项目的布局
    1. 首页
    2. 会员
    3. 购物车
    4. 搜索
  • 新闻资讯模块
    1. 新闻列表展示
    2. 点击跳转至新闻源网页
  • 图片分享模块
    1. 使用mint-ui实现Lazy Load展示图片
    2. 根据图片的不同类别进行分类展示
  • 商品购买模块
    1. 实现商品经典双列表的布局
    2. 展示商品的图片、标题、价格等信息
    3. 点击商品,进入商品详情模块
  • 商品详情模块
    1. 显示商品的图片、价格、标题、商品详情等
    2. 使用 vuex(vue状态管理)来管理保存需要加入购物车的商品id、数量等信息
  • 购物车模块
    1. 将加入购物车的商品数据保存在localStorage
    2. 实现改变数量、删除商品等操作,并实时更新本地存储的数据

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published