仿照手机端饿了吗外卖界面制作的前端项目,主要使用了HTML5、CSS和JS
其中JS部分只实现了左侧热销榜、单人特色套餐和特色粥品的部分,其他部分未实现
HTML5共计100多行代码,CSS共计400多行,JS共计190多行,合计690多行

有需要的可以自行下载!

下载链接:
https://download.csdn.net/download/qq_52889967/73096507

运行截图如下:
iphone6/7/8 界面如下图所示,其他界面尺寸可自动适应

iphone6/7/8 plus界面:

点击热销榜的界面:

点击特色粥品的界面

部分代码截图如下:



前端大作业-期末课程设计-手机端外卖界面制作(粥品香坊手机界面+HTML5+CSS+JS)相关推荐

  1. 前端大作业-期末课程设计-小米有品网站制作(PC端界面+HTML5+CSS)

    仿照小米有品官网制作的pc端界面,只用了HTML5和CSS,没有使用JS HTML5部分共计700多行代码,CSS部分共计1400多行,合计2100多行 小米有品官网链接: https://www.x ...

  2. HTML5期末大作业:茶叶文化网站设计——茶叶(10页) HTML+CSS+JavaScript 文化主题 dw茶叶网页设计 web前端大作业 web课程设计网页规划与设计 dw学生网页设计

    HTML5期末大作业:茶叶文化网站设计--茶叶(10页) HTML+CSS+JavaScript 学生DW网页设计作业成品 web课程设计网页规划与设计 计算机毕设网页设计源码 常见网页设计作业题材有 ...

  3. HTML5期末大作业:茶叶文化网站设计——茶叶(10页) HTML+CSS+JavaScript 文化主题 dw茶叶网页设计 web前端大作业 web课程设计网页规划与设计 dw学生网页设计...

    常见网页设计作业题材有 ​​个人. 美食. 公司. 学校. 旅游. 电商. 宠物. 电器. 茶叶. 家居. 酒店. 舞蹈. 动漫. 明星. 服装. 体育. 化妆品. 物流. 环保. 书籍. 婚纱. 游 ...

  4. HTML期末大作业—— 游戏网页(5个页面) ~ 全屏游戏美术大赛作品征集网页 HTML+CSS+JS ~ web课程设计网页规划与设计

    HTML期末大作业-- 游戏网页(5个页面) ~ 全屏游戏美术大赛作品征集网页 HTML+CSS+JS ~ web课程设计网页规划与设计 临近期末, 你还在为HTML网页设计结课作业,老师的作业要求感 ...

  5. HTML期末大作业—— 游戏网页(5个页面) ~ 全屏游戏美术大赛作品征集网页 HTML+CSS+JS ~ web课程设计网页规划与设计...

    HTML期末大作业-- 游戏网页(5个页面) ~ 全屏游戏美术大赛作品征集网页 HTML+CSS+JS ~ web课程设计网页规划与设计 临近期末, 你还在为HTML网页设计结课作业,老师的作业要求感 ...

  6. 个人设计web前端大作业~ 酒店网页设计(HTML5+CSS3+Bootstrap)

    个人设计web前端大作业~ 酒店网页设计(HTML5+CSS3+Bootstrap)瑞豪国际酒店 临近期末, 你还在为HTML网页设计结课作业,老师的作业要求感到头大?HTML网页作业无从下手?网页要 ...

  7. 基于html5 css3风车乐栈在线音乐播放网站源码 大学生毕业设计源码 在线音乐网站HTML HTML5期末大作业 web课程设计网页规划与设计

    常见网页设计作业题材有 个人. 美食. 公司. 学校. 旅游. 电商. 宠物. 电器. 茶叶. 家居. 酒店. 舞蹈. 动漫. 明星. 服装. 体育. 化妆品. 物流. 环保. 书籍. 婚纱. 军事. ...

  8. JS判断设备是手机端还是PC端,并加载不同的css/js文件

    最近公司有个页面需要做pc端和手机端的页面自适应,即手机打开是指定的样式,pc打开则是pc指定的样式,样式是前端ui已经设计好了的. 所以这里需要通过Navigator userAgent 属性判断浏 ...

  9. 《 Python程序设计项目案例》— (期末大作业、课程设计、毕业设计)基于Python与Django的职工健康档案管理系统设计(附代码)

    基于Python与Django的职工健康档案管理系统的设计与实现 本文对基于Python与Django的职工健康档案管理系统的开发做了简单的介绍:项目的概述.项目整体的框架结构.项目部分的组成设计.项 ...

最新文章

  1. 机器学习中的聚类算法(2):Mean Shift算法
  2. 资源 | Intel发布AI免费系列课程3部曲:机器学习基础、深度学习基础以及TensorFlow基础
  3. 打印机是微型计算机必须配置的一种,计算机第一章测试卷
  4. CSS中Float概念相关文章
  5. 订单最小量限制的增强
  6. 如何使用 Kafka、MongoDB 和 Maxwell’s Daemon 构建 SQL 数据库的审计系统
  7. 洛谷-P1160 队列安排
  8. 入侵网站简单方法总结
  9. 【论文阅读】Diffusion-Convolutional Neural Networks (DCNNs) | day9、10
  10. Tensorflow相关学习笔记(一)GPU处理相关
  11. Ayoa:让思维导图更简单,在线使用 无需安装客户端
  12. Redis(1)——NoSQL数据库简介
  13. 重磅!2020国家科学技术奖全名单公布!
  14. html日期函数,YEAR 函数 (时间日期函数)
  15. 2021年中国银行卡发行数量及交易规模分析:交易金额达1002.1亿元,同比增长12.85%[图]
  16. 手机计算机藏应用,把隐私藏进计算器!这款功能强大的隐私保护软件,层层防护,怒赞...
  17. 秒杀系统流量削峰这事应该怎么做?为什么要削峰呢?
  18. CREO:CREO软件中如何设置和使用各种标准模板文件(asm组件模板、drw工程图模板、prt零件模板)、零件模板的定制、创建零件自动产生绘图、绘图模板的定制之详细攻略
  19. 笔记本电脑如何锁定计算机,笔记本电脑怎么锁定关闭触摸板
  20. eclipse中输出时出现中文乱码的问题

热门文章

  1. 2021-11-12除了更改兼容性以外放大应用界面字体的方法
  2. Ceph日常运维管理
  3. 《电力电子技术》课程教学大纲
  4. 关于Hive中的存储格式及压缩格式详解
  5. element-plus dialog #header无效
  6. VMware 安装MacOS 10.8.5和Xcode教程
  7. MATLAB车道偏离检测,车道线检测
  8. Linux系统的命令及快捷键
  9. fastboot刷机remote: partition does not exist
  10. php $str1=,PHP——字符串