mall
/
order.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, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
  <title>Document</title>
  <link rel="stylesheet" href="./font_4112181_e7u4ss9wk2c/iconfont.css">
  <link rel="stylesheet" href="./lib/font/iconfont.css">
  <link rel="stylesheet" href="./css/order.css">

</head>

<body>
  <div class="common-classify-header">
    <div class="uni-page-head">
      <div class="uni-page-head-hd">
        <div class="uni-page-head-btn">
          <span class="iconfont icon-xiangzuojiantou"></span>
        </div>
      </div>
      <div class="uni-page-head-bd">
        <h1>订单结算台</h1>
      </div>

    </div>

  </div>
  <div class="container">
    <div class="flow-delivery">
      <div class="flow-delivery__detail">
        <div class="detail-location">
          <span class="iconfont icon-31dingwei">
          </span>
        </div>
        <div class="detail-content">
          <div class="detail-content__title no-dis">
            <span class="f-30">
              <span>11</span>
            </span>
            <span class="detail-content__title-phone f-28">
              <span>15121096754</span>
            </span>
          </div>
          <div class="detail-content__describe show-flex">
            <div class="region">
              <span>北京</span>
            </div>
            <div class="region">
              <span>北京市</span>
            </div>
            <div class="region">
              <span>东城区</span>
            </div>
            <div class="detail">
              <span>111</span>
            </div>
            <!-- <span>请选择配送地址</span> -->
          </div>

        </div>
        <div class="detail-arrow">
          <span class="iconfont icon-youjiantou"></span>
        </div>
      </div>

    </div>
    <div class="flow-top m-top20">
      <div class="checkout_list">
        <div class="flow-shopList">
          <div class="flow-list-left">
            <img src="./uploads/section0/8f505c6c437fc3d4b4310b57b1567544.jpg" alt="">
          </div>
          <div class="flow-list-right">
            <div class="goods-name ellipsis-2">
              <span>三星手机 SAMSUNG Galaxy S23 8GB+256GB 超视觉夜拍系统 超清夜景 悠雾紫 5G手机 游戏拍照旗舰机s23</span>

            </div>
            <div class="goods-props">

            </div>
            <div class="flow-list-cont">
              <div class="small">
                <span>X2</span>
              </div>
              <div class="flow-cont">
                <span>￥0.01</span>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="flow-num-box">
        <span class="flow-text">
          共2件商品，合计：
        </span>
        <span class="flow-money">
          ￥0.02
        </span>
      </div>
    </div>
    <div class="flow-all-money m-top20">
      <div class="flow-all-list">
        <div class="flex-five">
          <span>订单总金额：</span>
        </div>
        <div class="flex-five col-m t-r">
          <span class="">￥0.01</span>
        </div>
      </div>
      <div class="flow-all-list">
        <div class="flex-five">
          <span>优惠券：</span>
        </div>
        <div class="flex-five t-r">
          <span class="">无优惠券可用</span>
        </div>
      </div>
      <div class="flow-all-list">
        <div class="flex-five">
          <span>配送费用：</span>
        </div>
        <div class="flex-five t-r">
          <span class="">请选择配送地址</span>
        </div>
      </div>
    </div>
    <div class="flow-all-money m-top20">
      <div class="flow-all-list">
        <div class="flex-five">
          <span>支付方式</span>
        </div>
      </div>
      <div class="pay-item">
        <div class="item-left">
          <div class="item-left_icon">
            <span class="iconfont icon-qiandai"></span>
          </div>
          <div class="item-left_text">
            <span>余额支付</span>

          </div>
          <div class="user-balance">
            <span>
              (可用￥6666666.00元)
            </span>
          </div>
        </div>
        <div class="item-right">
          <span class="iconfont icon-dui col-m"></span>
        </div>
      </div>
    </div>
    <div class="flow-all-money m-top20">
      <div class="ipt-wrapper">
        <div class="uni-input-wrapper">
          <input type="text" placeholder="选填：买家留言（50字以内）">
        </div>
      </div>

    </div>
  </div>
  <div class="flow-fixed-footer">
    <div class="chackout-box">
      <div class="chack-left">
        实付款:
        <span class="pay col-m">
          <span>￥0.02</span>
        </span>
      </div>
      <div class="chack-right">
        <div class="flow-btn">
          提交订单
        </div>
      </div>
    </div>
  </div>

  <div class="popup none">
    <div class="mask">
    </div>
    <div class="u-drawer-content" style="overflow: hidden auto;">
      <div class="popup__coupon">
        <div class="coupon__title f-30">选择优惠券</div>
        <div class="coupon-list">
          <div class="uni-scroll-view" style="overflow: hidden auto;">
            <div class="uni-scroll-view-content">
              <div class="coupon-item">
                <div class="item-wrapper color-red">
                  <div class="coupon-type">满减券</div>
                  <div class="tip dis-flex flex-dir-column flex-x-center">
                    <div><span class="f-30"><span>￥</span></span><span class="money"><span>20.00</span></span>
                    </div><span class="pay-line"><span>满100.00元可用</span></span>
                  </div>
                  <div class="split-line"></div>
                  <div class="content dis-flex flex-dir-column flex-x-between">
                    <div class="title">满100-20</div>
                    <div class="bottom dis-flex flex-y-center">
                      <div class="time flex-box">2023/07/18~2023/07/25</div>
                    </div>
                  </div>
                </div>
              </div>
            </div>

          </div>
          <div class="coupon__do_not dis-flex flex-y-center flex-x-center">
            <div class="control dis-flex flex-y-center flex-x-center"><span class="f-26"><span>不使用优惠券</span></span>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>


  <script src="https://cdn.bootcdn.net/ajax/libs/axios/1.3.6/axios.min.js"></script>
  <script src="./js/common.js"></script>
  <script src="./js/order.js"></script>
</body>

</html>