【免费】星巴卡购物模仿小程序静态页面计算机毕业设计资源-CSDN文库

共46个文件

png：14个

js：11个

html：7个

移动开发

需积分: 0 91 浏览量 2023-02-25 15:58:04 上传评论收藏 2.3MB RAR 举报

资源推荐

资源详情

资源评论

收起资源包目录

星巴卡购物仿小程序.rar （46个子文件）

22201011419张晓瑜

prompt-wait.html 5KB

font

iconfont.ttf 13KB

iconfont.css 14KB

iconfont.js 65KB

iconfont.svg 62KB

iconfont.eot 13KB

iconfont.woff 9KB

je-confirm.html 6KB

bootstrap.min.js 36KB

html5.js 2KB

jquery.cookie.js 3KB

TouchSlide.1.1.js 6KB

common.js 2KB

jquery.nicescroll.js 114KB

jquery-1.9.1.min.js 90KB

layer_mobile

layer.js 3KB

need

layer.css 7KB

slideout.min.js 6KB

number-divider.min.js 1KB

Order.html 9KB

Pay.html 7KB

css

style.css 9KB

bootstrap.min.css 94KB

common.css 19KB

index.html 25KB

images

blank.png 137B

p-1.png 47KB

p-3.png 231KB

p-11.jpg 246KB

p-4.png 197KB

p-6.png 45KB

loading.gif 22KB

p-8.png 43KB

xbk.jpg 37KB

icon-zf_03.png 9KB

icon-zf_12.png 6KB

p-9.png 40KB

p-2.png 389KB

bg.jpg 336KB

p-7.png 39KB

icon-zf_09.png 3KB

p-10.jpg 261KB

icon-zf_07.png 9KB

p-5.png 202KB

cart.html 15KB

cart-confirm.html 8KB

<!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> </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/xbk.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> </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.png" 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>41</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-6.png" alt=""></a> <div class="product-xinxi"> <a href="#" class="title-name">星巴克黑糖冰震浓缩</a> <div class="operating"> <span class="price">¥<b>41</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-6.png" alt=""></a> <div class="product-xinxi"> <a href="#" class="title-name">星巴克大溪地香草风情冰震浓缩</a> <div class="operating"> <span class="price">¥<b>37</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-6.png" alt=""></a> <div class="product-xinxi"> <a href="#" class="title-name">星巴克海盐糖冰震浓缩</a> <div class="operating"> <span class="price">¥<b>37</b></span> <div class="Quantity"> <button class="minus" style="

评论收藏

内容反馈