/easyMarketApp

仿网易严选 UI 设计的 H5 webApp

Primary LanguageJavaScript

About

此项目是仿网易严选UI设计的H5App,项目基于React+mobx,运用阿里antd-design-mobile的UI组件

技术栈

  • React+React-router-dom(核心框架)
  • mobx(同redux,是一个数据管理库,可直接修改数据,比redux上手更快)
  • better-scroll(使移动端滑动体验更加流畅)
  • antd-design-mobile(UI组件)
  • axios (请求)

项目运行

前端

git clone git@github.com:107yu/easyMarketApp.git

cd easyMarketApp

npm install

npm start

后端

git clone git@github.com:jasonandjay/easyMarketServer.git

cd easyMarketServer

npm install

npm start

功能列表

  • 登录验证功能
  • 首页
    • 品牌制造页
    • 品牌制造详情页面
    • 新品首发页面
    • 人气推荐页面
    • 各分类列表
    • tab切换
    • 轮播
  • 专题
    • 列表渲染
    • 添加评论
    • 添加留言
  • 分类
    • tab切换获取相应的数据接口进行渲染
    • 点击详情进入
    • scroll滑动
    • 点击获取相应的数据
    • 搜索功能
      • 历史记录
      • 热门搜索
      • 搜索后列表展示
      • 模糊搜索
      • 商品列表部分包含综合、价格高低进行排序
  • 购物车
    • 点击加加减减
    • 编辑进行修改
    • 勾选商品计算总价
    • 编辑进行删除
  • 我的
    • 我的收藏
      • 渲染相应的收藏商品
      • touch滑动进行删除
    • 地址管理
      • 新建地址
      • 左滑删除
      • 设置默认地址
      • 表单进行详细地址的填写
    • 退出登录
      • 删除本地存储的token

页面截图

未完成功能