Vue商城,vue、webpack、vuex、es6、babel、sass、bootstrap、mint-ui、mui等
Branch: master
Clone or download
Latest commit 13819ba Feb 17, 2019
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
.github/ISSUE_TEMPLATE Update issue templates Jan 22, 2019
assets Preview Jan 28, 2019
dist 第一次修改 Jan 2, 2019
docs Update README.md Feb 17, 2019
src 项目文件 Jan 18, 2019
.babelrc babel配置 Jan 19, 2019
.gitignore 忽略文件 Jan 18, 2019
LICENSE 许可证 Jan 19, 2019
README.md 项目预览 Jan 28, 2019
package.json 项目基本完成 Jan 5, 2019
webpack.config.js 第一次修改 Jan 2, 2019
yarn.lock 插件锁 Jan 18, 2019
项目和api接口说明文档.docx 接口问题修复,新闻资讯,详情,评论动态渲染 Jan 3, 2019

README.md

项目相关链接

vuex

项目文档

项目接口说明

技术

框架:vue、webpack

插件:vuex、babel、sass、bootstrap、mint-ui、mui等

运行项目

git clone git@github.com:ForeManWang/vue-shopping.git --depth 1

yarn install

npm run dev之前先修改你自己需要运行在的端口号,在package.json中修改dev中的配置就行

npm run dev

项目部分功能和相关截图

我这里用的 iphone5 模拟,移动端布局,每个手机都有其对应的,亲测正常

公共部分

评论部分作为公共组件以及加载更多评论

comment

more

首页

轮播图 + 六宫格布局 + 路由跳转

新闻资讯

新闻列表 + 新闻详情 + 新闻详情页发表评论

newslist

newsinfo

图片分享

图片列表 + 图片详情 + 图片评论 + 加载更多

photolist1

滑动上方导航条

photolist2

photoinfo

商品购买

商品列表 + 商品详情 + 商品详情页轮播图 、加入购物车、图文介绍、商品评论、商品结算等

shoplist1

shoplist2

shopdetail1

shopdetail2

图文介绍

phoneinfo1

phoneinfo2

phoneinfo3

phoneinfo4

商品评论用的公共组件

商品结算

shopcount