From 37337c6233c694d39a58f601e703ff6f659986de Mon Sep 17 00:00:00 2001 From: cangdu <1264889788@qq.com> Date: Sun, 17 Jul 2022 15:39:38 +0800 Subject: [PATCH 1/3] Update README.md --- README.md | 12 +++++------- 1 file changed, 5 insertions(+), 7 deletions(-) diff --git a/README.md b/README.md index dfe28237..c7819f5a 100644 --- a/README.md +++ b/README.md @@ -111,17 +111,15 @@ npm run dev # 总结 -1、因为并不是elm官方,而且因为要开代理,必须在pc端打开,最多只能做到下单这一步,下单成功后可以在手机客户端查看并付款。 +1、一般涉及到money的网页逻辑都比较复杂,尤其像饿了么这样一个开放的平台,商家和食品种类繁多,页面与页面之间交互复杂,在写到 购物车 和 下单 功能时众多的数据和逻辑一度让人很头疼,又没有设计和接口api文档,只能一步步摸索。 -2、一般涉及到money的网页逻辑都比较复杂,尤其像饿了么这样一个开放的平台,商家和食品种类繁多,页面与页面之间交互复杂,在写到 购物车 和 下单 功能时众多的数据和逻辑一度让人很头疼,又没有设计和接口api文档,只能一步步摸索。 +2、vue因其轻量级的框架在中小型项目中表现亮眼,在大型单页面应用中因为vuex的存在,表现依然出色,在处理复杂交互逻辑的时候,vuex的存在是不可或缺的。所以说利用 vue + vuex 完全可以去做大型的单页面项目。 -3、vue因其轻量级的框架在中小型项目中表现亮眼,在大型单页面应用中因为vuex的存在,表现依然出色,在处理复杂交互逻辑的时候,vuex的存在是不可或缺的。所以说利用 vue + vuex 完全可以去做大型的单页面项目。 +3、项目写到现在,从 登录注册到、首页、搜索、商家列表、购物车、下单、订单列表、个人中心 一个流程走完之后、不但对vue的理解更深一层,而且对以后掌控大型项目的时候也有非常多的帮助,做一个实际的项目才能对自己有很大的提升。 -4、项目写到现在,从 登录注册到、首页、搜索、商家列表、购物车、下单、订单列表、个人中心 一个流程走完之后、不但对vue的理解更深一层,而且对以后掌控大型项目的时候也有非常多的帮助,做一个实际的项目才能对自己有很大的提升。 +4、曾一度怀疑,花几个月的时间做这样一个项目到底有没有意义,本来只是想做一个小项目练练手,没想到后来越写越多,不过坚持下来后我相信一切都是值得的。 -5、曾一度怀疑,花几个月的时间做这样一个项目到底有没有意义,本来只是想做一个小项目练练手,没想到后来越写越多,不过坚持下来后我相信一切都是值得的。 - -6、项目已经完成,共45个页面。 +5、项目已经完成,共45个页面。 # 最终目标 From b638ef550f6583df4ee5ab7037a2988380cbf7ef Mon Sep 17 00:00:00 2001 From: jimmyxuexue <1002661758@qq.com> Date: Mon, 5 Dec 2022 10:39:57 +0800 Subject: [PATCH 2/3] =?UTF-8?q?=20=F0=9F=92=84=20=E9=80=89=E6=8B=A9?= =?UTF-8?q?=E5=9F=8E=E5=B8=82=E9=A1=B5=E9=9D=A2=E6=94=AF=E6=8C=81=E7=B2=98?= =?UTF-8?q?=E6=80=A7=E5=B8=83=E5=B1=80?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/page/home/home.vue | 85 ++++++++++++++++++++++-------------------- 1 file changed, 44 insertions(+), 41 deletions(-) diff --git a/src/page/home/home.vue b/src/page/home/home.vue index 85208fb3..25afef47 100644 --- a/src/page/home/home.vue +++ b/src/page/home/home.vue @@ -55,46 +55,46 @@ export default { }, mounted(){ - // 获取当前城市 - cityGuess().then(res => { - this.guessCity = res.name; - this.guessCityid = res.id; - }) - - //获取热门城市 - hotcity().then(res => { - this.hotcity = res; - }) - - //获取所有城市 - groupcity().then(res => { - this.groupcity = res; - }) - }, - - components:{ - headTop - }, - - computed:{ - //将获取的数据按照A-Z字母开头排序 - sortgroupcity(){ - let sortobj = {}; - for (let i = 65; i <= 90; i++) { - if (this.groupcity[String.fromCharCode(i)]) { - sortobj[String.fromCharCode(i)] = this.groupcity[String.fromCharCode(i)]; - } - } - return sortobj - } - }, - - methods:{ - //点击图标刷新页面 - reload(){ - window.location.reload(); - } - }, + // 获取当前城市 + cityGuess().then(res => { + this.guessCity = res.name; + this.guessCityid = res.id; + }) + + //获取热门城市 + hotcity().then(res => { + this.hotcity = res; + }) + + //获取所有城市 + groupcity().then(res => { + this.groupcity = res; + }) + }, + + components:{ + headTop + }, + + computed:{ + //将获取的数据按照A-Z字母开头排序 + sortgroupcity(){ + let sortobj = {}; + for (let i = 65; i <= 90; i++) { + if (this.groupcity[String.fromCharCode(i)]) { + sortobj[String.fromCharCode(i)] = this.groupcity[String.fromCharCode(i)]; + } + } + return sortobj + } + }, + + methods:{ + //点击图标刷新页面 + reload(){ + window.location.reload(); + } + }, } @@ -171,8 +171,11 @@ export default { span{ @include sc(0.475rem, #999); } + position: sticky; + top: 1.95rem; + background-color: #fff; } - + .letter_classify_li{ margin-bottom: 0.4rem; background-color: #fff; From b85ff0220366be863868269177a4abf74c7a85ca Mon Sep 17 00:00:00 2001 From: bailicangdu <1264889788@qq.com> Date: Fri, 11 Apr 2025 20:40:24 +0800 Subject: [PATCH 3/3] docs: update readme --- README.md | 2 +- screenshots/ewm.png | Bin 3823 -> 3498 bytes 2 files changed, 1 insertion(+), 1 deletion(-) mode change 100755 => 100644 screenshots/ewm.png diff --git a/README.md b/README.md index c7819f5a..366f295c 100644 --- a/README.md +++ b/README.md @@ -72,7 +72,7 @@ npm run dev # 效果演示 -[查看demo请戳这里](https://cangdu.org/elm/)(请用chrome手机模式预览) +[查看demo请戳这里](https://cangdu.org/elm/#/msite)(请用chrome手机模式预览) ### 移动端扫描下方二维码 diff --git a/screenshots/ewm.png b/screenshots/ewm.png old mode 100755 new mode 100644 index 134ee1f07e6395156a1df1d78f32aabbbce63aaa..741553fc72d4107ed3935f753d91412fa31d7adf GIT binary patch literal 3498 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 literal 3823 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