diff --git a/public/css/style.css b/public/css/style.css index bf01aeb..fea506a 100644 --- a/public/css/style.css +++ b/public/css/style.css @@ -657,6 +657,84 @@ main { text-shadow: 0 0 30px rgba(255, 71, 87, 0.5); } +/* 支付跳转提示样式 */ +.jump-tip-overlay { + position: fixed; + top: 0; + left: 0; + width: 100%; + height: 100%; + background: rgba(0, 0, 0, 0.9); + z-index: 9999; + display: flex; + align-items: center; + justify-content: center; + backdrop-filter: blur(5px); +} + +.jump-tip-content { + background: linear-gradient(145deg, #1a1a1a, #2d2d2d); + padding: 40px; + border-radius: 20px; + text-align: center; + border: 1px solid #444; + box-shadow: + 0 25px 50px rgba(0, 0, 0, 0.5), + inset 0 1px 0 rgba(255, 255, 255, 0.1); + max-width: 400px; + width: 90%; +} + +.jump-tip-content h3 { + color: #ffffff; + font-size: 1.4em; + margin-bottom: 15px; + font-weight: 600; +} + +.jump-tip-content p { + color: #b0b0b0; + font-size: 1.1em; + margin-bottom: 30px; +} + +.jump-tip-icon { + width: 60px; + height: 60px; + margin: 0 auto 25px; + display: flex; + align-items: center; + justify-content: center; +} + +.loading-spinner-gold { + width: 50px; + height: 50px; + border: 4px solid #333; + border-top: 4px solid #ffd700; + border-radius: 50%; + animation: spin 1s linear infinite; +} + +.jump-tip-btn { + background: linear-gradient(135deg, #ffd700, #ffed4a); + color: #000; + border: none; + padding: 12px 24px; + border-radius: 10px; + font-size: 16px; + font-weight: bold; + cursor: pointer; + transition: all 0.3s ease; + text-transform: uppercase; + letter-spacing: 1px; +} + +.jump-tip-btn:hover { + transform: translateY(-2px); + box-shadow: 0 10px 25px rgba(255, 215, 0, 0.4); +} + /* 响应式设计 */ @media (max-width: 768px) { .site-header h1 { diff --git a/public/js/main.js b/public/js/main.js index 539b906..ba1ddb4 100644 --- a/public/js/main.js +++ b/public/js/main.js @@ -294,14 +294,13 @@ async function handlePayNow() { // 显示跳转提示 const jumpTip = document.createElement('div'); jumpTip.innerHTML = ` -
-
+
+
+
+
+

正在跳转到支付页面...

请在新页面完成USDT支付

-
-
-
-
`; diff --git a/server.js b/server.js index d671818..7355d21 100644 --- a/server.js +++ b/server.js @@ -122,7 +122,7 @@ app.post('/api/orders', async (req, res) => { `); stmt.run([ - order_id, product.name, quantity, expectedUnitPrice, expectedTotal, + order_id, product.name, quantity, expectedTotal / quantity, expectedTotal, customer_name, customer_email, customer_phone, shipping_address ], function(err) { if (err) {