<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>外卖项目-商品页</title>
<!-- 加载字体图标样式 -->
<link rel="stylesheet" href="./css/iconfont.css">
<link rel="stylesheet" href="./css/index_1.css">
<link rel="stylesheet" href="./css/notice.css">
<link rel="stylesheet" href="./css/evaluate.css">
<link rel="stylesheet" href="./css/seller.css">
<link rel="stylesheet" href="./css/cart.css">
<script src="../jq/jquery-1.12.4.js"></script>
<style>
</style>
</head>
<body>
<!-- 页面头部结构 -->
<header>
<div class="header"></div>
<div class="seller">
<img src="http://static.galileo.xiaojukeji.com/static/tms/seller_avatar_256px.jpg" alt="">
<ul>
<li>粥品香坊(大运村)</li>
<li>蜂鸟专送 / 38分钟送达</li>
<li>
<div>在线支付满28减5,满50减10</div>
<div><span>5个</span><span class="iconfont icon-arrow-right"></span></div>
</li>
</ul>
</div>
<div class="notice">
<p><a href="#">粥品香坊其烹饪粥料的秘方源于中国千年古法,在融和现代制作工艺,由世界烹饪大师屈浩先生领衔研发。坚守纯天然、0添加的良心品质深得消费者青睐,发展至今成为粥类的引领品牌。是2008年奥运会和2013年园博会指定餐饮服务商。</a></p>
<span class="iconfont icon-arrow-right"></span>
</div>
</header>
<nav>
<div class="active">商品</div>
<div>评价</div>
<div>商家</div>
</nav>
<div id="content">
<div id="left">
<ul>
<li><a href="#rexiao">热销榜</a></li>
<li><img src="images/special_3@2x.png" alt=""><a href="#danren"> 单人特色套餐</a></li>
<li><a href="#zhoupin">特色粥品</a></li>
<li><a href="#">精选热菜</a></li>
<li><a href="#">爽口凉菜</a></li>
<li><a href="#">半成品</a></li>
<li><a href="#">饭类</a></li>
<li><a href="#">面类</a></li>
<li><a href="#yinpin" id="lastone">饮品</a></li>
</ul>
</div>
<div id="right">
<p id="rexiao">热销榜</p>
<div class="single main_single">
<img src="images/zhou10.jpg" alt="">
<div class="imgtext">
<h3>红豆薏米美肤粥</h3>
<p>甜粥</p>
<div><p>月售1132份</p><span class="comment">好评率100%</span></div>
<div class="money">¥12<span>¥28</span><img src="images/增加.png" alt=""></div>
</div>
</div>
<p id="danren">单人特色套餐</p>
<div class="single main_single">
<img src="images/zhou2.jpg" alt="">
<div class="imgtext">
<h3><a href="zhou-info.html" style="color:black;text-decoration:none;">皮蛋瘦肉粥配包子套餐</a></h3>
<p>咸粥</p>
<div><p>月售1132份</p><span class="comment">好评率100%</span></div>
<div class="money">¥24<span>¥28</span><img src="images/增加.png" alt=""></div>
</div>
</div>
<p id="zhoupin">特色粥品</p>
<div class="single">
<img src="images/zhou.jpg" alt="">
<div class="imgtext">
<h3>莲子核桃黑米粥</h3>
<div><p>月售1132份</p><span class="comment">好评率100%</span></div>
<div class="money">¥10<img src="images/增加.png" alt=""></div>
</div>
</div>
<div class="single">
<img src="images/zhou3.jpg" alt="">
<div class="imgtext">
<h3>雪梨银耳百合粥</h3>
<div><p>月售1132份</p><span class="comment">好评率100%</span></div>
<div class="money">¥14<img src="images/增加.png" alt=""></div>
</div>
</div>
<div class="single">
<img src="images/zhou4.jpg" alt="">
<div class="imgtext">
<h3>南瓜粥</h3>
<div><p>月售1132份</p><span class="comment">好评率100%</span></div>
<div class="money">¥8<img src="images/增加.png" alt=""></div>
</div>
</div>
<div class="single">
<img src="images/zhou6.jpg" alt="">
<div class="imgtext">
<h3>牡蛎粥</h3>
<div><p>月售1132份</p><span class="comment">好评率100%</span></div>
<div class="money">¥25<img src="images/增加.png" alt=""></div>
</div>
</div>
<div class="single">
<img src="images/zhou7.jpg" alt="">
<div class="imgtext">
<h3>腊八粥</h3>
<div><p>月售1132份</p><span class="comment">好评率100%</span></div>
<div class="money">¥12<img src="images/增加.png" alt=""></div>
</div>
</div>
<div class="single">
<img src="images/zhou8.jpg" alt="">
<div class="imgtext">
<h3>田园蔬菜粥</h3>
<div><p>月售1132份</p><span class="comment">好评率100%</span></div>
<div class="money">¥9<img src="images/增加.png" alt=""></div>
</div>
</div>
<div class="single">
<img src="images/zhou11.jpg" alt="">
<div class="imgtext">
<h3>红枣山药糙米粥</h3>
<div><p>月售1132份</p><span class="comment">好评率100%</span></div>
<div class="money">¥14<img src="images/增加.png" alt=""></div>
</div>
</div>
<div class="single">
<img src="images/zhou9.jpg" alt="">
<div class="imgtext">
<h3>鲜蔬菌菇粥</h3>
<div><p>月售1132份</p><span class="comment">好评率100%</span></div>
<div class="money">¥16<img src="images/增加.png" alt=""></div>
</div>
</div>
<p id="yinpin">饮品</p>
<div class="single">
<img src="images/kele.jpg" alt="">
<div class="imgtext">
<h3>可乐</h3>
<div><p>月售1132份</p><span class="comment">好评率100%</span></div>
<div class="money">¥3<img src="images/增加.png" alt=""></div>
</div>
</div>
</div>
</div>
<!--评价-->
<div id="evaluate">
<div class="box-top">
<div class="eva-top-left">
<div class="yellowtext bigytext">3.9</div><div class="blacktext blacktextall">综合评分</div><div>高于周边商家69.2%</div>
</div> <!--eva-top-left-->
<div class="eva-top-right">
<div class="blacktext">服务态度<div><img src="images/star36_on@2x.png" alt="">
<img src="images/star36_on@2x.png" alt="">
<img src="images/star36_on@2x.png" alt="">
<img src="images/star36_on@2x.png" alt="">
<img src="images/star36_off@2x.png" alt=""></div><div class="yellowtext">3.9</div></div>
<div class="blacktext">服务态度<div><img src="images/star36_on@2x.png" alt="">
<img src="images/star36_on@2x.png" alt="">
<img src="images/star36_on@2x.png" alt="">
<img src="images/star36_on@2x.png" alt="">
<img src="images/star36_off@2x.png" alt=""></div><div class="yellowtext">4.0</div></div>
<div class="blacktext">送达时间<div>44分钟</div></div>
</div> <!--eva-top-left-->
</div> <!--box-top-->
<div class="box-middle"></div>
<div class="box-bottom">
<div class="options">
<div>全部<span>57</span></div>
<div>满意<span>47</span></div>
<div>不满意<span>10</span></div>
</div>
<div><img src="images/空心对勾.png" alt="">只看有内容的评价</div>
<div class="eva-content">
<div><img src="images/A.jpg" alt=""></div>
<div clas
没有合适的资源?快使用搜索试试~ 我知道了~
资源推荐
资源详情
资源评论
收起资源包目录
(HTML+CSS+jQuery)学生仿手机端静态外卖项目 (294个子文件)
index.css 7KB
index_1.css 7KB
evaluate.css 4KB
zhou-info.css 3KB
seller.css 2KB
notice.css 1KB
notice_1.css 1KB
cart.css 1KB
iconfont.css 355B
.DS_Store 6KB
_1.DS_Store 6KB
goods-1.html 17KB
zhou-info.html 2KB
1.jpeg 103KB
2.jpeg 71KB
22.jpeg 60KB
44.jpeg 56KB
33.jpeg 45KB
B.jpeg 39KB
3.jpeg 30KB
zhou10.jpg 782KB
zhou8.jpg 711KB
zhou7.jpg 512KB
kele.jpg 368KB
zhou6.jpg 347KB
外卖06_商家页_1.jpg 338KB
外卖06_商家页.jpg 338KB
外卖04_商品页面_商品详情_1.jpg 193KB
外卖04_商品页面_商品详情.jpg 193KB
外卖05_评价页_1.jpg 190KB
外卖05_评价页.jpg 190KB
外卖01_商品页.jpg 166KB
外卖01_商品页_1.jpg 166KB
zhou5.jpg 124KB
外卖02_商品页_公告及优惠信息_1.jpg 122KB
外卖02_商品页_公告及优惠信息.jpg 122KB
zhou4.jpg 106KB
zhou11.jpg 99KB
外卖03_商品页_购物车详情.jpg 91KB
外卖03_商品页_购物车详情_1.jpg 91KB
zhou2.jpg 49KB
zhou9.jpg 45KB
zhou.jpg 45KB
zhou3.jpg 34KB
D.jpg 20KB
E.jpg 16KB
C.jpg 15KB
A.jpg 14KB
index.js 3KB
data.json 47KB
外卖01_商品页_1.mkm 11KB
外卖01_商品页.mkm 11KB
外卖04_商品页面_商品详情_1.mkm 8KB
外卖04_商品页面_商品详情.mkm 8KB
外卖05_评价页_1.mkm 6KB
外卖05_评价页.mkm 6KB
外卖06_商家页.mkm 5KB
外卖06_商家页_1.mkm 5KB
外卖03_商品页_购物车详情.mkm 4KB
外卖03_商品页_购物车详情_1.mkm 4KB
外卖02_商品页_公告及优惠信息.mkm 3KB
外卖02_商品页_公告及优惠信息_1.mkm 3KB
外卖04_商品页面_商品详情_spec.png 1.07MB
外卖04_商品页面_商品详情_spec_1.png 1.07MB
外卖04_商品页面_商品详情_spec.png 1.07MB
外卖04_商品页面_商品详情_spec_1.png 1.07MB
外卖06_商家页_spec_1.png 695KB
外卖06_商家页_spec.png 695KB
外卖06_商家页_spec_1.png 695KB
外卖06_商家页_spec.png 695KB
外卖01_商品页_spec_1.png 442KB
外卖01_商品页_spec.png 442KB
外卖01_商品页_spec_1.png 426KB
外卖01_商品页_spec.png 426KB
外卖02_商品页_公告及优惠信息_spec.png 385KB
外卖02_商品页_公告及优惠信息_spec_1.png 385KB
外卖02_商品页_公告及优惠信息_spec.png 385KB
外卖02_商品页_公告及优惠信息_spec_1.png 385KB
外卖05_评价页_spec_1.png 352KB
外卖05_评价页_spec.png 352KB
外卖05_评价页_spec_1.png 352KB
外卖05_评价页_spec.png 352KB
外卖03_商品页_购物车详情_spec.png 300KB
外卖03_商品页_购物车详情_spec_1.png 300KB
外卖03_商品页_购物车详情_spec.png 300KB
外卖03_商品页_购物车详情_spec_1.png 300KB
减号.png 9KB
星星_1.png 8KB
星星.png 8KB
空心对勾.png 6KB
购物车1.png 6KB
增加.png 5KB
购物车满.png 5KB
爱心.png 5KB
brand@3x_1.png 5KB
brand@3x.png 5KB
点赞.png 4KB
special_4@3x_1.png 4KB
special_4@3x.png 4KB
bulletin@3x.png 4KB
共 294 条
- 1
- 2
- 3
资源评论
晚晚昨晚吃晚饭很晚睡说晚
- 粉丝: 193
- 资源: 3
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功