实用的手机订餐系统app界面模板_h5app的前端模板-HTML5文档类资源-CSDN文库

共53个文件

html：18个

js：11个

jpg：8个

css

html5

web

移动开发

需积分: 14 28 浏览量 2022-08-31 16:51:44 上传评论收藏 605KB RAR 举报

身份认证购VIP最低享 7 折!

领优惠券(最高得80元）

资源详情

资源评论

资源推荐

收起资源包目录

实用的手机订餐系统app界面模板.rar （53个子文件）

实用的手机订餐系统app界面模板

css

bootstrap.min.css 94KB

common.css 19KB

style.css 9KB

Pay.html 7KB

prompt-fail.html 5KB

Order1.html 13KB

images

cz.jpg 12KB

p-3.jpg 26KB

icon-zf_03.png 9KB

p-5.jpg 27KB

no-picture.jpg 16KB

icon-zf_09.png 3KB

p-4.jpg 28KB

bg.jpg 41KB

icon-zf_07.png 9KB

p-1.jpg 31KB

blank.png 137B

icon-zf_12.png 6KB

p-2.jpg 30KB

loading.gif 22KB

error.html 5KB

error1.html 5KB

je-confirm.html 7KB

prompt-sum4.html 6KB

card.html 7KB

Order.html 13KB

cart.html 18KB

index.html 29KB

number-divider.min.js 1KB

html5.js 2KB

jquery.nicescroll.js 114KB

TouchSlide.1.1.js 6KB

bootstrap.min.js 36KB

layer_mobile

layer.js 3KB

need

layer.css 7KB

jquery-1.9.1.min.js 90KB

common.js 2KB

slideout.min.js 6KB

jquery.cookie.js 3KB

prompt-sum2.html 5KB

cart-confirm.html 9KB

prompt-wait.html 5KB

prompt-complete.html 6KB

prompt-sum3.html 6KB

prompt-sum1.html 5KB

font

iconfont.eot 13KB

iconfont.ttf 13KB

iconfont.svg 62KB

iconfont.js 65KB

iconfont.woff 9KB

iconfont.css 14KB

12.png 138KB

prompt-sum.html 5KB

<!doctype html> <html > <head> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta name="format-detection" content="telephone=no" /> <meta name="apple-mobile-web-app-capable" content="yes" /> <meta content="black" name="apple-mobile-web-app-status-bar-style"> <meta name="x5-fullscreen" content="true"> <meta name="full-screen" content="yes"> <link href="css/bootstrap.min.css" type="text/css" rel="stylesheet"> <link href="font/iconfont.css" type="text/css" rel="stylesheet"> <link href="css/style.css" type="text/css" rel="stylesheet"> <link href="css/common.css" rel="stylesheet" type="text/css"> <script src="js/jquery-1.9.1.min.js" type="text/javascript" ></script> <script src="js/layer_mobile/layer.js" type="text/javascript"></script> <script src="js/bootstrap.min.js" type="text/javascript"></script> <script src="js/common.js" type="text/javascript"></script> <script type="text/javascript" src="js/TouchSlide.1.1.js"></script> <script type="text/javascript" src="js/jquery.cookie.js"></script> <script type="text/javascript" src="js/jquery.nicescroll.js"></script> <title>首页</title> </head> <body class="background-w">  <header class="herder-style clearfix">  <div class="herder-top"> <div class="return"><a href="javascript :history.back(-1)"><i class="iconfont icon-fanhui"></i></a></div> <div class="title_name align">店铺首页 </div> <div class="herder-operating"> <div class="Language-style dropdown"> <a class="relative clearfix" href="#" id="Language" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> <span class="name" ><i class="iconfont icon-duoyuyan"></i><b>Language</b></span>  </a> <div class="dropdown-menu Language-select" aria-labelledby="dLabel" data-thumb-target="temp"> <h4 class="align padding5">Please select a language.</h4> <ul class="language_list"> <li><a href="#"><i class="iconfont icon-icon-test"></i>日本語</a></li> <li><a href="#">中文简</a></li> <li><a href="#">中文繁</a></li> <li><a href="#">English</a></li> <li><a href="#">한국의</a></li> </ul> </div> </div> <div class="operating-style dropdown" > <a class="iconfont icon-101 caozuo" href="#" id="caozuo" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"></a> <ul class="dropdown-menu" aria-labelledby="dLabel" data-thumb-target="temp"> <li><a href="javascript:" onclick="share()"><i class="iconfont icon-fenxiang2"></i>シェア</a></li> <li><a href="#"><i class="iconfont icon-setting"></i>設定</a></li> </ul> </div> </div> </div>  <div class="herder-menu"> <ul> <li class="home active"><a href="index.html" class="relative"><i class="iconfont icon-shop2"></i><span class="name">首页</span></a></li> <li class="cart"><a href="cart.html" class="relative"><i class="iconfont icon-gouwuche1"><b class="cart-mark"></b></i><span class="name">购物车</span></a></li> <li class="order"><a href="Order.html"><i class="iconfont icon-dingdan"></i><span class="name">订单</span></a></li> <li class="pay"><a href="javascript:void(0)" onClick="Paybtn('Pay.html')"><i class="iconfont icon-yinxingqia-copy"></i><span class="name">结算</span></a></li> <li class="user"><a href="javascript:void(0)" onClick="qita()"><i class="iconfont icon-yonghu"></i><span class="name">用户</span></a></li> </ul> </div> </header>  <section class="container background-w"> <div class="Stores-info box"> <div class="Stores-img box-flex4"><div class="Stores-frame"><img src="images/cz.jpg" width="100%"></div></div> <div class="box-flex6 padding5 Introduce"> <h4>店铺名称</h4> <h5>店铺信息介绍店铺信息介绍店铺信息介绍店铺信息介绍店铺信息介绍店铺信息介绍</h5> </div> </div>  <div class="switch_btn" id="switch_btn">类别</div> <div class="column-style" id="column-style"> <ul class="column-list"> <li class="column-level"> <ul class="column-Lower"> <li><a href="#" class="column-name">名称</a></li> </ul> </li> <li class="column-level"> <ul class="column-Lower"> <li><a href="#" class="column-name">分类名称</a></li> <li><a href="#" class="column-name">分类名称</a></li> <li><a href="#" class="column-name">分类名称</a></li> <li><a href="#" class="column-name">分类名称</a></li> <li><a href="#" class="column-name">分类名称</a></li> </ul> </li> <li class="column-level"> <ul class="column-Lower"> <li><a href="#" class="column-name">分类名称</a></li> <li><a href="#" class="column-name">分类名称</a></li> <li><a href="#" class="column-name">分类名称</a></li> <li><a href="#" class="column-name">分类名称</a></li> <li><a href="#" class="column-name">分类名称</a></li> </ul> </li> <li class="column-level"> <ul class="column-Lower"> <li><a href="#" class="column-name">分类名称</a></li> <li><a href="#" class="column-name">分类名称</a></li> <li><a href="#" class="column-name">分类名称</a></li> <li><a href="#" class="column-name">分类名称</a></li> <li><a href="#" class="column-name">分类名称</a></li> </ul> </li> <li class="column-level"> <ul class="column-Lower"> <li><a href="#" class="column-name">分类名称</a></li> <li><a href="#" class="column-name">分类名称</a></li> <li><a href="#" class="column-name">分类名称</a></li> <li><a href="#" class="column-name">分类名称</a></li> <li><a href="#" class="column-name">分类名称</a></li> </ul> </li> </ul> </div>  <div class="product-style"> <ul class="product-list padding5 clearfix"> <li class="clearfix relative product_name"> <a href="javascript:void()" class="product-img" onClick="product_detailed(this,'12343')"><img src="images/p-1.jpg" alt=""></a> <div class="product-xinxi"> <div class="title-name"><a href="javascript:void()" class="" onClick="product_detailed(this,'12343')">产品栏目标题名称</a></div> <div class="operating"> <span class="price">¥<b>654</b></span> <div class="Quantity"> <button class="minus" style="display: inline-block;"> <em class="iconfont icon-jian"></em> </button> <input type="text" class="result" value="0" disabled="false"> <button class="add"> <em class="iconfont icon-jia"></em> </button> </div> </div> </div> </li> <li class="clearfix relative product_name"> <a href="#" class="product-img"><img src="images/p-2.jpg" alt=""></a> <div class="product-xinxi"> <a href="#" class="title-name">产品栏目标题名称产品栏目标题名称产品栏目标题名称</a> <div class="operating"> <span class="price">¥<b>654</b></span> <div class="Quantity"> <button class="minus" style="display: inline-block;"> <em class="iconfont icon-jian"></em> </button> <input type="text" class="result" value="0" disabled="false"> <button class="add"> <em class="iconfont icon-jia"></em> </button> </div> </div> </div> </li> <li class="clearfix relative product_name"> <a href="#" class="product-img"><img src="images/p-4.jpg" alt="