diff --git a/img/coffee.png b/img/coffee.png new file mode 100644 index 0000000..83eb018 Binary files /dev/null and b/img/coffee.png differ diff --git a/img/copy-black.png b/img/copy-black.png new file mode 100644 index 0000000..b19d7c1 Binary files /dev/null and b/img/copy-black.png differ diff --git a/img/copy-white.png b/img/copy-white.png new file mode 100644 index 0000000..d23c4af Binary files /dev/null and b/img/copy-white.png differ diff --git a/index.html b/index.html index 374b32c..4f3abd9 100644 --- a/index.html +++ b/index.html @@ -10,7 +10,7 @@
-

asadasd 捐赠加密货币

+

捐赠加密货币

@@ -21,7 +21,7 @@
QR Code

bc1pfx4a7n6fuyum4dv6rjmg9nsuj7t9wdepjjgsp67d6n8hsdp8w47qw228fy

- +
diff --git a/script.js b/script.js index 370d89a..a1573e7 100644 --- a/script.js +++ b/script.js @@ -53,7 +53,7 @@ function loadBlockchainOptions() { function changeLanguage(lang) { loadI18n(`i18n/${lang}.json`, () => { - document.getElementById("title").textContent = i18n.title; + document.getElementById("title-text").textContent = i18n.title; document.getElementById("copyAddress").textContent = i18n.copyAddress; loadBlockchainOptions(); }); diff --git a/styles.css b/styles.css index d4affc6..7bbc9a9 100644 --- a/styles.css +++ b/styles.css @@ -1,5 +1,5 @@ body { - font-family: 'Roboto', sans-serif; + font-family: Microsoft YaHei; background-color: #f2f2f2; display: flex; justify-content: center; @@ -25,10 +25,16 @@ body { } h1 { - font-size: 24px; + font-size: 20px; margin-bottom: 20px; } +#title-icon { + width: 30px; + vertical-align: bottom; + margin-right: 8px; +} + .donation-card { text-align: center; } @@ -56,13 +62,13 @@ select { height: 30px; } -#donation-info img { +#qr-code { width: 150px; - height: 150px; margin-bottom: 15px; } #address { + font-family: consolas; font-size: 14px; background-color: #f0f0f0; padding: 10px; @@ -86,6 +92,12 @@ button:hover { background-color: #45a049; } +#copyIcon { + width: 16px; + vertical-align: middle; + margin-right: 8px; +} + .language-list { display: flex; justify-content: center;