收藏
PHPz批改状态：合格
老师批语：
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>购物车页面</title><link rel="stylesheet" href="./css/base.css" /><link rel="stylesheet" href="./css/eduwork.css" /><link rel="stylesheet" href="./css/iconfont.css" /><link rel="stylesheet" href="./css/layout.css" /><link rel="stylesheet" href="./css/footer.css" /><link rel="stylesheet" href="./css/list.css" /><link rel="stylesheet" href="https://at.alicdn.com/t/font_2934967_enobaibly2.css"></head><body><!--头部标签开始--><header class=" container d-flex jusify-content-between"><div class=""><img src="./img/logo.png" alt=""></div><div class=" d-flex jusify-content-between align-items-center"><div class="px-3"><a href="" class="fontSize14">登录</a><span>|</span><a href="" class="fontSize14">注册</a></div><div class="pl-2 border-bottom border-black py-1"><form action=""><input type="search" class="border-0" placeholder="热门搜索:细说php" name="" id=""><button class="header-button iconfont border-0 bg-transparent textColorRed120 icon-sousuo"></button></form></div><div class="px-3 header-icon d-flex align-items-center"><i class="iconfont icon-31wode textColorRed120"></i><i class="iconfont icon-erweima textColorRed120"></i><i class="iconfont icon-gouwuchekong textColorRed120"></i></div></div></header><!--导航栏--><nav class="container-full "><ul class="d-flex w-40 m-auto text-center"><li class="py-2 px-4 mx-3"><a href="" class="fontSize14">首页</a></li><li class="py-2 px-4 mx-3"><a href="" class="fontSize14">编程图书</a><section class="w-100 position-absolute left-0"><ul class="d-flex w-40 m-auto"><li class="py-2 px-4 mx-3"><a href="" class="text-white">细说PHP</a></li><li class="py-2 px-4 mx-3"><a href=" " class="text-white">细说PHP</a></li><li class="py-2 px-4 mx-3"><a href="" class="text-white">细说PHP</a></li><li class="py-2 px-4 mx-3"><a href="" class="text-white">细说PHP</a></li></ul></section></li><li class="py-2 px-4 mx-3"><a href="" class="fontSize14">算法图书</a></li><li class="py-2 px-4 mx-3"><a href="" class="fontSize14">AI图书</a></li><li class="py-2 px-4 mx-3"><a href="" class="fontSize14">人工智能 </a></li></ul></nav><!--滚动图片--><section class="banner container-full overflow-hidden border border-box"><div class="d-flex w-300"><img src="../项目/img/001.jpeg" alt="" class="w-100"><img src="../项目/img/2.jpeg" class="w-100" alt=""><img src="../项目/img/3.jpeg" class="w-100" alt=""></div></section><!--侧边栏--><aside class="posetion-fixed py-2 right-10 d-flex flex-column jusify-content-between"><div class="iconfont border p-3 bg-db cursor textColorRed120 icon-gouwuchekong"></div><div class="iconfont border p-3 bg-db cursor textColorRed120 mt-1 icon-sousuo"></div><div class="iconfont border p-3 bg-db cursor textColorRed120 mt-1 icon-31wode"></div><div class="iconfont border p-3 bg-db cursor textColorRed120 mt-1 icon-erweima"></div></aside><!--购物车-->><section class="container d-flex jusify-content-between align-items-center" ><div class="fontSize16">购物车</div><div><img height="35px" src="/项目/img/cartTop01.png"/></div><a href="" class="fontSize16">继续购物 ></a></section><!--购物车商品详情--><section class="d-flex container text-center jusify-content-center bg-db h-40px align-items-center"><div class="fontSize16 w-40">商品</div><div class="fontSize16 w-10">单价</div><div class="fontSize16 w-20">数量</div><div class="fontSize16 w-10">小计</div><div class="fontSize16 w-20">操作</div></section><!--第一栏--><section class=" d-flex container justify-content-center align-items-center pl-4"><div class="w-40 d-flex align-items-center"><input type="checkbox" class="w-20px h-20px" name="" id=""><img class="pl-4" src="../项目/img/cart01.jpg"><div class="pl-2 ml-2"><p><a href="" class="fontSize14">创意现代简约花瓶摆件</a></p><p class="mt-4 mb-1 text-777 ">图书分类</p><p class="text-777">细说系列</p></div></div><div class="fontSize14 w-10 text-center">￥20.00</div><div class="fontSize14 w-20 d-flex jusify-content-center align-items-center"><div class="border p-1 w-20px h-20px d-flex jusify-content-center align-items-center mr-3 cursor fontSize22">-</div><input type="text" class="border-0" size="1" value="1"><div class="border ml-1 w-20px h-20px p-1 d-flex jusify-content-center align-items-center cursor fontSize18">+</div></div><div class="fontSize14 w-10 text-center">￥20.00</div><div class="fontSize14 text-center w-20">删除</div></section><!--第二栏--><section class=" border-top d-flex container justify-content-center align-items-center pl-4"><div class="w-40 d-flex align-items-center"><input type="checkbox" class="w-20px h-20px" name="" id=""><img class="pl-4" src="../项目/img/cart01.jpg"><div class="pl-2 ml-2"><p><a href="" class="fontSize14">创意现代简约花瓶摆件</a></p><p class="mt-4 mb-1 text-777 ">图书分类</p><p class="text-777">细说系列</p></div></div><div class="fontSize14 w-10 text-center">￥20.00</div><div class="fontSize14 w-20 d-flex jusify-content-center align-items-center"><div class="border p-1 w-20px h-20px d-flex jusify-content-center align-items-center mr-3 cursor fontSize22">-</div><input type="text" class="border-0" size="1" value="1"><div class="border ml-1 w-20px h-20px p-1 d-flex jusify-content-center align-items-center cursor fontSize18">+</div></div><div class="fontSize14 w-10 text-center">￥20.00</div><div class="fontSize14 text-center w-20">删除</div></section><!--底部--><section class="container d-flex jusify-content-between align-items-center bg-db"><section class="py-2 d-flex align-items-center pl-1"><input type="checkbox" name="" class="w-20px h-20px" id=""><a href="" class="ml-4">全选</a><a href="" class="ml-2">删除</a></section><section class="d-flex align-items-center w-30 jusify-content-between"><div>共 <span class="textColorRed120">0</span> 件商品</div><div>合计: <span class="textColorRed120">￥0.00</span></div><button class="border-0 bg-8e text-white fontSize14 py-2 w-40 cursor">结算</button></section></section><!-- 底部标签--><footer class="container-full border-top mt-4 "><section class="container d-flex my-2 jusify-content-around align-items-center"><div class="border-right py-1 flex-grow1 px-2 pr-4 d-flex jusify-content-center align-items-center"><img src="./img/foot1.png" alt=""><p class="pl-1 ml-2 pr-4">7天无理由退货</p></div><div class="border-right py-1 flex-grow1 px-2 pr-4 d-flex jusify-content-center align-items-center"><img src="./img/foot1.png" alt=""><p class="pl-1 ml-2 pr-4">7天无理由退货</p></div><div class="border-right py-1 flex-grow1 px-2 pr-4 d-flex jusify-content-center align-items-center"><img src="./img/foot1.png" alt=""><p class="pl-1 ml-2 pr-4">7天无理由退货</p></div><div class=" py-1 flex-grow1 px-2 pr-4 d-flex jusify-content-center align-items-center"><img src="./img/foot1.png" alt=""><p class="pl-1 ml-2 pr-4">7天无理由退货</p></div></section><section class="bg-black text-center py-3"><p class="text-white">最家家居©2013-2017公司版权所有 京ICP备080100-44备0000111000号<br/>违法和不良信息举报电话：400-800-8200，本网站所列数据，除特殊说明，所有数据均出自我司实验室测试</p></section></footer></body></html>
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
