本文重点解决仿美团详情页与购物车源码-订单页问题,希望能够帮助到你
项目整体图
首先是order.html
<!DOCTYPE html> <html> <head> <title>订单</title> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0,user-scalable=0"> <script type="text/javascript"> (function () { var docEl = document.documentElement; function setRemUnit(){ // 获取到rem的基准值 var rem = docEl.clientWidth / 10; // 动态设置html根元素的font-size docEl.style.fontSize = rem + 'px'; } setRemUnit(); // 窗口大小变化时 触发 window.addEventListener('resize', setRemUnit); // 窗口出现在当前屏幕时 （有浏览器兼容性） window.addEventListener('pageshow', function(e){ if (e.persisted) { setRemUnit(); } }); })(); </script> <link rel="stylesheet" type="text/css" href="../lib/reset.css"> <link rel="stylesheet" type="text/css" href="./header/header.css"> <link rel="stylesheet" type="text/css" href="./contentList/contentList.css"> <link rel="stylesheet" type="text/css" href="../common/bottomBar/bottomBar.css"> </head> <body> <!--头部开始--> <div class="header">订单</div> <!--头部结束--> <!--订单列表开始--> <div class="wrap"> <div class="order-list"></div> <div class="loading">加载中</div> </div> <!--订单列表结束--> <!--底部栏开始--> <div class="bottom-bar"></div> <!--底部栏结束--> <script type="text/javascript" src="../lib/jquery.min.js"></script> <script type="text/javascript" src="./contentList/contentList.js"></script> <script type="text/javascript" src="../common/bottomBar/bottomBar.js"></script> </body> </html>
本网刊登的文章均仅代表作者个人观点，并不代表本网立场。文中的论述和观点，敬请读者注意判断。
微信扫一扫打赏
支付宝扫一扫打赏
扫码加微信好友
© 2002-2022 星联科技(xinglianwangluo.com) 版权所有，并保留所有权利 老妖怪 蜀ICP备2024091751号-1
四川省广元市利州区
川公网安备 51080202000147号
