一个 Vue.js 项目
基于vue脚手架搭建的一个购物webapp项目
技术栈:Vue框架+mui框架+Mint UI框架
主页
:
新闻页
:
新闻详情页
:
评论功能页
:
图片展示页
:
图片详情页
:
图片轮播页
:
商品列表
:
商品详情
:
图文详情
:
商品评价
:
# install dependencies
npm install
# serve with hot reload at http://localhost:8080/#/home
npm run dev
目录结构介绍
|-webpackcli
|-.git
|-build //webpack打包
| |-build.js
| |-check-versions.js
| |-logo.png
| |-utils.js
| |-vue-loader.conf.js
| |-webpack.base.conf.js
| |-webpack.dev.conf.js
| |-webpack.prod.conf.js
|-config
| |-dev.env.js
| |-index.js
| |-prod.env.js
|-index.html // 入口html文件
|-package.json // 项目及工具的依赖配置文件
|-README.md //项目介绍文档
|-src // 源码目录
| |-App.vue // 页面入口文件
| |-assets // 静态资源目录
| | |-1.jpg
| | |-2.jpg
| | |-3.jpg
| | |-images
| | | |-menu1.png
| | | |-menu2.png
| | | |-menu3.png
| | | |-menu4.png
| | | |-menu5.png
| | | |-menu6.png
| | |-logo.png
| | |-mui //mui框架依赖文件
| | | |-css
| | | | |-icons-extra.css
| | | | |-mui.css
| | | | |-mui.min.css
| | | |-fonts
| | | | |-mui-icons-extra.ttf
| | | | |-mui.ttf
| | | |-js
| | | | |-mui.js
| | | | |-mui.min.js
| |-components //组件
| | |-tabbar
| | | |-comment.vue //评论
| | | |-HomeContainer.vue //主页
| | | |-MemberContainer.vue
| | | |-NewsInfoContainer.vue //新闻详情
| | | |-NewsListContainer.vue //新闻列表
| | | |-SearchContainer.vue
| | | |-ShopCarContainer.vue
| |-main.js // 程序入口文件,加载各种公共组件
| |-router //路由配置文件
| | |-router.js
|-static
-
首页
-
新闻资讯
- 发表评论
-
图片分享
- 图片幻灯片
-
商品购买
- 商品详情
- 加入购物车
- 图文详情
- 商品评论