master

分支 (1)

管理

管理

master

pocket
/
shop_firm2.html

<!DOCTYPE html>
<html>
    <head>
        <title>Pocket</title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <link href="css/font-awesome.min.css" rel="stylesheet" type="text/css"/>
        <link href="css/bootstrap.min.css" rel="stylesheet" type="text/css"/>
        <link href="css/common.css" rel="stylesheet" type="text/css"/>
        <link href="css/main.css" rel="stylesheet" type="text/css"/>
        <script src="js/jquery.min.js" type="text/javascript"></script>

    </head>
    <body >
        <div class="top">
            <a href="" class="pull-left"><i class="fa fa-angle-left"></i></a>
           確認訂單
        </div>

        <div class="address line-b mt-7">
            <div class="col-xs-2"><i class="fa fa-map-marker text-lg"></i></div>
            <div class="col-xs-8">
                <span>收貨人：XXXXX</span><span class="pull-right">135XXXXXXXX</span>
                <p>收貨地址：XXXXXXXXXXXXXXXXXXXX
                    XXXXXXXXXXXXXXXXXXXXXXXXXX...</p>
            </div>
            <div class="col-xs-2"><i class="fa fa-angle-right pull-right"></i></div>
        </div>

            <ul class="shiyong-my">
                <li class="line-b m-0">
                      <div class="block-table p-1">
                    <div class=" col-xs-4 p-0 item-img"><img src="images/shiyong-img.jpg" alt=""/></div>
                    <div class="col-xs-8 p-0 pl-1">
                        <h4 class="m-0">產品名XXXXXXXXXX</h4>
                        <p>
                            產品介紹XXXXXXXXXXXXXXXX
                        </p>
                        <div class="mt-1">
                            <div class="col-xs-4 text-red text-md p-0">￥ 153</div>
                            <div class="col-xs-6 p-0">
                                <div class="num">数量:1</div>
                            </div>
                        </div>
                    </div>
                      </div>
                </li>
            </ul>
        <div class="my-fill">
            <div class="form-group">
                <label>商品總額</label>
                <span class="pull-right">￥153</span>
            </div>
            <div class="form-group">
                <label>運費：</label>
                <span class="pull-right">免運費</span>
            </div>
            <div class="form-group">
                <label>總計：</label>
                <span class="pull-right">￥ 153</span>
            </div>
            <div class="line"></div>
            <h3 class="line-b pb-1">支付方式<a href="" class="zhifu-type-ico pull-right"><i class="fa fa-angle-up m-0"></i></a></h3>
            <div class="zhifu-type">
                <div class="form-group line-b">
                    <label><i class="fa pull-left"><img src="images/fu-zhifubao.jpg" alt=""/></i>支付宝</label>
                    <span class="pull-right"> <input type="checkbox"></span>
                </div>
                <div class="form-group line-b">
                    <label><i class="fa pull-left"><img src="images/fu-weixing.jpg" alt=""/></i>微信</label>
                    <span class="pull-right"> <input type="checkbox"></span>
                </div>
                <div class="form-group line-b">
                    <label>貨到付款</label>
                    <span class="pull-right"> <input type="checkbox"></span>
                </div>
            </div>
                <div class="form-group">
                    <label>總計：<font class="text-sred">158</font></label>
                    <a href="" class="pull-right btn-sred mt-1">付款</a>
                </div>

        </div>


       <!-- Modal -->
       <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
           <div class="modal-dialog" role="document">
               <div class="modal-content">
                   <div class="modal-header">
                       <h4 class="modal-title">标题</h4>
                   </div>
                   <div class="modal-body">
                       <input type="text" class="form-control" value="123456">
                   </div>
                   <div class="text-center">
                        <button type="button" class="btn btn-lg">提交</button>
                   </div>
               </div>
           </div>
       </div>

        <script src="js/bootstrap.min.js" type="text/javascript"></script>
        <script src="js/main.js" type="text/javascript"></script>
    </body>
</html>