master

分支 (1)

管理

管理

master

orange-juice-e-mall-pc
/
orders.html

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>橙汁E商城—欢迎来橙汁E商城逛逛——专业的网上购物商城,正品低价、品质保障、配送及时、轻松购物!</title>
  <!-- 网站说明 -->
  <meta name="description" conten="橙汁E商城-专业的网上购物商城，销售家电、数码通讯、电脑、家居百货 服装服饰、母婴、图书、食品等数万个品牌优质商品、便捷、诚信的服务，为你提供愉悦的网上购物体验!">
  <!-- 关键字 -->
  <meta name="keywords" conten="网上购物,网上商城,手机,笔记本,电脑,mp3,cd,VCD,DV,相机，数码配件，手表，储存卡，京东。">
  <!-- 引入favicon图标 -->
  <link rel="shortcut icon" href="images/bitbug_favicon (9).ico" />
  <!-- 引入公共初始化样式 -->
  <link rel="stylesheet" href="./style/base.css">
  <!-- 引入订单页面样式 -->
  <link rel="stylesheet" href="./style/orders.css">
  <!-- 先引入jquery  -->
  <script src="js/jquery.min.js"></script>
  <!-- 在引入我们自己的js文件 -->
  <script src="./js/orders.js"></script>
</head>

<body>
  <iframe src="header.html" frameborder="0" width="100%" height="156px" scrolling="no" name="l"></iframe>
  <table class="orders-box w" border="0" cellpadding="0" cellspacing="0">
    <tr class="orders-top">
      <td>
        <h4>我的订单</h4>
      </td>
    <tr class="orders-top-box">
      <td>商品</td>
      <td>单价</td>
      <td>数量</td>
      <td>小计</td>
      <td>交易状态</td>
      <td>操作</td>
    </tr>
    </tr>
  </table>
  <section class="cartMain w">
    <div class="cartBox">
      <div class="order_content">
        <!-- 1 -->
        <ul class="order_lists">
          <span class="orders-bb-top">
            <input type="checkbox" id="checkbox_2" class="son_check">
            <label for="checkbox_2"></label>2021-3-20 20:10:35&nbsp;&nbsp; 订单号:11568792448956</td>
          </span>
          <li class="list_con">
            <span class="list_img">
              <a href="javascript:;"><img src="./images/QQ图片20220604120356.png" alt=""></a>
            </span>
            <span class="list_text"><a href="javascript:;">富士instax立拍立得一次成像相机mini7c水蓝色</a></span>
          </li>

          <li class="list_price">
            <p class="price">￥1260.00</p>
          </li>

          <li class="list_amount">
            <div class="amount_box">
              <a href="javascript:;" class="reduce reSty">-</a>
              <input type="text" value="1" class="sum">
              <a href="javascript:;" class="plus">+</a>
            </div>
          </li>

          <li class="list_sum">
            <p class="sum_price">￥1260.00</p>
          </li>
          <li class="list_op">
            <p class="del">
              <a href="#">提醒发货</a>
              <a href="javascript:;" class="delBtn">移除商品</a>
            </p>
          </li>
          <li class="list_info">
            <span>
              <a href="#">评价</a>
              <a href="#">再次购买</a>
              <span class="p-action">
                <a href="javascript:;">删除订单</a>
              </span>
            </span>
          </li>
        </ul>
      </div>
    </div>
    <!-- 2 -->
    <div class="cartBox">
      <div class="order_content">

        <ul class="order_lists">
          <span class="orders-bb-top">
            <input type="checkbox" id="checkbox_3" class="son_check">
            <label for="checkbox_3"></label>2021-3-20 20:10:35&nbsp;&nbsp; 订单号:11568792448956</td>
          </span>
          <li class="list_con">
            <span class="list_img">
              <a href="javascript:;"><img src="./images/QQ图片20220604120356.png" alt=""></a>
            </span>
            <span class="list_text"><a href="javascript:;">富士instax立拍立得一次成像相机mini7c水蓝色</a></span>
          </li>

          <li class="list_price">
            <p class="price">￥980.00</p>
          </li>

          <li class="list_amount">
            <div class="amount_box">
              <a href="javascript:;" class="reduce reSty">-</a>
              <input type="text" value="1" class="sum">
              <a href="javascript:;" class="plus">+</a>
            </div>
          </li>

          <li class="list_sum">
            <p class="sum_price">￥980.00</p>
          </li>
          <li class="list_op">
            <p class="del">
              <a href="#">提醒发货</a>
              <a href="javascript:;" class="delBtn">移除商品</a>
            </p>
          </li>
          <li class="list_info">
            <span>
              <a href="#">评价</a>
              <a href="#">再次购买</a>
              <span class="p-action">
                <a href="javascript:;">删除订单</a>
              </span>
            </span>
          </li>
        </ul>
      </div>
    </div>
    <!-- 3 -->
    <div class="cartBox">
      <div class="order_content">

        <ul class="order_lists">
          <span class="orders-bb-top">
            <input type="checkbox" id="checkbox_4" class="son_check">
            <label for="checkbox_4"></label>2021-3-20 20:10:35&nbsp;&nbsp; 订单号:11568792448956</td>
          </span>
          <li class="list_con">
            <span class="list_img">
              <a href="javascript:;"><img src="./images/QQ图片20220604120356.png" alt=""></a>
            </span>
            <span class="list_text"><a href="javascript:;">富士instax立拍立得一次成像相机mini7c水蓝色</a></span>
          </li>

          <li class="list_price">
            <p class="price">￥280.00</p>
          </li>

          <li class="list_amount">
            <div class="amount_box">
              <a href="javascript:;" class="reduce reSty">-</a>
              <input type="text" value="1" class="sum">
              <a href="javascript:;" class="plus">+</a>
            </div>
          </li>

          <li class="list_sum">
            <p class="sum_price">￥280.00</p>
          </li>
          <li class="list_op">
            <p class="del">
              <a href="#">提醒发货</a>
              <a href="javascript:;" class="delBtn">移除商品</a>
            </p>
          </li>
          <li class="list_info">
            <span>
              <a href="#">评价</a>
              <a href="#">再次购买</a>
              <span class="p-action">
                <a href="javascript:;">删除订单</a>
              </span>
            </span>
          </li>
        </ul>
      </div>
    </div>
    <!--底部-->
    <div class="bar-wrapper">
      <span class="list_chk">
        <!--所有商品全选-->
        <input type="checkbox" id="all" class="whole_check">
        <label for="all"></label> 全选
      </span>
      <div class="operation">
        <a href="javascript:;" class="remove-batch"> 删除选中的商品</a>
        <a href="javascript:;" class="clear-all">清理购物车</a>
      </div>
      <div class="bar-right">
        <div class="piece">已选商品<strong class="piece_num">0</strong>件</div>
        <div class="totalMoney">共计: <strong class="total_text">0.00</strong></div>
        <div class="calBtn"><a href="javascript:;">结算</a></div>
      </div>
    </div>
  </section>
  <section class="model_bg"></section>
  <section class="my_model">
    <p class="title">删除宝贝<span class="closeModel">X</span></p>
    <p>您确认要删除该宝贝吗？</p>
    <div class="opBtn"><a href="javascript:;" class="dialog-sure">确定</a><a href="javascript:;"
        class="dialog-close">关闭</a></div>
  </section>
  <iframe src="footer.html" frameborder="0" width="100%" height="100%" scrolling="no"></iframe>
  <script src="./js/carts.js"></script>
</body>

</html>