Vue2.0 仿饿了么商家详情页面（一）

最新推荐文章于 2022-06-27 19:16:16 发布
最新推荐文章于 2022-06-27 19:16:16 发布
阅读量2k 收藏
点赞数
分类专栏： Vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/jinmo277/article/details/80730716
版权

已经很久没有做过这种h5的页面了，布局、css之类的都忘的差不多了。最近学了一点vue，顺便温故一下前端的基础知识，就拿这个饿了么的页面来练个手。


即将遇到的问题

  1. 滚动到指定位置后，固定导航栏
  2. 页面的自适应问题（布局、字体等）
  3. 滚动、滚动条
  4. footer固定在底部
  5. 页面缓存（避免重复渲染）
  6. 动画 效果
  7. 菜单切换（路由）
jinmo277
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
仿百度外卖,饿了么-商品列表页
01-05
这个主要是通过 - (void)selectRowAtIndexPath:(nullable NSIndexPath *)indexPath animated:(BOOL)animated scrollPosition:(UITableViewScrollPosition)scrollPosition; 来实现 tableView 的联动
Vue2.0仿饿了么webapp单页面应用详细步骤
08-27
Vue2.0仿饿了么WebApp单页面应用详细步骤 从技术角度来说，本篇文章充分展示了使用Vue2.0框架开发饿了么webapp单页面应用的详细步骤，从安装 Node.js 和 Git 到使用 Vue-Cli 工具安装依赖项，最后到发布代码的整个...
饿了么商家信息页面
m0_69422950的博客
06-27 267
{{ sell.name }} ({{ sell.ratingCount }}) 月售{{ sell.sellCount }
仿饿了么、百度、美团外卖，订餐网站外卖系统
kaiyuanjiushini的专栏
01-29 2311
网上订餐不仅得到了用户们的亲睐，更是餐馆们创收的绝佳选择。餐饮企业普遍面临竞争压力加剧、人力成本、租金成本上涨等问题，而网上订餐平台正好解决这些餐饮企业的烦恼。 　　相关数据显示预计到2015年中国餐饮O2O市场规模将达到1200亿元左右，如此巨大的市场，自然引得各家订餐网站疯狂抢夺。抢夺方式最明显的就是圈地扩张。网站订餐是一个不可缺少的市场，其市场会越来越大，如何做一家网站订餐系统，其程序是比
基于Vue与jQuery模拟饿了么点餐Demo
Mrlonely思考笔记
11-02 971
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"&am
vue仿美团饿了么--底部导航公共组件
weixin_44012931的博客
07-17 861
底部导航栏，是每一个页面都需要用的，所以用的公共组件，在app.vue中引入 import common from "./components/footer/common.vue" components:{ common }, 放在app.vue中的id为app的div下 <common></common> 点击变色不同tabbar按钮，可以切换页面并且高亮显示，有很...
vue2.0仿饿了么实战代码
12-07
【Vue2.0仿饿了么实战代码】项目是一次基于Vue.js 2.0框架实现的电商应用实践，旨在帮助开发者深入理解Vue的核心特性和实际应用。该项目结合了前端开发中的常见技术栈，如Vue组件化开发、路由管理、状态管理等，同时...
elmProject:vue2.0高仿饿了么app项目
05-16
elmproject说明三个月前，进入新公司，要求学vue,之前都是ng,学习了半个...最后在这里给大家分享一下福利，原作者建了一个qq群，群号为 582447162技术栈vue2 + vuex + vue-router + webpack + ES6/7 + axios + less +
vue2.0高仿饿了么项目代码
01-16
在本项目中，“vue2.0高仿饿了么项目代码”是一个基于Vue 2.0实现的仿饿了么应用程序。这个项目旨在帮助开发者理解和掌握Vue 2.0的核心特性，以及如何用它来构建复杂的Web应用。 Vue 2.0中的关键知识点包括： 1. *...
vue实现仿饿了么点餐静态页面.zip
10-28
使用vue，jquery技术实现的模仿饿了么点餐静态页面，功能包含：标签栏点击滚动、商品数量的加减、购物车数量加减、购物车展开关闭
vue构建仿饿了么项目，测试
03-08
vue构建仿饿了么项目，测试
仿饿了么goods商品左右联动详情页+功能实现
12-27
百分百仿饿了么商品左右点击联动功能和滑动scroll功能
h5+js+vue 模仿微信网页聊天界面
03-18
基于html5+js+vue 的模仿微信pc端的聊天窗口界面，可以回车发送消息等
vue高仿饿了么外卖商家点餐小项目
03-22
根据教程手动敲得代码，使用了vue2.x框架，vue-cli2.x的脚手架，给需要的小白参考,代码中的逻辑纯属个人观点
基于vue的单页面饿了么移动端实现
08-12
基于vue的单页面饿了么移动端实现
vue2练习之仿美团外卖开发（一）
weixin_34417814的博客
07-23 651
前言 很多初学者尤其是像我这样的公司有且只有一个前端的时候，硬着头皮去学习一门新框架，周围无人帮忙，平日里遇到问题只能求助于思否，百度，google。点击我的个人头像去看我的提问你们就知道vue小白去学习vue真的很心累。网上搜索的时候搜索出来的都是一些简单的demo.教学网站上的项目也是一些简单的单页面或者稍微多几个页面。对我这种新手入...
Vue2.0 仿饿了么商家详情页面笔记（三）
jinmo277的专栏
06-24 616
开始使用stylus（1） 安装报错：Cannot find module ‘stylus’ 解决方法：安装stylus 和 stylus-loader在项目根目录中执行npm install stylus --save npm install stylus-loader --save（2）基本使用&lt;style lang="stylus" rel="stylesheet/stylus" ...
Vue2.0 仿饿了么商家详情页面（二）
jinmo277的专栏
06-20 1323
同history.go, router.go接受的参数应该为Number， 例如： // 上一页 history.go(-1) router.go(-1) 而你应该使用的是 router.push
项目总结：vue.js2.5饿了么APP（6）主要组件实现 - 评价页+商家页部分
Sabrina_cc的博客
06-30 1495
说明：本总结来源于慕课网 @ustbhuangyi老师的课程《Vue.js2.5+cube-ui重构饿了么App》课程，本博客做了项目总结梳理便于回顾，需要学习的伙伴可以移步学习。与君共勉！ 之前章节传送： 项目总结：vue.js2.5饿了么APP（1）概述+项目准备 项目总结：vue.js2.5饿了么APP（2）主要组件实现 - 头部相关组件 项目总结：vue.js2.5饿了么APP（3）主要组件实现 - 购物车相关组件（上） 项目总结：vue.js2.5饿了么APP（4）主要组件实现 ...
Vue2.0高仿饿了么学习指南：异步数据处理与访问IP优化
本篇文档是一份关于使用Vue 2.0技术进行高仿饿了么项目的详细学习笔记。作者在学习过程中，针对基于Vue 1.0的视频教程所遇到的问题进行了整理，特别关注了在Vue 2.0环境下组件间的通信、props数据传递、v-for指令的...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值