| 1234567891011121314151617181920212223242526272829303132333435363738394041424344 |
- <!DOCTYPE html>
- <html lang="zh-CN">
- <head>
- <meta charset="UTF-8">
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
- <title>支付</title>
- <link rel="stylesheet" href="../../css/pay-view/pay-view.css">
- </head>
- <body>
- <div class="pay-view-overlay" id="payViewOverlay">
- <div class="pay-view-container" id="payViewContainer">
- <div class="pay-view-header">
- <h2 class="pay-view-title">微信支付</h2>
- <button class="pay-view-close" id="payViewClose">×</button>
- </div>
-
- <div class="pay-view-content">
- <div class="pay-info">
- <div class="pay-item-name" id="payItemName"></div>
- <div class="pay-item-price" id="payItemPrice"></div>
- </div>
-
- <div class="qr-code-container">
- <div class="qr-code-placeholder" id="qrCodePlaceholder">
- <svg width="200" height="200" viewBox="0 0 200 200" fill="none">
- <rect width="200" height="200" fill="#f5f5f5"/>
- <text x="100" y="100" text-anchor="middle" fill="#999" font-size="14">微信二维码</text>
- </svg>
- </div>
- <p class="qr-code-hint">请使用微信扫码支付</p>
- <p class="qr-code-tip">（演示模式：关闭窗口即支付成功）</p>
- </div>
-
- <div class="pay-view-actions">
- <button class="pay-cancel-btn" id="payCancelBtn">取消</button>
- </div>
- </div>
- </div>
- </div>
- <script src="../../js/pay-view/pay-view.js"></script>
- </body>
- </html>
|
