购物车2、3、4

css/logshoppingcar/qrcode.css

@@ -0,0 +1,58 @@
+* {
+  margin: 0;
+  padding: 0;
+}
+
+li {
+  list-style: none;
+}
+
+a {
+  text-decoration: none;
+}
+
+section {
+  background-color: #f5f5f5;
+}
+
+section .whole {
+  padding: 15px 50px;
+  margin: auto;
+}
+
+section .whole .whole-1 {
+  margin: 20px auto;
+  padding: 25px;
+}
+
+section .whole .whole-1 .Wxcollec {
+  background-color: #fff;
+  text-align: center;
+  line-height: 60px;
+  padding-top: 82px;
+}
+
+section .whole .whole-1 .Wxcollec .wxprice {
+  padding-bottom: 71px;
+}
+
+section .whole .whole-1 .Wxcollec .wxprice span {
+  font-size: 32px;
+  font-weight: 800;
+  color: #cb1919;
+}
+
+section .whole .whole-1 .Wxcollec .qrcode img {
+  padding: 18px;
+  border: 1px solid #00a608;
+}
+
+section .whole .whole-1 .Wxcollec .wxzf {
+  margin-top: 10px;
+  padding-bottom: 118px;
+  margin-left: 85px;
+}
+
+section .whole .whole-1 .Wxcollec .wxzf img {
+  height: 45px;
+}

css/logshoppingcar/shopcar2.css

@@ -24,12 +24,7 @@ section .whoil {
 section .whoil .whoil-1 {
   margin: 20px auto;
   padding: 25px;
-  /* 最外层盒子 */
-  /* 图片 */
-  /* 左右按钮 */
-  /* 改变左右箭头、分页器的样式 */
-  /* 单独修改分页器的css样式，swiper默认是10*10的span */
-  /* 移动鼠标，隐藏显示左右按钮，配合js使用 */
+
 }
 
 section .whoil .whoil-1 .all {

css/logshoppingcar/tobepaid.css

@@ -0,0 +1,238 @@
+* {
+  margin: 0;
+  padding: 0;
+}
+
+li {
+  list-style: none;
+}
+
+a {
+  text-decoration: none;
+}
+
+section {
+  height: 1200px;
+  background-color: #f5f5f5;
+}
+
+section .whole {
+  padding: 15px 50px;
+  margin: auto;
+}
+
+section .whole .whole-1,
+section .whole .setall {
+  margin: 20px auto;
+  width: 1200px;
+  padding: 25px;
+  background-color: #ffffff;
+}
+
+section .whole .whole-1 .all,
+section .whole .setall .all {
+  display: inline-block;
+}
+
+section .whole .whole-1 .all h2,
+section .whole .setall .all h2 {
+  font-weight: 600;
+  float: left;
+  padding-bottom: 10px;
+}
+
+section .whole .whole-1 .Buyers,
+section .whole .whole-1 .opt,
+section .whole .setall .Buyers,
+section .whole .setall .opt {
+  padding: 25px;
+}
+
+section .whole .whole-1 .toggle,
+section .whole .whole-1 .commodity,
+section .whole .setall .toggle,
+section .whole .setall .commodity {
+  padding: 20px;
+}
+
+section .whole .whole-1 .Subtitle,
+section .whole .setall .Subtitle {
+  font-weight: 800;
+}
+
+section .whole .whole-1 .Buyers,
+section .whole .setall .Buyers {
+  border-top: 2px solid #cb1919;
+  border-bottom: 1px solid #f2f2f2;
+  background-color: #fff;
+}
+
+section .whole .whole-1 .Buyers span:nth-child(2),
+section .whole .setall .Buyers span:nth-child(2) {
+  float: right;
+}
+
+section .whole .whole-1 .Buyers span:nth-child(2) a,
+section .whole .setall .Buyers span:nth-child(2) a {
+  color: #066ee2;
+}
+
+section .whole .whole-1 .Buyers .toggle .address,
+section .whole .setall .Buyers .toggle .address {
+  display: flex;
+  align-items: center;
+}
+
+section .whole .whole-1 .Buyers .toggle .address .name,
+section .whole .setall .Buyers .toggle .address .name {
+  display: inline-block;
+  padding: 10px 50px;
+}
+
+section .whole .whole-1 .Buyers .toggle .address .na-1,
+section .whole .setall .Buyers .toggle .address .na-1 {
+  border: solid 2px #cb1919;
+}
+
+section .whole .whole-1 .Buyers .toggle .address .na-2,
+section .whole .setall .Buyers .toggle .address .na-2 {
+  margin-top: 10px;
+  border: solid 2px #d1d1d1;
+}
+
+section .whole .whole-1 .Buyers .toggle .address p,
+section .whole .setall .Buyers .toggle .address p {
+  margin: 0px 15px;
+}
+
+section .whole .whole-1 .Buyers .toggle .address-2 a,
+section .whole .setall .Buyers .toggle .address-2 a {
+  color: #066ee2;
+}
+
+section .whole .whole-1 .Buyers .toggle .stop,
+section .whole .setall .Buyers .toggle .stop {
+  padding: 20px 20px;
+}
+
+section .whole .whole-1 .opt ul .optall table,
+section .whole .setall .opt ul .optall table {
+  width: 100%;
+  background-color: #f3f3f3;
+  border: 1px solid #e0e0e0;
+  margin-bottom: 20px;
+}
+
+section .whole .whole-1 .opt ul .optall #checkall,
+section .whole .setall .opt ul .optall #checkall {
+  margin-left: 10px;
+}
+
+section .whole .whole-1 .opt ul .optall th,
+section .whole .setall .opt ul .optall th {
+  height: 50px;
+}
+
+section .whole .whole-1 .opt ul .optall th span,
+section .whole .setall .opt ul .optall th span {
+  margin-left: 85px;
+}
+
+section .whole .whole-1 .opt .checklist .among,
+section .whole .setall .opt .checklist .among {
+  margin-bottom: 20px;
+  border-bottom: 1px solid #f2f2f2;
+}
+
+section .whole .whole-1 .opt .checklist .among table,
+section .whole .setall .opt .checklist .among table {
+  width: 100%;
+  background-color: #fff;
+}
+
+section .whole .whole-1 .opt .checklist .among th,
+section .whole .setall .opt .checklist .among th {
+  height: 115px;
+}
+
+section .whole .whole-1 .opt .checklist .among th:nth-child(1),
+section .whole .setall .opt .checklist .among th:nth-child(1) {
+  width: 135px;
+}
+
+section .whole .whole-1 .opt .checklist .among th:nth-child(1) img,
+section .whole .setall .opt .checklist .among th:nth-child(1) img {
+  padding: 10px;
+  width: 82px;
+}
+
+section .whole .whole-1 .opt .checklist .among th:nth-child(2),
+section .whole .setall .opt .checklist .among th:nth-child(2) {
+  width: 300px;
+}
+
+section .whole .whole-1 .opt .checklist .among th:nth-child(4) > input,
+section .whole .setall .opt .checklist .among th:nth-child(4) > input {
+  width: 80px;
+}
+
+section .whole .whole-1 .opt .checklist .among th:nth-child(3), section .whole .whole-1 .opt .checklist .among th:nth-child(4), section .whole .whole-1 .opt .checklist .among th:nth-child(6),
+section .whole .setall .opt .checklist .among th:nth-child(3),
+section .whole .setall .opt .checklist .among th:nth-child(4),
+section .whole .setall .opt .checklist .among th:nth-child(6) {
+  width: 140px;
+}
+
+section .whole .whole-1 .opt .checklist .among th:nth-child(5),
+section .whole .setall .opt .checklist .among th:nth-child(5) {
+  width: 120px;
+}
+
+section .whole .whole-1 .opt .checklist .among th:nth-child(5) input,
+section .whole .setall .opt .checklist .among th:nth-child(5) input {
+  text-align: center;
+}
+
+section .whole .whole-1 .opt .checklist .among th:nth-child(5) input:nth-child(1), section .whole .whole-1 .opt .checklist .among th:nth-child(5) input:nth-child(3),
+section .whole .setall .opt .checklist .among th:nth-child(5) input:nth-child(1),
+section .whole .setall .opt .checklist .among th:nth-child(5) input:nth-child(3) {
+  width: 15px;
+}
+
+section .whole .whole-1 .opt .checklist .among th:nth-child(5) input:nth-child(2),
+section .whole .setall .opt .checklist .among th:nth-child(5) input:nth-child(2) {
+  width: 30px;
+}
+
+section .whole .whole-1 .coupon .coupon-1,
+section .whole .setall .coupon .coupon-1 {
+  background: url("../../img/images/coupon-1.png");
+}
+
+section .whole .whole-1 .remarks .layui-textarea,
+section .whole .setall .remarks .layui-textarea {
+  background-color: #fcfcfc;
+}
+
+section .whole .setall {
+  background-color: #fff;
+  border: 1px solid #e0e0e0;
+  margin-top: 25px;
+}
+
+section .whole .setall .total {
+  border-top: 1px solid #e0e0e0;
+  border-bottom: 1px solid #e0e0e0;
+  line-height: 33px;
+}
+
+section .whole .setall .subore {
+  padding: 20px;
+}
+
+section .whole .setall .subore span {
+  padding: 15px 35px;
+  background-color: #cb1919;
+  color: #fff;
+  float: right;
+}

css/logshoppingcar/tobepaid.scss

@@ -0,0 +1,213 @@
+* {
+    margin: 0;
+    padding: 0;
+}
+li {
+    list-style: none;
+}
+a {
+    text-decoration: none;
+}
+
+section {
+    height: 1200px;
+    background-color: #f5f5f5;
+    .whole {
+        padding: 15px 50px;
+        margin: auto;
+        .whole-1,
+        .setall {
+            margin: 20px auto;
+            width: 1200px;
+            padding: 25px;
+            background-color: #ffffff;
+            .all {
+                display: inline-block;
+                h2 {
+                    font-weight: 600;
+
+                    float: left;
+                    padding-bottom: 10px;
+                }
+            }
+            .Buyers,
+            .opt {
+                padding: 25px;
+            }
+            .toggle,
+            .commodity {
+                padding: 20px;
+            }
+            .Subtitle {
+                font-weight: 800;
+            }
+            // 买家
+            .Buyers {
+                border-top: 2px solid #cb1919;
+                border-bottom: 1px solid #f2f2f2;
+                background-color: #fff;
+
+                span {
+                    &:nth-child(2) {
+                        float: right;
+                        a {
+                            color: #066ee2;
+                        }
+                    }
+                }
+                .toggle {
+                    .address {
+                        display: flex;
+                        align-items: center;
+                        .name {
+                            display: inline-block;
+                            padding: 10px 50px;
+                        }
+                        .na-1 {
+                            border: solid 2px #cb1919;
+                        }
+                        .na-2 {
+                            margin-top: 10px;
+                            border: solid 2px #d1d1d1;
+                        }
+                        p {
+                            margin: 0px 15px;
+                        }
+                    }
+                    .address-2 {
+                        a {
+                            color: #066ee2;
+                        }
+                    }
+                    .stop {
+                        padding: 20px 20px;
+                    }
+                }
+            }
+            // 送货清单
+            .opt {
+                ul {
+                    .optall {
+                        table {
+                            width: 100%;
+                            background-color: #f3f3f3;
+                            border: 1px solid #e0e0e0;
+                            margin-bottom: 20px;
+                        }
+                        #checkall {
+                            margin-left: 10px;
+                        }
+                        th {
+                            height: 50px;
+                            span {
+                                margin-left: 85px;
+                            }
+                        }
+                    }
+                }
+                .checklist {
+                    .among {
+                        margin-bottom: 20px;
+                        border-bottom: 1px solid #f2f2f2;
+                        table {
+                            width: 100%;
+                            background-color: #fff;
+                        }
+
+                        th {
+                            height: 115px;
+                            &:nth-child(1) {
+                                width: 135px;
+                                img {
+                                    padding: 10px;
+                                    width: 82px;
+                                }
+                            }
+                            &:nth-child(2) {
+                                width: 300px;
+                            }
+                            &:nth-child(4) > input {
+                                width: 80px;
+                            }
+                            &:nth-child(3),
+                            &:nth-child(4),
+                            &:nth-child(6) {
+                                width: 140px;
+                                // text-align: center;
+                            }
+                            &:nth-child(5) {
+                                width: 120px;
+                                input {
+                                    text-align: center;
+                                }
+                                input {
+                                    &:nth-child(1),
+                                    &:nth-child(3) {
+                                        width: 15px;
+                                    }
+                                    &:nth-child(2) {
+                                        width: 30px;
+                                    }
+                                }
+                            }
+                        }
+                        // span {
+                        //     width: 400px;
+                        //     font-size: 12px;
+                        //     display: inline-block;
+                        // }
+                    }
+                }
+            }
+            // 使用优惠券
+            .coupon {
+                .coupon-1{
+                    background: url("../../img/images/coupon-1.png");
+                }
+            }
+            // 备注
+            .remarks {
+                .layui-textarea {
+                    background-color: #fcfcfc;
+                }
+            }
+        }
+        .setall {
+            // width: 100%;
+            background-color: #fff;
+            border: 1px solid #e0e0e0;
+            // display: inline-flex;
+            margin-top: 25px;
+            // ul,
+            // .total,
+            // .subore li {
+            //     float: right;
+            // }
+            .seta {
+                // ul {
+                //     float: right;
+                // }
+            }
+
+            .total {
+                border-top: 1px solid #e0e0e0;
+                border-bottom: 1px solid #e0e0e0;
+                line-height: 33px;
+
+                // p {display: inline-block;
+                //     float: right;
+
+                // }
+            }
+            .subore{ 
+                 padding: 20px;
+                span {
+                    padding: 15px 35px;
+                    background-color: #cb1919;
+                    color: #fff;
+                    float: right;
+                }
+            }
+        }
+    }
+}

css/logshoppingcar/zf.css

@@ -0,0 +1,70 @@
+* {
+  margin: 0;
+  padding: 0;
+}
+
+li {
+  list-style: none;
+}
+
+a {
+  text-decoration: none;
+}
+
+section {
+  background-color: #f5f5f5;
+}
+
+section .whole {
+  padding: 15px 50px;
+  margin: auto;
+}
+
+section .whole .whole-1 {
+  margin: 20px auto;
+  padding: 25px;
+}
+
+section .whole .whole-1 .payment {
+  background-color: #fff;
+  text-align: center;
+  line-height: 60px;
+  padding-top: 190px;
+  padding-bottom: 226px;
+}
+
+section .whole .whole-1 .payment img {
+  width: 97px;
+}
+
+section .whole .whole-1 .payment h2 {
+  font-weight: 600;
+  color: #00a608;
+}
+
+section .whole .whole-1 .payment .order {
+  display: inline-flex;
+}
+
+section .whole .whole-1 .payment .order .odernum {
+  padding-right: 15px;
+}
+
+section .whole .whole-1 .payment .order .oderinte,
+section .whole .whole-1 .payment .order .oderbuy {
+  padding: 0px 15px;
+}
+
+section .whole .whole-1 .payment .order .oderhome {
+  padding-left: 15px;
+}
+
+section .whole .whole-1 .payment .order .oderinte {
+  color: #cb1919;
+}
+
+section .whole .whole-1 .payment .order .oderbuy a,
+section .whole .whole-1 .payment .order .oderhome a {
+  color: #00a608;
+}
+

htmls/logshoppingcar/qrcode.html

@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>微信二维码</title>
+    <link rel="stylesheet" href="../../css/layui.css">
+    <link rel="stylesheet" href="../../css/logshoppingcar/qrcode.css">
+</head>
+
+<body>
+
+    <section>
+        <div class="whole">
+            <div class="whole-1">
+                <!-- 二维码 -->
+                <!-- 应付金额 -->
+                <div class="Wxcollec">
+                    <div class="wxprice">应付金额：<span class="">2234.50</span>元</div>
+                    <!-- 微信二维码 -->
+                    <div class="qrcode"><img class="" alt="图片丢失" title="微信二维码图片" src="../../img/images/wxqrcode.png"></div>
+                    <!-- 微信支付 -->
+                    <div class="wxzf"><img class="" alt="图片丢失" title="微信支付" src="../../img/images/wxzf.png"></div>
+                </div>
+            </div>
+        </div>
+    </section>
+
+</body>
+
+</html>

htmls/logshoppingcar/shopcar.html

@@ -35,7 +35,7 @@
                     <tbody>
                         <tr class="inline">
                             <td><input type="checkbox" name="ck" onclick="check()"></td>
-                            <td><img src="../../img/images/1-1.png" alt=""><span>竹迪
+                            <td><img src="../../img/images/1-1.png" alt="图片丢失" title="购物车图片一"><span>竹迪
                                     客厅装饰画现代简约晶瓷画沙发背景墙挂画三联画餐厅墙画<br />靠山书房壁画抽象艺术画
                                     11时来运转8190</span>
                                 <span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;x3</span>
@@ -53,7 +53,7 @@
                         </tr>
                         <tr class="inline">
                             <td><input type="checkbox" name="ck" onclick="check()"></td>
-                            <td><img src="../../img/images/1-2.png" alt=""><span>竹迪
+                            <td><img src="../../img/images/1-2.png" alt="图片丢失" title="购物车图片二" ><span>竹迪
                                     客厅装饰画现代简约晶瓷画沙发背景墙挂画三联画餐厅墙画<br />靠山书房壁画抽象艺术画
                                     11时来运转8190</span>
                                 <span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;x3</span>
@@ -71,7 +71,7 @@
                         </tr>
                         <tr class="inline">
                             <td><input type="checkbox" name="ck" onclick="check()"></td>
-                            <td><img src="../../img/images/1-3.png" alt=""><span>竹迪
+                            <td><img src="../../img/images/1-3.png" alt="图片丢失" title="购物车图片三"><span>竹迪
                                     客厅装饰画现代简约晶瓷画沙发背景墙挂画三联画餐厅墙画<br />靠山书房壁画抽象艺术画
                                     11时来运转8190</span>
                                 <span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;x3</span>
@@ -89,7 +89,7 @@
                         </tr>
                         <tr class="inline">
                             <td><input type="checkbox" name="ck" onclick="check()"></td>
-                            <td><img src="../../img/images/1-4.png" alt=""><span>竹迪
+                            <td><img src="../../img/images/1-4.png" alt="图片丢失" title="购物车图片四"><span>竹迪
                                     客厅装饰画现代简约晶瓷画沙发背景墙挂画三联画餐厅墙画<br />靠山书房壁画抽象艺术画
                                     11时来运转8190</span>
                                 <span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;x3</span>
@@ -124,11 +124,11 @@
                         推荐商品
                     </div>
                     <div class="swiper-wrapper">
-                        <div class="swiper-slide"><img src="../../img/images/1.png" alt=""></div>
-                        <div class="swiper-slide"><img src="../../img/images/2.png" alt=""></div>
-                        <div class="swiper-slide"><img src="../../img/images/3.png" alt=""></div>
-                        <div class="swiper-slide"><img src="../../img/images/4.png" alt=""></div>
-                        <div class="swiper-slide"><img src="../../img/images/1.png" alt=""></div>
+                        <div class="swiper-slide"><img alt="图片丢失" title="图片一" src="../../img/images/1.png" ></div>
+                        <div class="swiper-slide"><img alt="图片丢失" title="图片二" src="../../img/images/2.png" ></div>
+                        <div class="swiper-slide"><img alt="图片丢失" title="图片三" src="../../img/images/3.png" ></div>
+                        <div class="swiper-slide"><img alt="图片丢失" title="图片四" src="../../img/images/4.png" ></div>
+                        <div class="swiper-slide"><img alt="图片丢失" title="图片一" src="../../img/images/1.png" ></div>
                     </div>
                     <!-- 如果需要分页器 -->
                     <div class="swiper-pagination"></div>

htmls/logshoppingcar/tobepaid.html

@@ -0,0 +1,154 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>购物车</title>
+    <link rel="stylesheet" href="../../css/layui.css">
+    <link rel="stylesheet" href="../../css/logshoppingcar/tobepaid.css">
+</head>
+
+<body>
+    <header>
+
+
+        <section>
+            <div class="whole">
+                <div class="whole-1">
+                    <div class="all">
+                        <h2>填写并核对订单信息</h2>
+                    </div>
+                    <!-- 买家 -->
+                    <div class="Buyers">
+                        <span class="Subtitle">收货人信息</span>
+                        <span><a class="addbuy" href="">新增收货地址</a></span>
+
+                        <div class="toggle">
+                            <div class="address address-1">
+                                <div class="name na-1">程鹏龙</div>
+                                <p>程鹏龙 四川 成都市 武侯区 城区 人民南路四段成科西路3号 138****1234</p>
+                                <a class="" href=""><img src="../../img/images/Defadd.png" alt=""></a>
+                            </div>
+                            <div class="address address-2 ">
+                                <div class="name na-2">程鹏龙</div>
+                                <p>程鹏龙 四川 成都市 武侯区 城区 人民南路四段成科西路3号 138****1234</p>
+                                <a class="" href="">设置为默认地址</a>
+                            </div>
+                            <div class="address stop">收起地址 ︽</div>
+                            <!-- <dl>
+                                <dt>收起地址  ︽
+                                </dt>
+                                <dd>
+                                </dd>
+                            </dl> -->
+                        </div>
+                    </div>
+                    <!-- 送货清单 -->
+                    <div class="opt">
+                        <span class="Subtitle">送货清单</span>
+                        <div class="commodity">
+                            <ul>
+                                <li class="optall">
+                                    <table>
+                                        <th>
+                                            <span></span>商品</span>
+                                        </th>
+                                        <th>单价</th>
+                                        <th>数量</th>
+                                        <th>小计</th>
+                                    </table>
+                                </li>
+                            </ul>
+                            <ul class="checklist">
+                                <li class="among">
+                                    <table>
+                                        <th> <label for="value1"><img src="../../img/images/1-1.png" alt=""></label>
+                                        </th>
+                                        <th><span>
+                                                创意牛气冲天牛摆件现代简约家居装饰品牛摆设电视柜玄关办<br />公室博古架抽象艺术工艺品 牛气冲天+运势如虹
+                                            </span></th>
+                                        <th>￥188
+                                            <!-- <input type="text" name="price" value="188.00"> -->
+                                        </th>
+                                        <th>x3</th>
+                                        <th id="price0">￥564.6</th>
+                                    </table>
+                                </li>
+                                <li class="among">
+                                    <table>
+                                        <th> <label for="value1"><img src="../../img/images/1-1.png" alt=""></label>
+                                        </th>
+                                        <th><span>
+                                                创意牛气冲天牛摆件现代简约家居装饰品牛摆设电视柜玄关办<br />公室博古架抽象艺术工艺品 牛气冲天+运势如虹
+                                            </span></th>
+                                        <th>￥188
+                                            <!-- <input type="text" name="price" value="188.00"> -->
+                                        </th>
+                                        <th>x3</th>
+                                        <th id="price0">￥564.6</th>
+                                    </table>
+                                </li>
+                            </ul>
+
+                        </div>
+
+                    </div>
+                    <!-- 使用优惠券 -->
+                    <div class="coupon">
+                        <div class="coupon-1">
+                            
+                        </div>
+                    </div>
+                    <!-- 备注 -->
+                    <div class="remarks">
+                        <div class="layui-form-item layui-form-text">
+                            <label class="layui-form-label Subtitle">信息备注</label>
+                            <div class="layui-input-block">
+                                <textarea placeholder="请输入内容" class="layui-textarea" name="desc"></textarea>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <!-- 提交订单 -->
+                <div class="setall">
+                    <ul class="seta">
+                        <li>商品总金额： </li>
+                        <li>运费：</li>
+                        <li>商品优惠：</li>
+                        <li><span onclick="settlem();">提交订单</span>
+                        </li>
+                    </ul>
+
+                    <div class="total">
+                        应付总额：<span></span>
+                        <p>程鹏龙 四川 成都市 武侯区 城区 人民南路四段成科西路3号 138****1234</p>
+                    </div>
+
+                    <div class="subore">
+                        <span>提交订单</span>
+                    </div>
+                </div>
+
+            </div>
+
+        </section>
+
+</body>
+<script src="../../js/jquery-1.9.1.js"></script>
+<script type="text/javascript">
+    // 折叠
+    $(function () {
+        $(".toggle dl dd").hide();
+        $(".toggle dl dt").click(function () {
+            $(".toggle dl dd").not($(this).next()).hide();
+            $(".toggle dl dt").not($(this).next()).removeClass("current");
+            $(this).next().slideToggle(500);
+            $(this).toggleClass("current");
+        }
+        );
+    }
+    );
+</script>
+
+</html>

htmls/logshoppingcar/zf.html

@@ -0,0 +1,34 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>支付成功</title>
+    <link rel="stylesheet" href="../../css/layui.css">
+    <link rel="stylesheet" href="../../css/logshoppingcar/zf.css">
+</head>
+
+<body>
+
+    <section>
+        <div class="whole">
+            <div class="whole-1">
+                <!-- 支付成功 -->
+                <div class="payment">
+                    <img class="" alt="图片丢失" title="支付成功" src="../../img/images/chenggong.png" alt="">
+                    <h2>支付成功</h2>
+                    <div class="order">
+                        <div class="odernum">订单号：<span class="">107787156599</span></div>
+                        <div class="oderinte">积分+<span class="">159</span></div>
+                        <div class="oderbuy"> <a href="">继续购物</a></div>
+                        <div class="oderhome"><a href="">返回首页</a></div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </section>
+
+</body>
+
+</html>