当前仓库属于关闭状态,部分功能使用受限,详情请查阅 仓库状态说明
1 Star 1 Fork 1

sky_心鸾/家和网上商城
关闭

加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
该仓库未声明开源许可证文件(LICENSE),使用请关注具体项目描述及其代码上游依赖。
克隆/下载
cart.html 10.04 KB
一键复制 编辑 原始数据 按行查看 历史
尹金天 提交于 2022-04-05 23:22 . 第一次提交
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>购物车界面</title>
<script src="js/jquery-3.3.1.min.js" type="text/javascript" charset="utf-8"></script>
<link rel="stylesheet" type="text/css" href="css/cart.css" />
<link rel="stylesheet" type="text/css" href="css/header.css" />
<link rel="stylesheet" type="text/css" href="css/footer.css" />
<link rel="icon" type="text/css" href="1.ico" />
<script src="js/cart.js" type="text/javascript" charset="utf-8"></script>
</head>
<body>
<!-- 头部 -->
<header>
<div id="top">
<div class="top_left">
<a href="login.html">请登录</a>
<a href="register.html">免费注册</a>
</div>
<div class="top_right">
<ul class="top_ul">
<li class="menu_li"><a href="index.html">首页</a></li>
<li class="menu_li"><a href="javascript:;">我的和币</a></li>
<li class="menu_li"><a href="javascript:;">消息中心</a></li>
<li class="menu_li"><a href="javascript:;">商品分类</a></li>
</ul>
</div>
<div class="top_center">
<div class="logo">
<img src="./img/logo.jpg">
</div>
<div class="search">
<div class="search_header">
<ul>
<li class="active"><a href="javascript:;" style="color: white;">产品</a></li>
<li><a href="javascript:;">信息</a></li>
</ul>
</div>
<div class="search_input">
<input type="text" id="search" class="search_box" />
<input type="submit" value="搜 索" class="search_btn" />
</div>
</div>
<div class="hotword">热门搜索词:香醋&nbsp;&nbsp;&nbsp;&nbsp;茶叶&nbsp;&nbsp;&nbsp;&nbsp;草莓&nbsp;&nbsp;&nbsp;&nbsp;葡萄&nbsp;&nbsp;&nbsp;&nbsp;菜油</div>
</div>
<div id="top_nav">
<ul class="nav_ul">
<li class="on">
<a href="index.html">首页</a>
</li>
<li class="hhh">
<span class="bg_muen"></span>
<a href="javascript:;">半小时生活圈</a>
</li>
<li>
<a href="javascript:;">你身边的超市</a>
</li>
<li>
<a href="javascript:;">预售专区</a>
<em class="hot_icon"></em>
</li>
<li>
<a href="javascript:;">商城</a>
</li>
<li>
<a href="javascript:;">好评商户</a>
</li>
<li>
<a href="javascript:;">热销活动</a>
</li>
<li>
<a href="javascript:;">联系我们</a>
</li>
</ul>
</div>
</div>
</header>
<!--购物车版块-->
<div style="width: 1349px;">
<div id="shop">
<div id="shop-t">
<div id="shop-l"><img src="img/sh.jpg" width="74px" height="67px" /></div>
<div id="shop-r">我的购物车</div>
</div>
<div id="shop-inf">
<ul>
<li class="xh" style="width: 95px;">序号</li>
<li class="lx" style="width: 600px;">商品名称</li>
<li class="rs" style="width: 95px;">单价</li>
<li class="dj" style="width: 95px;">
<a href="javascript:;">下单</a>
</li>
<li class="cz" style="width: 95px;">操作</li>
</ul>
</div>
<div id="shop-xx">
<ul id="shop1" class="ul">
<li class="xh" style="width: 95px;">1</li>
<li class="lx">
<div id="luxian" style="width: 600px;">
<ul>
<li>
<a href="products/p_1.jpg" title="【果美妙】澳洲脐橙10个装包邮进口新鲜水果澳大利亚甜橙当季橙子" class="swipebox"><img src="products/p_1.jpg"width="100px" height="100px" /></a>
</li>
<li>
<a href="#">【果美妙】澳洲脐橙10个装包邮进口新鲜水果澳大利亚甜橙当季橙子</a>
</li>
</ul>
</div>
</li>
<li class="rs" style="width: 95px;">¥39.90</li>
<li class="dj" style="width: 95px;">
<a href="javascript:;">下单</a>
</li>
<li class="cz" style="width: 95px;">
<a href="#" class="btnDel"><span style="color:#F60; text-decoration:underline;">删除</span></a>
</li>
</ul>
<ul id="shop2" class="ul">
<li class="xh" style="width: 95px;">2</li>
<li class="lx">
<div id="luxian" style="width: 600px;">
<ul>
<li>
<a href="products/p_2.jpg" title="陕西洛川苹果水果新鲜正宗红富士10斤批发包邮当季脆甜水果一整箱" class="swipebox"><img src="products/p_2.jpg"
width="100" height="100" /></a>
</li>
<li>
<a href="#">陕西洛川苹果水果新鲜正宗红富士10斤批发包邮当季脆甜水果一整箱</a>
</li>
</ul>
</div>
</li>
<li class="rs" style="width: 95px;">¥53.90</li>
<li class="dj" style="width: 95px;">
<a href="javascript:;">下单</a>
</li>
<li class="cz" style="width: 95px;">
<a href="#" class="btnDel"><span style="color:#F60; text-decoration:underline;">删除</span></a>
</li>
</ul>
<ul id="shop3" class="ul">
<li class="xh" style="width: 95px;">3</li>
<li class="lx">
<div id="luxian" style="width: 600px;">
<ul>
<li>
<a href="products/p_3.jpg" title="花牛苹果蛇果5斤包邮新鲜甘肃天水礼县刮泥大红星发水果特产" class="swipebox"><img src="products/p_3.jpg"
width="100" height="100" /></a>
</li>
<li>
<a href="#">花牛苹果蛇果5斤包邮新鲜甘肃天水礼县刮泥大红星发水果特产</a>
</li>
</ul>
</div>
</li>
<li class="rs" style="width: 95px;">¥88.00</li>
<li class="dj" style="width: 95px;">
<a href="javascript:;">下单</a>
</li>
<li class="cz" style="width: 95px;">
<a href="#" class="btnDel"><span style="color:#F60; text-decoration:underline;">删除</span></a>
</li>
</ul>
<ul id="shop4" class="ul">
<li class="xh" style="width: 95px;">4</li>
<li class="lx">
<div id="luxian" style="width: 600px;">
<ul>
<li>
<a href="products/p_4.jpg" title="Zespri佳沛新西兰绿奇异果3.3kg原箱(22-25个)猕猴桃水果新鲜新鲜" class="swipebox"><img src="products/p_4.jpg"
width="100" height="100" /></a>
</li>
<li>
<a href="#">Zespri佳沛新西兰绿奇异果3.3kg原箱(22-25个)猕猴桃水果新鲜新鲜</a>
</li>
</ul>
</div>
</li>
<li class="rs" style="width: 95px;">¥129.00</li>
<li class="dj" style="width: 95px;">
<a href="javascript:;">下单</a>
</li>
<li class="cz" style="width: 95px;">
<a href="#" class="btnDel"><span style="color:#F60; text-decoration:underline;">删除</span></a>
</li>
</ul>
</div>
<div id="fanye">
<a href="index.html">首页</a>
<a href="javascript:;">上一页</a>
<a href="javascript:;">下一页</a>
<a href="javascript:;">尾页</a>
</div>
<div id="jine">应付金额:<span style="color:#F00;"> </span></div>
<div id="js">
<input name="button" type="image" id="button" value="提交" src="img/js.jpg" />
</div>
</div>
</div>
<!-- footer底部信息展示 -->
<div class="fri-link-bg clearfix" style="margin-top: 20px;">
<div class="fri-link">
<div class="logo left margin-r20"><img src="./img/fo-logo.jpg" width="152" height="81"></div>
<div class="left"><img src="./img/qd.jpg" width="90" height="90">
<p id="scan">扫描下载APP</p>
</div>
<div class="showData">
<dl>
<dt>新手上路</dt>
<dd>
<a href="javascript:;">售后流程</a>
</dd>
<dd>
<a href="javascript:;">购物流程</a>
</dd>
<dd>
<a href="javascript:;">订购方式</a>
</dd>
<dd>
<a href="javascript:;">隐私声明 </a>
</dd>
<dd>
<a href="javascript:;">推荐分享说明 </a>
</dd>
</dl>
<dl>
<dt>配送与支付</dt>
<dd>
<a href="javascript:;">保险需求测试</a>
</dd>
<dd>
<a href="javascript:;">专题及活动</a>
</dd>
<dd>
<a href="javascript:;">挑选保险产品</a>
</dd>
<dd>
<a href="javascript:;">常见问题 </a>
</dd>
</dl>
<dl>
<dt>售后保障</dt>
<dd>
<a href="javascript:;">保险需求测试</a>
</dd>
<dd>
<a href="javascript:;">专题及活动</a>
</dd>
<dd>
<a href="javascript:;">挑选保险产品</a>
</dd>
<dd>
<a href="javascript:;">常见问题 </a>
</dd>
</dl>
<dl>
<dt>支付方式</dt>
<dd>
<a href="javascript:;">保险需求测试</a>
</dd>
<dd>
<a href="javascript:;">专题及活动</a>
</dd>
<dd>
<a href="javascript:;">挑选保险产品</a>
</dd>
<dd>
<a href="javascript:;">常见问题 </a>
</dd>
</dl>
<dl>
<dt>帮助中心</dt>
<dd>
<a href="javascript:;">保险需求测试</a>
</dd>
<dd>
<a href="javascript:;">专题及活动</a>
</dd>
<dd>
<a href="javascript:;">挑选保险产品</a>
</dd>
<dd>
<a href="javascript:;">常见问题 </a>
</dd>
</dl>
<dl>
<dt>帮助中心</dt>
<dd>
<a href="javascript:;">保险需求测试</a>
</dd>
<dd>
<a href="javascript:;">专题及活动</a>
</dd>
<dd>
<a href="javascript:;">挑选保险产品</a>
</dd>
<dd>
<a href="javascript:;">常见问题 </a>
</dd>
</dl>
<dl>
<dt>帮助中心</dt>
<dd>
<a href="javascript:;">保险需求测试</a>
</dd>
<dd>
<a href="javascript:;">专题及活动</a>
</dd>
<dd>
<a href="javascript:;">挑选保险产品</a>
</dd>
<dd>
<a href="javascript:;">常见问题 </a>
</dd>
</dl>
</div>
</div>
</div>
<div class="copyright">
<div class="copyright-bg">
<div class="hotline">为生活充电在线 <span>招商热线:****-********</span> 客服热线:400-******</div>
</div>
</div>
</body>
</html>
马建仓 AI 助手
尝试更多
代码解读
代码找茬
代码优化
JavaScript
1
https://gitee.com/sky_heartluan/home-and-online-mall.git
git@gitee.com:sky_heartluan/home-and-online-mall.git
sky_heartluan
home-and-online-mall
家和网上商城
master

搜索帮助