web课程大作业-饿了么点单_饿了么网页作业-CSDN博客

本文链接：https://blog.csdn.net/ngczx/article/details/139973564

文章目录

概述

仿饿了么页面

技术html+css+js，同时还引入了vue.js框架。

页面代码

<!DOCTYPE html
	PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<title>饿美了网</title>
	<link href="css/public.css" rel="stylesheet" type="text/css" />
	<link href="css/index.css" rel="stylesheet" type="text/css" />
	<script type="text/javascript" src="js/script.js"></script>
</head>

<body>
	<!-----头部开始------->
	<div class="top">
		<a href="./index.html"><img style="float:left;width: 1000px;height: 200px;" src="images/logo.png" /></a>
	</div>

	<a href="html/login.html"><button class="button01">登录/注册</button></a>
	<!---nav开始---->
	<div class="daohang">
		<div id="nav">
			<ul>
				<li><a href="./index.html">首页</a></li>
				<li><a href="./html/order.html">订单</a></li>
				<li><a href="html/recommend.html">附近推荐</a></li>
				<li class="downorder">
					<a class="order" href="html/Fruits.html">水果</a>
					<div class="downtext">
						<a href="">草莓</a>
						<a href="">菠萝</a>
						<a href="">西瓜</a>
						<a href="">枇杷</a>
					</div>
				</li>

				<!-- <li><a href="html/Vegetables.html">蔬菜</a></li> -->
				<li><a href="html/userInfo.html">个人信息</a></li>
				<li><a href="html/Appraise.html">评价中心</a></li>
			</ul>
		</div>
	</div>
	<!---nav结束---->
	<!-----banner------->
	<!-- <div class="ban">
			<img src="images/e118e3cdfe9c0a14-104a6139c30f339c-5516030145adc0d475c100260a514287.jpg" width="1000" height="335" border="0">
		</div> -->

	<div id="flash">
		<div id