<!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>
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 1 资源评论
yyyyyuuuh2023-05-25资源很实用，内容详细，值得借鉴的内容很多，感谢分享。- wantbe12022-11-01资源内容总结地很全面，值得借鉴，对我来说很有用，解决了我的燃眉之急。
- Li2022_12024-03-21资源内容详实，描述详尽，解决了我的问题，受益匪浅，学到了。
原生态锆石2023-10-17资源是宝藏资源，实用也是真的实用，感谢大佬分享~
处处清欢
- 粉丝: 2043
- 资源: 2863
下载权益
C知道特权
VIP文章
课程特权
VIP享7折，此内容立减3.57元 开通VIP
最新资源
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
