前端大作业-期末课程设计-手机端外卖界面制作(粥品香坊手机界面+HTML5+CSS+JS)
仿照手机端饿了吗外卖界面制作的前端项目,主要使用了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)相关推荐
- 前端大作业-期末课程设计-小米有品网站制作(PC端界面+HTML5+CSS)
仿照小米有品官网制作的pc端界面,只用了HTML5和CSS,没有使用JS HTML5部分共计700多行代码,CSS部分共计1400多行,合计2100多行 小米有品官网链接: https://www.x ...
- HTML5期末大作业:茶叶文化网站设计——茶叶(10页) HTML+CSS+JavaScript 文化主题 dw茶叶网页设计 web前端大作业 web课程设计网页规划与设计 dw学生网页设计
HTML5期末大作业:茶叶文化网站设计--茶叶(10页) HTML+CSS+JavaScript 学生DW网页设计作业成品 web课程设计网页规划与设计 计算机毕设网页设计源码 常见网页设计作业题材有 ...
- HTML5期末大作业:茶叶文化网站设计——茶叶(10页) HTML+CSS+JavaScript 文化主题 dw茶叶网页设计 web前端大作业 web课程设计网页规划与设计 dw学生网页设计...
常见网页设计作业题材有 个人. 美食. 公司. 学校. 旅游. 电商. 宠物. 电器. 茶叶. 家居. 酒店. 舞蹈. 动漫. 明星. 服装. 体育. 化妆品. 物流. 环保. 书籍. 婚纱. 游 ...
- HTML期末大作业—— 游戏网页(5个页面) ~ 全屏游戏美术大赛作品征集网页 HTML+CSS+JS ~ web课程设计网页规划与设计
HTML期末大作业-- 游戏网页(5个页面) ~ 全屏游戏美术大赛作品征集网页 HTML+CSS+JS ~ web课程设计网页规划与设计 临近期末, 你还在为HTML网页设计结课作业,老师的作业要求感 ...
- HTML期末大作业—— 游戏网页(5个页面) ~ 全屏游戏美术大赛作品征集网页 HTML+CSS+JS ~ web课程设计网页规划与设计...
HTML期末大作业-- 游戏网页(5个页面) ~ 全屏游戏美术大赛作品征集网页 HTML+CSS+JS ~ web课程设计网页规划与设计 临近期末, 你还在为HTML网页设计结课作业,老师的作业要求感 ...
- 个人设计web前端大作业~ 酒店网页设计(HTML5+CSS3+Bootstrap)
个人设计web前端大作业~ 酒店网页设计(HTML5+CSS3+Bootstrap)瑞豪国际酒店 临近期末, 你还在为HTML网页设计结课作业,老师的作业要求感到头大?HTML网页作业无从下手?网页要 ...
- 基于html5 css3风车乐栈在线音乐播放网站源码 大学生毕业设计源码 在线音乐网站HTML HTML5期末大作业 web课程设计网页规划与设计
常见网页设计作业题材有 个人. 美食. 公司. 学校. 旅游. 电商. 宠物. 电器. 茶叶. 家居. 酒店. 舞蹈. 动漫. 明星. 服装. 体育. 化妆品. 物流. 环保. 书籍. 婚纱. 军事. ...
- JS判断设备是手机端还是PC端,并加载不同的css/js文件
最近公司有个页面需要做pc端和手机端的页面自适应,即手机打开是指定的样式,pc打开则是pc指定的样式,样式是前端ui已经设计好了的. 所以这里需要通过Navigator userAgent 属性判断浏 ...
- 《 Python程序设计项目案例》— (期末大作业、课程设计、毕业设计)基于Python与Django的职工健康档案管理系统设计(附代码)
基于Python与Django的职工健康档案管理系统的设计与实现 本文对基于Python与Django的职工健康档案管理系统的开发做了简单的介绍:项目的概述.项目整体的框架结构.项目部分的组成设计.项 ...
最新文章
- 机器学习中的聚类算法(2):Mean Shift算法
- 资源 | Intel发布AI免费系列课程3部曲:机器学习基础、深度学习基础以及TensorFlow基础
- 打印机是微型计算机必须配置的一种,计算机第一章测试卷
- CSS中Float概念相关文章
- 订单最小量限制的增强
- 如何使用 Kafka、MongoDB 和 Maxwell’s Daemon 构建 SQL 数据库的审计系统
- 洛谷-P1160 队列安排
- 入侵网站简单方法总结
- 【论文阅读】Diffusion-Convolutional Neural Networks (DCNNs) | day9、10
- Tensorflow相关学习笔记(一)GPU处理相关
- Ayoa:让思维导图更简单,在线使用 无需安装客户端
- Redis(1)——NoSQL数据库简介
- 重磅!2020国家科学技术奖全名单公布!
- html日期函数,YEAR 函数 (时间日期函数)
- 2021年中国银行卡发行数量及交易规模分析:交易金额达1002.1亿元,同比增长12.85%[图]
- 手机计算机藏应用,把隐私藏进计算器!这款功能强大的隐私保护软件,层层防护,怒赞...
- 秒杀系统流量削峰这事应该怎么做?为什么要削峰呢?
- CREO:CREO软件中如何设置和使用各种标准模板文件(asm组件模板、drw工程图模板、prt零件模板)、零件模板的定制、创建零件自动产生绘图、绘图模板的定制之详细攻略
- 笔记本电脑如何锁定计算机,笔记本电脑怎么锁定关闭触摸板
- eclipse中输出时出现中文乱码的问题