/Smartisan

This is a "锤子" app written by Vue. The author is He Huan (何欢).

Primary LanguageVueMIT LicenseMIT

Smartisan

This is a "锤子" App written by Vue. The author is Hehuan(何欢).
该项目主要是使用Vue对锤子App进行了一个简单的仿写
该项目暂时部署在腾讯云服务器上, 进入Smartisan通过移动端手机模拟器观看本项目页面具体信息
最后通过Hbuilder打包的App名称为Smartisan
该项目前端使用Vue 2.6.10+Vue-X+Vue-Router+Vue-Cli+LocalStorage,后台使用Node.js+Express+Mongodb,使用MintUI+Rem实现页面样式和布局,图像优化使用CSS Sprites压缩图片体积,打包压缩采用webpack4.0
此次完成的主要功能页面有:
  • 首页;

  • 分类页;

  • 详情页;

  • 购物车页;

  • 订单页;

  • 支付页;

  • 搜索页;

  • 我的页;

  • 登录页;

  • 注册页

项目效果图如下:

首页:alt text首页: alt text

分类页:alt text详情页:alt text

购物车:alt text订单页:alt text

支付页:alt text搜索页:alt text

我的页:alt text登录页:alt text

注册页:alt text

Build Setup

# install dependencies
npm install

# serve with hot reload at localhost:8080
npm run dev

# build for production with minification
npm run build

# build for production and view the bundle analyzer report
npm run build --report

For a detailed explanation on how things work, check out the guide and docs for vue-loader.