<!DOCTYPE html>
<html>
<head>
<!-- 声明文档使用的字符编码 -->
<meta charset='utf-8'>
<!-- 优先使用 IE 最新版本和 Chrome -->
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
<!-- 页面描述 -->
<meta name="description" content="手机点餐系统"/>
<!-- 页面关键词 -->
<meta name="keywords" content=""/>
<!-- 搜索引擎抓取 -->
<meta name="robots" content="index,follow"/>
<!-- 为移动设备添加 viewport -->
<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=3,minimum-scale=1.0, maximum-scale=1.0, user-scalable=no,target-densityDpi=medium-dpi, minimal-ui" />
<!-- `width=device-width` 会导致 iPhone 5 添加到主屏后以 WebApp 全屏模式打开页面时出现黑边 http://bigc.at/ios-webapp-viewport-meta.orz -->
<!-- iOS 设备 begin -->
<meta name="apple-mobile-web-app-title" content="标题">
<!-- 添加到主屏后的标题(iOS 6 新增) -->
<meta name="apple-mobile-web-app-capable" content="yes"/>
<!-- 是否启用 WebApp 全屏模式,删除苹果默认的工具栏和菜单栏 -->
<!--meta name="apple-itunes-app" content="app-id=myAppStoreID, affiliate-data=myAffiliateData, app-argument=myURL" -->
<!-- 添加智能 App 广告条 Smart App Banner(iOS 6+ Safari) -->
<meta name="apple-mobile-web-app-status-bar-style" content="black"/>
<!-- 设置苹果工具栏颜色 -->
<meta name="format-detection" content="telphone=no, email=no"/>
<!-- 忽略页面中的数字识别为电话,忽略email识别 -->
<!-- 启用360浏览器的极速模式(webkit) -->
<meta name="renderer" content="webkit">
<!-- 避免IE使用兼容模式 -->
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<!-- 不让百度转码 -->
<meta http-equiv="Cache-Control" content="no-siteapp" />
<!-- 针对手持设备优化,主要是针对一些老的不识别viewport的浏览器,比如黑莓 -->
<meta name="HandheldFriendly" content="true">
<!-- 微软的老式浏览器 -->
<meta name="MobileOptimized" content="320">
<!-- uc强制竖屏 -->
<meta name="screen-orientation" content="portrait">
<!-- QQ强制竖屏 -->
<meta name="x5-orientation" content="portrait">
<!-- UC强制全屏 -->
<meta name="full-screen" content="yes">
<!-- QQ强制全屏 -->
<meta name="x5-fullscreen" content="true">
<!-- UC应用模式 -->
<meta name="browsermode" content="application">
<!-- QQ应用模式 -->
<meta name="x5-page-mode" content="app">
<!-- windows phone 点击无高光 -->
<meta name="msapplication-tap-highlight" content="no">
<!-- iOS 图标 begin -->
<link rel="apple-touch-icon-precomposed" href="apple-touch-icon-57x57-precomposed.png"/>
<!-- iPhone 和 iTouch,默认 57x57 像素,必须有 -->
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="apple-touch-icon-114x114-precomposed.png"/>
<!-- Retina iPhone 和 Retina iTouch,114x114 像素,可以没有,但推荐有 -->
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="apple-touch-icon-144x144-precomposed.png"/>
<!-- Retina iPad,144x144 像素,可以没有,但推荐有 -->
<!-- iOS 图标 end -->
<!-- iOS 启动画面 begin -->
<link rel="apple-touch-startup-image" sizes="768x1004" href="img/App-ios-logo-152x152.png"/>
<!-- iPad 竖屏 768 x 1004(标准分辨率) -->
<link rel="apple-touch-startup-image" sizes="1536x2008" href="img/App-ios-logo-152x152.png"/>
<!-- iPad 竖屏 1536x2008(Retina) -->
<link rel="apple-touch-startup-image" sizes="1024x748" href="img/App-ios-logo-152x152.png"/>
<!-- iPad 横屏 1024x748(标准分辨率) -->
<link rel="apple-touch-startup-image" sizes="2048x1496" href="img/App-ios-logo-152x152.png"/>
<!-- iPad 横屏 2048x1496(Retina) -->
<link rel="apple-touch-startup-image" href="img/App-ios-logo-152x152.png"/>
<!-- iPhone/iPod Touch 竖屏 320x480 (标准分辨率) -->
<link rel="apple-touch-startup-image" sizes="640x960" href="img/App-ios-logo-152x152.png"/>
<!-- iPhone/iPod Touch 竖屏 640x960 (Retina) -->
<link rel="apple-touch-startup-image" sizes="640x1136" href="img/App-ios-logo-152x152.png"/>
<!-- iPhone 5/iPod Touch 5 竖屏 640x1136 (Retina) -->
<!-- iOS 启动画面 end -->
<!-- iOS 设备 end -->
<meta name="msapplication-TileColor" content="#000"/>
<!-- Windows 8 磁贴颜色 -->
<meta name="msapplication-TileImage" content="icon.png"/>
<!-- Windows 8 磁贴图标 -->
<link rel="alternate" type="application/rss+xml" title="RSS" href="/rss.xml"/>
<!-- 添加 RSS 订阅 -->
<link rel="shortcut icon" type="image/ico" href="/favicon.ico"/>
<!-- 添加 favicon icon -->
<title>点餐宝-分类</title>
<link rel="stylesheet" href="css/common.css" />
<link rel="stylesheet" href="css/menu.css" />
<script type="text/javascript" src="js/jquery-1.3.2.js" ></script>
</head>
<body ontouchstart="return true;">
<!-- 头部区 -->
<header class="header_position">
<span class="position_content"><img src="img/menu_icon.png" /><em>当前位置</em>分类<i>></i>特色菜品</span>
</header>
<!-- 内容区 -->
<article class="menu_content">
<!-- 今日热销区 -->
<div class="content_top">
<p><a href="hot.html">今日热销</a></p>
</div>
<div class="content_top_img">
<a href="goodsdetails.html"><img src="img/cp1.jpg" class="first_top_img"/>
<div class="content_top_content">
<p class="top_content_name">烤牛排</p>
<p class="top_content_price">¥58.0</p>
<p class="top_content_grade">评分:4.9分</p>
<p class="top_content_count">已售807</p>
</div>
</a>
<i><a href="hot.html"></a></i>
</div>
<!-- 导航区 -->
<div class="trip" id="nav">
<a href="#" onclick="flmenu()" id="first_nav"><img src="img/fl.png"><p>菜品分类</p></a>
<a href="#"><img src="img/ts.png"><p>特色菜品</p></a>
<a href="recommend.html"><img src="img/tj.png"><p>推荐菜品</p></a>
<a href="new.html"><img src="img/xp.png"><p>创新菜品</p></a>
<a href="hot.html"><img src="img/rx.png"><p>热销菜品</p></a>
<a href="discount.html"><img src="img/zk.png"><p>折扣菜品</p></a>
</div>
<!-- 二级导航区 -->
<div class="fl_menu" id="fl_menu">
<a href="snack.html"><img src="img/xc.png"><p>小吃</p></a>
<a href="meatdish.html"><img src="img/hc.png"><p>荤菜</p></a>
<a href="vegetableplate.html"><img src="img/sc.png"><p>素菜</p></a>
</div>
<!-- 菜品内容区 -->
<div class="recommendation first">
<a href="goodsdetails.html">
<img src="img/1.jpg" class="foodimg"/>
<div class="recommendation_content">
<p class="rec_ctent_title">鸡扒盒饭</p>
<p class="rec_ctent_grade">评分<i>4.8</i>分</p>
<p class="rec_ctent_service">商品描述:要提前一天晚上腌制。先把腌料倒进保鲜盒里,如果想味道重就多放一点,再加适量清水搅拌,不要弄得太稀,有一点稠的状态最好,这样腌的鸡扒</p>
<p class="rec_ctent_price">¥25.3</p>
<p class="rec_ctent_sold">已售100</p>
</div>
</a>
<a href="index.html"><img src="img/33.png" class="car"></a>
</div>
<div class="recommendation">
<a href="goodsdetails.html">
<img src="img/cp6.jpg" class="foodimg"/>
<div class="recommendation_content">
<p class="rec_ctent_title">鸡扒盒饭鸡扒盒饭鸡扒盒饭鸡扒盒饭</p>
<p class="rec_ctent_grade">评分<i>4.8</i>分</p>
<p class="rec_ctent_service">商品描述:要提前一天晚上腌制。先把腌料倒进保鲜盒里,如果想味道重就多放一点,再加适量清水搅拌,不要弄得太稀,有一点稠的状态最好,这样腌的鸡扒</p>
<p class="rec_ctent_price">¥25.3333</p>
<p class="rec_ctent_sold">已售100000</p>
</div>
</a>
没有合适的资源?快使用搜索试试~ 我知道了~
APP点餐系统HTML, Js, css,H5。DEMO-HTML .5代码类资源
共93个文件
png:30个
html:23个
jpg:22个
1.该资源内容由用户上传,如若侵权请联系客服进行举报
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
版权申诉
5星 · 超过95%的资源 6 下载量 46 浏览量
2022-06-12
11:21:40
上传
评论 5
收藏 1.23MB ZIP 举报
温馨提示
APP点餐系统,HTML,JS,CSS编写。适用于iphone,流行安卓机,web浏览器,简单修改即可使用。购物车,订单等等页面
资源推荐
资源详情
资源评论
收起资源包目录
879961.zip (93个子文件)
APP点餐系统HTML
css
subpage.css 1KB
order.css 3KB
shopcar.css 5KB
menu.css 5KB
common.css 4KB
2common.css 3KB
index.css 4KB
vegetableplate2.html 20KB
menu.html 23KB
snack.html 21KB
hot2.html 21KB
shopcar.html 10KB
menu2.html 22KB
img
11.png 775B
search_bg.png 509B
fl.png 485B
cp6.jpg 5KB
cp1.jpg 6KB
22.png 1KB
tj.png 515B
2.jpg 58KB
loading.png 907B
cp8.jpg 5KB
1.jpg 71KB
cp4.jpg 5KB
44.png 529B
quest.png 287B
3.jpg 101KB
5.jpg 67KB
rx.png 549B
cp3.jpg 5KB
ganxie.png 406B
1.png 758B
hot.gif 931B
000.jpg 37KB
cp9.jpg 5KB
hc.png 692B
xc.png 663B
4.jpg 120KB
cp11.jpg 5KB
sc.png 714B
001.jpg 74KB
cp10.jpg 5KB
cp.jpg 5KB
ts.png 717B
33.png 2KB
titile_bg.gif 157B
zk.png 550B
search_icon.png 4KB
002.jpg 159KB
delete.png 335B
cp2.jpg 5KB
003.jpg 182KB
suc.png 850B
cp7.jpg 5KB
phone.png 429B
2.png 1KB
4.png 537B
cp5.jpg 5KB
delete1.png 360B
top_bg.png 1KB
shaopcar.jpg 177KB
error.png 821B
xp.png 888B
3.png 2KB
menu_icon.png 895B
more.png 389B
loading.gif 3KB
recommend.html 21KB
order.html 7KB
evaluate.html 7KB
index.html 15KB
js
index.js 1019B
touchslider.dev.js 14KB
jquery-1.3.2.js 118KB
run.js 522B
shopcar.js 3KB
order.js 1005B
touchScroll.js 19KB
index2.html 15KB
hot.html 21KB
new.html 21KB
.project 1KB
recommend2.html 20KB
vegetableplate.html 20KB
meatdish.html 20KB
discount.html 22KB
goodsdetails.html 9KB
refund.html 8KB
meatdish2.html 20KB
snack2.html 20KB
discount2.html 22KB
new2.html 21KB
3
共 93 条
- 1
N201871643
- 粉丝: 616
- 资源: 2242
下载权益
C知道特权
VIP文章
课程特权
开通VIP
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功
- 1
- 2
- 3
- 4
前往页