From 802bc1c6861ed86e86a5226c87b919dc716d3afa Mon Sep 17 00:00:00 2001 From: zhx Date: Mon, 15 Jun 2026 20:02:41 +0800 Subject: [PATCH] =?UTF-8?q?=E5=85=85=E5=80=BC?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- common/locales/ar.json | 5 + common/locales/en.json | 5 + common/locales/es.json | 5 + common/locales/id.json | 5 + common/locales/tr.json | 5 + common/locales/zh.json | 5 + recharge/index.html | 283 ++++++++++++++++++++++++++++------------- 7 files changed, 227 insertions(+), 86 deletions(-) diff --git a/common/locales/ar.json b/common/locales/ar.json index 6be7213..8816eea 100644 --- a/common/locales/ar.json +++ b/common/locales/ar.json @@ -489,14 +489,19 @@ "recharge.orderTitle": "الطلب", "recharge.paymentOperation": "عملية الدفع", "recharge.close": "إغلاق", + "recharge.amount": "المبلغ", "recharge.orderId": "رقم الطلب", "recharge.orderStatus": "الحالة", "recharge.payRedirecting": "جار فتح صفحة الدفع...", "recharge.payOpenHint": "افتح صفحة الدفع وأكمل الدفع.", "recharge.openPayment": "فتح الدفع", + "recharge.usdtPayment": "دفع USDT", "recharge.usdtAddress": "عنوان USDT-TRC20", "recharge.usdtHint": "حوّل USDT ثم أرسل TXID.", + "recharge.usdtPaymentHint": "انسخ العنوان، حوّل USDT، ثم أرسل TXID.", "recharge.copy": "نسخ", + "recharge.copyAddress": "نسخ العنوان", + "recharge.copyOrderId": "نسخ رقم الطلب", "recharge.txHashPlaceholder": "أدخل TXID بعد الدفع", "recharge.submitTx": "إرسال TXID", "recharge.submitted": "جار الإرسال...", diff --git a/common/locales/en.json b/common/locales/en.json index d3c19ef..7c69109 100644 --- a/common/locales/en.json +++ b/common/locales/en.json @@ -495,14 +495,19 @@ "recharge.orderTitle": "Order", "recharge.paymentOperation": "Payment operation", "recharge.close": "Close", + "recharge.amount": "Amount", "recharge.orderId": "Order ID", "recharge.orderStatus": "Status", "recharge.payRedirecting": "Opening payment page...", "recharge.payOpenHint": "Open the payment page and finish the payment.", "recharge.openPayment": "Open payment", + "recharge.usdtPayment": "USDT payment", "recharge.usdtAddress": "USDT-TRC20 address", "recharge.usdtHint": "Transfer USDT and submit the TXID.", + "recharge.usdtPaymentHint": "Copy the address, transfer USDT, then submit TXID.", "recharge.copy": "Copy", + "recharge.copyAddress": "Copy address", + "recharge.copyOrderId": "Copy order ID", "recharge.txHashPlaceholder": "Enter TXID after payment", "recharge.submitTx": "Submit TXID", "recharge.submitted": "Submitting...", diff --git a/common/locales/es.json b/common/locales/es.json index 43bdd66..3da2c48 100644 --- a/common/locales/es.json +++ b/common/locales/es.json @@ -489,14 +489,19 @@ "recharge.orderTitle": "Pedido", "recharge.paymentOperation": "Operación de pago", "recharge.close": "Cerrar", + "recharge.amount": "Importe", "recharge.orderId": "ID de pedido", "recharge.orderStatus": "Estado", "recharge.payRedirecting": "Abriendo página de pago...", "recharge.payOpenHint": "Abre la página de pago y completa el pago.", "recharge.openPayment": "Abrir pago", + "recharge.usdtPayment": "Pago USDT", "recharge.usdtAddress": "Dirección USDT-TRC20", "recharge.usdtHint": "Transfiere USDT y envía el TXID.", + "recharge.usdtPaymentHint": "Copia la dirección, transfiere USDT y luego envía el TXID.", "recharge.copy": "Copiar", + "recharge.copyAddress": "Copiar dirección", + "recharge.copyOrderId": "Copiar ID de pedido", "recharge.txHashPlaceholder": "Ingresa el TXID después del pago", "recharge.submitTx": "Enviar TXID", "recharge.submitted": "Enviando...", diff --git a/common/locales/id.json b/common/locales/id.json index 9c74ab3..1cbe9df 100644 --- a/common/locales/id.json +++ b/common/locales/id.json @@ -456,14 +456,19 @@ "recharge.orderTitle": "Pesanan", "recharge.paymentOperation": "Operasi pembayaran", "recharge.close": "Tutup", + "recharge.amount": "Jumlah", "recharge.orderId": "ID pesanan", "recharge.orderStatus": "Status", "recharge.payRedirecting": "Membuka halaman pembayaran...", "recharge.payOpenHint": "Buka halaman pembayaran dan selesaikan pembayaran.", "recharge.openPayment": "Buka pembayaran", + "recharge.usdtPayment": "Pembayaran USDT", "recharge.usdtAddress": "Alamat USDT-TRC20", "recharge.usdtHint": "Transfer USDT lalu kirim TXID.", + "recharge.usdtPaymentHint": "Salin alamat, transfer USDT, lalu kirim TXID.", "recharge.copy": "Salin", + "recharge.copyAddress": "Salin alamat", + "recharge.copyOrderId": "Salin ID pesanan", "recharge.txHashPlaceholder": "Masukkan TXID setelah bayar", "recharge.submitTx": "Kirim TXID", "recharge.submitted": "Mengirim...", diff --git a/common/locales/tr.json b/common/locales/tr.json index 7e82abb..208112e 100644 --- a/common/locales/tr.json +++ b/common/locales/tr.json @@ -456,14 +456,19 @@ "recharge.orderTitle": "Sipariş", "recharge.paymentOperation": "Ödeme işlemi", "recharge.close": "Kapat", + "recharge.amount": "Tutar", "recharge.orderId": "Sipariş ID", "recharge.orderStatus": "Durum", "recharge.payRedirecting": "Ödeme sayfası açılıyor...", "recharge.payOpenHint": "Ödeme sayfasını açın ve ödemeyi tamamlayın.", "recharge.openPayment": "Ödemeyi aç", + "recharge.usdtPayment": "USDT ödeme", "recharge.usdtAddress": "USDT-TRC20 adresi", "recharge.usdtHint": "USDT gönderin ve TXID girin.", + "recharge.usdtPaymentHint": "Adresi kopyalayın, USDT gönderin, sonra TXID girin.", "recharge.copy": "Kopyala", + "recharge.copyAddress": "Adresi kopyala", + "recharge.copyOrderId": "Sipariş ID kopyala", "recharge.txHashPlaceholder": "Ödemeden sonra TXID girin", "recharge.submitTx": "TXID gönder", "recharge.submitted": "Gönderiliyor...", diff --git a/common/locales/zh.json b/common/locales/zh.json index 4073169..e9a0d87 100644 --- a/common/locales/zh.json +++ b/common/locales/zh.json @@ -462,14 +462,19 @@ "recharge.orderTitle": "订单", "recharge.paymentOperation": "支付操作", "recharge.close": "关闭", + "recharge.amount": "金额", "recharge.orderId": "订单号", "recharge.orderStatus": "状态", "recharge.payRedirecting": "正在打开支付页面...", "recharge.payOpenHint": "打开支付页面并完成付款。", "recharge.openPayment": "打开支付", + "recharge.usdtPayment": "USDT 支付", "recharge.usdtAddress": "USDT-TRC20 收款地址", "recharge.usdtHint": "转账 USDT 后提交 TXID。", + "recharge.usdtPaymentHint": "复制地址，转账 USDT，然后提交 TXID。", "recharge.copy": "复制", + "recharge.copyAddress": "复制地址", + "recharge.copyOrderId": "复制订单号", "recharge.txHashPlaceholder": "付款后输入 TXID", "recharge.submitTx": "提交 TXID", "recharge.submitted": "提交中...", diff --git a/recharge/index.html b/recharge/index.html index 0d9c74e..20d212e 100644 --- a/recharge/index.html +++ b/recharge/index.html @@ -436,23 +436,42 @@ white-space: nowrap; } - .modal-subtitle { - margin: 3px 0 0; - color: var(--hy-theme-muted); - font-size: 12px; - line-height: 1.35; + .modal-close { + position: relative; + display: inline-flex; + align-items: center; + justify-content: center; + width: 38px; + min-width: 38px; + min-height: 38px; + padding: 0; + border-radius: 50%; + font-size: 0; + line-height: 1; } - .modal-close { - min-height: 38px; - padding: 0 14px; - border-radius: 14px; + .modal-close::before, + .modal-close::after { + content: ''; + position: absolute; + width: 16px; + height: 2px; + border-radius: 999px; + background: currentColor; + } + + .modal-close::before { + transform: rotate(45deg); + } + + .modal-close::after { + transform: rotate(-45deg); } .payment-summary { display: grid; gap: 8px; - grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) auto; + grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); align-items: stretch; } @@ -484,21 +503,71 @@ white-space: nowrap; } + .summary-pill.order-id-pill { + grid-template-columns: minmax(0, 1fr) auto; + align-items: center; + column-gap: 8px; + } + + .summary-pill.order-id-pill span { + grid-column: 1 / -1; + } + + .copy-icon-button { + position: relative; + width: 30px; + min-width: 30px; + min-height: 30px; + padding: 0; + border: 1px solid var(--hy-theme-line); + border-radius: 10px; + background: var(--hy-theme-surface); + color: var(--hy-theme-primary-deep); + } + + .copy-icon-button::before, + .copy-icon-button::after { + content: ''; + position: absolute; + width: 12px; + height: 14px; + border: 2px solid currentColor; + border-radius: 3px; + } + + .copy-icon-button::before { + right: 8px; + top: 7px; + background: var(--hy-theme-surface); + } + + .copy-icon-button::after { + right: 12px; + top: 10px; + opacity: 0.65; + } + .status-pill { display: inline-flex; - min-height: 34px; align-items: center; justify-content: center; align-self: center; - padding: 0 12px; - border-radius: 999px; - background: var(--hy-theme-primary-soft); + gap: 6px; color: var(--hy-theme-primary-deep); - font-size: 12px; + font-size: 13px; font-weight: 900; white-space: nowrap; } + .status-pill::before { + content: ''; + width: 8px; + height: 8px; + border-radius: 50%; + background: var(--hy-theme-primary-deep); + box-shadow: 0 0 0 4px var(--hy-theme-primary-soft); + } + .address-box { display: grid; gap: 8px; @@ -507,6 +576,11 @@ background: var(--hy-theme-primary-soft); } + #usdt-panel { + display: grid; + gap: 12px; + } + .address-head { display: flex; align-items: center; @@ -572,7 +646,7 @@ align-items: center; justify-content: space-between; gap: 12px; - padding: 16px; + padding: 18px 16px 14px; border-bottom: 1px solid var(--hy-theme-line); background: var(--hy-theme-surface); } @@ -583,8 +657,13 @@ letter-spacing: 0; } + .modal-header > div { + min-width: 0; + flex: 1; + } + .modal-body { - padding: 16px; + padding: 12px 16px 16px; } .modal-actions { @@ -688,14 +767,6 @@ padding: 8px; } - .payment-summary { - grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); - } - - .status-pill { - grid-column: 1 / -1; - } - .checkout-inner .primary-button { min-width: 104px; padding: 0 12px; @@ -853,55 +924,67 @@ >
-

- Payment operation -

+
+

+ Payment operation +

+
+ - + aria-label="Close" + data-i18n-aria="recharge.close" + >
-
-

Order

- -
-
- Order ID - - -
-
- Status - - +
+
+ Amount + - +
+
+ Order ID + - + +