这种
为啥
此项
另外，这个项目
vue2 + vuex + vue-router + webpack + ES6/7 + fetch + sass + flex + svg
git clone https://github.com/bailicangdu/vue2-elm.git
cd vue2-elm
npm install 或 yarn(推荐)
npm run dev
此项
如果
此时启动
element-ui搭建
如果
如果对您
有 帮助，您可以点右 上角 "Star"支持 一 下 谢谢！ ^_^
或 者 您可以 "follow"一 下 ，我 会 不断 开源更 多 的 有 趣 的 项目
开发环境 macOS 10.12.3 Chrome 56 nodejs 6.10.0
特 别感谢@bailichen, @iceRao，在 百忙之中抽出时间和我一起完成了这个项目，辛苦 了 🌹
如有问题请
直接 在 Issues中 提 ，或 者 您发现问题并有 非常 好 的 解 决方案 ，欢迎 PR 👍
推荐
一 个 react + redux 开源项目，对react感 兴趣的 朋友 赶紧去看 看 。地 址 在 这里
另外
一 个 vue2 + vuex的 入 门项目 ，比 当 前 的 项目简单很多，非常 适合入 门练习。地 址 在 这里
查看demo请戳这里（请用chrome
-
定位 功 能 --完成 - 选择
城市 --完成 -
搜索 地 址 --完成 -
展示 所 选地址 附近 商家 列 表 --完成 -
搜索 美食 ，餐馆 --完成 -
根 据 距离、销量、评分、特色 菜 、配送 方式 等 进行排 序 和 筛选 --完成 - 餐馆
食品 列 表 页 --完成 - 购物车功
能 --完成 -
店 铺评价页面 --完成 - 单个
食品 详情页面 --完成 -
商家 详情页 --完成 -
登 录、注 册 --完成 -
修 改 密 码 --完成 - 个人
中心 --完成 - 发送
短信 、语音验证 --完成 -
下 单功能 --完成 ✨✨🎉🎉 - 订单
列 表 --完成 - 订单详情 --
完成 -
下 载App --完成 -
添加 、删除、修 改 收 货地址 --完成 - 帐户
信 息 --完成 -
服 务中心 --完成 - 红包 --
完成 -
上 传头像 --完成 -
付 款 --臣 妾 做不到 啊~~
1、
2、vue
3、项目
4、曾
5、项目
1、
2、
3、如果时间
。。。
.
├── build // webpack配置 文 件
├── config // 项目打 包 路 径
├── elm // 上 线项目 文 件 ，放 在 服 务器即 可 正常 访问
├── screenshots // 项目截图
├── src // 源 码目录
│ ├── components // 组件
│ │ ├── common // 公共 组件
│ │ │ ├── alertTip.vue // 弹出框 组件
│ │ │ ├── buyCart.vue // 购物车组件
│ │ │ ├── computeTime.vue // 倒 计时组件
│ │ │ ├── loading.vue // 页面初 始 化 加 载数据 的 动画组件
│ │ │ ├── mixin.js // 组件混合 (包括 ：指令 -下 拉 加 载更多 ，处理图片地 址 )
│ │ │ ├── ratingStar.vue // 评论的 五 颗星组件
│ │ │ └── shoplist.vue // msite和 shop页面的 餐馆列 表 公共 组件
│ │ ├── footer
│ │ │ └── footGuide.vue // 底部 公共 组件
│ │ └── header
│ │ └── head.vue // 头部公共 组件
│ ├── config // 基本 配置
│ │ ├── env.js // 环境切 换配置
│ │ ├── fetch.js // 获取数 据
│ │ ├── mUtils.js // 常用 的 js方法
│ │ └── rem.js // px转换rem
│ ├── images // 公共 图片
│ ├── page
│ │ ├── balance
│ │ │ ├── balance.vue // 余 额页
│ │ │ └── children
│ │ │ └── detail.vue // 余 额说明
│ │ ├── benefit
│ │ │ ├── benefit.vue // 红包页
│ │ │ └── children
│ │ │ ├── commend.vue // 推荐有 奖
│ │ │ ├── coupon.vue // 代金 券 说明
│ │ │ ├── exchange.vue // 兑换红包
│ │ │ ├── hbDescription.vue // 红包说明
│ │ │ └── hbHistory.vue // 历史红包
│ │ ├── city
│ │ │ └── city.vue // 当 前 城市 页
│ │ ├── confirmOrder
│ │ │ ├── children
│ │ │ │ ├── children
│ │ │ │ │ ├── addAddress.vue // 添加 地 址 页
│ │ │ │ │ └── children
│ │ │ │ │ └── searchAddress.vue // 搜索 地 址 页
│ │ │ │ ├── chooseAddress.vue // 选择地 址 页
│ │ │ │ ├── invoice.vue // 选择发票页
│ │ │ │ ├── payment.vue // 付 款页
│ │ │ │ ├── remark.vue // 订单备注页
│ │ │ │ └── userValidation.vue // 用 户验证页
│ │ │ └── confirmOrder.vue // 确认订单页
│ │ ├── download
│ │ │ └── download.vue // 下 载App
│ │ ├── find
│ │ │ └── find.vue // 发现页
│ │ ├── food
│ │ │ └── food.vue // 食品 筛选排 序 页
│ │ ├── forget
│ │ │ └── forget.vue // 忘记密 码，修 改 密 码页
│ │ ├── home
│ │ │ └── home.vue // 首 页
│ │ ├── login
│ │ │ └── login.vue // 登 录注册 页
│ │ ├── msite
│ │ │ └── msite.vue // 商 铺列表 页
│ │ ├── order
│ │ │ ├── children
│ │ │ │ └── orderDetail.vue // 订单详情页
│ │ │ └── order.vue // 订单列 表 页
│ │ ├── points
│ │ │ ├── children
│ │ │ │ └── detail.vue // 积分说明
│ │ │ └── points.vue // 积分页
│ │ ├── profile
│ │ │ ├── children
│ │ │ │ ├── children
│ │ │ │ │ ├── address.vue // 地 址
│ │ │ │ │ └── children
│ │ │ │ │ ├── add.vue // 新 增 地 址
│ │ │ │ │ └── children
│ │ │ │ │ └── addDetail.vue // 搜索 地 址
│ │ │ │ ├── info.vue // 帐户信 息
│ │ │ │ └── setusername.vue // 重 置 用 户名
│ │ │ └── profile.vue // 个人中心
│ │ ├── search
│ │ │ └── search.vue // 搜索 页
│ │ ├── service
│ │ │ ├── children
│ │ │ │ └── questionDetail.vue // 问题详情
│ │ │ └── service.vue // 服 务中心
│ │ ├── shop
│ │ │ ├── children
│ │ │ │ ├── children
│ │ │ │ │ └── shopSafe.vue // 商 铺认证信息 页
│ │ │ │ ├── foodDetail.vue // 商 铺信息 页
│ │ │ │ └── shopDetail.vue // 单个商 铺信息 页
│ │ │ └── shop.vue // 商 铺筛选页
│ │ └── vipcard
│ │ ├── children
│ │ │ ├── invoiceRecord.vue // 购买记录
│ │ │ ├── useCart.vue // 使用 卡号购买
│ │ │ └── vipDescription.vue // 会 员说明
│ │ └── vipcard.vue // 会 员卡办理页
│ ├── plugins // 引用 的 插件
│ ├── router
│ │ └── router.js // 路 由 配置
│ ├── service // 数 据 交互 统一调配
│ │ ├── getData.js // 获取数 据 的 统一调配文 件 ，对接口 进行统一管理
│ │ └── tempdata // 开发阶段的 临时数 据
│ ├── store // vuex的 状 态管理
│ │ ├── action.js // 配置 actions
│ │ ├── getters.js // 配置 getters
│ │ ├── index.js // 引用 vuex，创建store
│ │ ├── modules // store模 块
│ │ ├── mutation-types.js // 定 义常量 muations名
│ │ └── mutations.js // 配置 mutations
│ └── style
│ ├── common.scss // 公共 样式文 件
│ ├── mixin.scss // 样式配置 文 件
│ └── swiper.min.css
│ ├── App.vue // 页面入口 文 件
│ ├── main.js // 程 序 入口 文 件 ，加 载各种公共 组件
├── favicon.ico // 图标
├── index.html // 入口 html文 件
.
56 directories, 203 files
