商品订单详情 - 您的购物清单

<div class='modalx'>
                <div class='modal-contentx'>
                    <button class='close-btnx'>×</button>
                    <table class='detail-table'>
                        <thead>
                        <tr>
                            <th>商品图片</th>
                            <th>商品名</th>
                            <th>价格</th>
                        </tr>
                        </thead>
                        <tbody>
                        <tr>
                            <td><img src='product1.jpg' alt='商品1图片'></td>
                            <td>商品<br>1*2</td>
                            <td>￥100.00</td>
                        </tr>
                        <tr>
                            <td><img src='product2.jpg' alt='商品2图片'></td>
                            <td>商品<br>2*1</td>
                            <td>￥50.00</td>
                        </tr>
                        </tbody>
                    </table>
                    <div class='order-amount'>
                        <div>商品总额：￥250.00</div>
                        <div>快递费：￥0.00</div>
                        <div>总价：￥250.00</div>
                    </div>
                </div>
            </div>
        </div>
<style>
    .modalx {
        border-radius: 10px;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    }
    .modal-contentx {
        border-radius: 10px;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    }
</style>