From 2844dcd7149497c87007068ba03d65ee2b1a56bd Mon Sep 17 00:00:00 2001 From: maguohua <1264889788@qq.com> Date: Mon, 13 Feb 2017 21:22:37 +0800 Subject: [PATCH] updata login --- README.md | 6 +- src/components/header/head.vue | 1 + src/page/confirmOrder/confirmOrder.vue | 30 +++++++ src/page/login/login.vue | 109 +++++++++++++++++++++---- src/page/shop/shop.vue | 2 +- src/router/router.js | 4 +- 6 files changed, 129 insertions(+), 23 deletions(-) create mode 100644 src/page/confirmOrder/confirmOrder.vue diff --git a/README.md b/README.md index 5e45663..567d938 100644 --- a/README.md +++ b/README.md @@ -1,6 +1,6 @@ # 前言 -vue2的发布后自己也研究了一段时间,奈何公司的技术栈是以react为主,没有机会好好利用vue2去做一个完整的项目。虽然写了几个demo,但和写一个完整的项目还是有很大差别的。于是自己想着用空余的时间写一个项目,选择了饿了么也只是因为经常用,熟悉它的布局。之前的饿了么官网是用angular写的,最近才发现原来这段时间改成了vue1,看来饿了么也入了vue的坑。 +vue2的发布后自己也研究了一段时间,奈何公司的技术栈是以react为主,没有机会好好利用vue2去做一个完整的项目。虽然写了几个demo,但和写一个完整的项目还是有很大差别的。于是自己想着用空余的时间写一个项目,选择了饿了么也只是因为经常用,熟悉它的布局。之前的饿了么官网是用angular写的,最近才发现原来这段时间改成了vue,看来饿了么也入了vue的坑。 既然要写一个完整的项目,就要认真对待,所以除了付款其他所有功能都尽可能的实现,包括登陆、注册、个人中心、搜索、购物车、下单等等,也包括所有我能注意到的细节也都一并做出来,所以这绝对算是一个比较大的项目。 @@ -64,9 +64,9 @@ vue2 + vue-rotuer2 + vuex + webpack + ES6/7 + fetch + sass + flex + svg + http-p | |-- images // 公共图片 | | |-- pages // 页面组件 -| |-- checkout // 确认订单页 | |-- city // 当前城市页 -| |-- food // 特色餐馆列表页 +| |-- food // 食品筛选排序页 +| |-- confirmOrder // 确认订单页 | |-- forget // 忘记密码,修改密码页 | |-- home // 首页 | |-- login // 登陆注册页 diff --git a/src/components/header/head.vue b/src/components/header/head.vue index dc6ddb7..02a1d40 100644 --- a/src/components/header/head.vue +++ b/src/components/header/head.vue @@ -13,6 +13,7 @@ + diff --git a/src/page/confirmOrder/confirmOrder.vue b/src/page/confirmOrder/confirmOrder.vue new file mode 100644 index 0000000..37ef00b --- /dev/null +++ b/src/page/confirmOrder/confirmOrder.vue @@ -0,0 +1,30 @@ + + + + 确认订单页 + + + + + + diff --git a/src/page/login/login.vue b/src/page/login/login.vue index 9250c43..f49f2f8 100644 --- a/src/page/login/login.vue +++ b/src/page/login/login.vue @@ -1,27 +1,102 @@ - - 首页 - 城市页面 - 商店列表 - 商铺详情 - 搜索 - 登陆 - 确认订单 - 忘记密码 - 个人信息 - 订单列表 - 会员卡 - + + + {{loginWay? "密码登陆":"短信登陆"}} + + + + + 获取验证码 + + + + + + + 温馨提示:未注册饿了么账号的手机号,登陆时将自动注册,且代表您已同意 + 《用户服务协议》 + + + 登陆 + + diff --git a/src/page/shop/shop.vue b/src/page/shop/shop.vue index a6cc946..e2a1fe3 100644 --- a/src/page/shop/shop.vue +++ b/src/page/shop/shop.vue @@ -140,7 +140,7 @@ 还差¥{{minimumOrderAmount}}起送 - 去结算 + 去结算 diff --git a/src/router/router.js b/src/router/router.js index e469f79..8651dfc 100644 --- a/src/router/router.js +++ b/src/router/router.js @@ -8,10 +8,10 @@ const shop = r => require.ensure([], () => r(require('../page/shop/shop')), 'sho const login = r => require.ensure([], () => r(require('../page/login/login')), 'login') const profile = r => require.ensure([], () => r(require('../page/profile/profile')), 'profile') const forget = r => require.ensure([], () => r(require('../page/forget/forget')), 'forget') -const checkout = r => require.ensure([], () => r(require('../page/checkout/checkout')), 'checkout') const order = r => require.ensure([], () => r(require('../page/order/order')), 'order') const vipcard = r => require.ensure([], () => r(require('../page/vipcard/vipcard')), 'vipcard') const food = r => require.ensure([], () => r(require('../page/food/food')), 'food') +const confirmOrder = r => require.ensure([], () => r(require('../page/confirmOrder/confirmOrder')), 'confirmOrder') const foodDetail = r => require.ensure([], () => r(require('../page/shop/children/foodDetail')), 'foodDetail') const shopDetail = r => require.ensure([], () => r(require('../page/shop/children/shopDetail')), 'shopDetail') const shopSafe = r => require.ensure([], () => r(require('../page/shop/children/shopSafe')), 'shopSafe') @@ -45,10 +45,10 @@ export default [{ } ] }, //商铺详情页 + { path: '/confirmOrder', component: confirmOrder }, //确认订单页 { path: '/login', component: login }, //登陆注册页 { path: '/profile', component: profile }, //个人信息页 { path: '/forget', component: forget }, //修改密码页 - { path: '/checkout', component: checkout }, //确认订单页 { path: '/order', component: order }, //订单列表页 { path: '/vipcard', component: vipcard }, //vip卡页 ] -- GitLab
+ 温馨提示:未注册饿了么账号的手机号,登陆时将自动注册,且代表您已同意 + 《用户服务协议》 +