From d62de3564f4192f9dce67848b84ce41e844c8300 Mon Sep 17 00:00:00 2001
From: yichen9247 <865252486@qq.com>
Date: Wed, 21 Aug 2024 10:25:11 +0800
Subject: [PATCH] =?UTF-8?q?hua=20aide-pro=EF=BC=88add=20donate=20dialog?=
 =?UTF-8?q?=EF=BC=89?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/PageDonate.vue               | 106 +++++++++++++++++++++++++++++++
 src/assets/paces/remove.css      |   4 --
 src/pages/PageDonate.vue         |  41 +++++++++++-
 src/pages/PageHome.vue           |   3 +-
 src/pages/assets/PageDonate.css  |  29 ++++-----
 src/pages/assets/PageDonate.less |  36 ++++++-----
 src/router/index.js              |   6 +-
 src/scripts/ready.js             |   1 -
 8 files changed, 181 insertions(+), 45 deletions(-)
 create mode 100644 src/PageDonate.vue

diff --git a/src/PageDonate.vue b/src/PageDonate.vue
new file mode 100644
index 0000000..6c256e6
--- /dev/null
+++ b/src/PageDonate.vue
@@ -0,0 +1,106 @@
+
+<script setup>
+    /**
+     * 捐献赞助页面
+     */
+
+    import utils from '@/scripts/utils'
+    import { useRoute } from 'vue-router'
+    import { onMounted, ref, watch } from 'vue'
+
+    const route = useRoute();
+    const payAction = ref('0');
+    const currentPrice = ref('0');
+    const keyboardStatus = ref(false);
+    const otherPriceOnly = ref('其他金额');
+    const applicationStore = utils.useApplicationStore();
+    const priceList = ref(['5.01','6.66','8.88','23.30','99.9']);
+
+    watch(currentPrice,() => {
+        if (currentPrice.value === 'other') {
+            keyboardStatus.value = true;
+            if (applicationStore.isDeviceMobile) {
+                otherPriceOnly.value = '';
+            } else otherPriceOnly.value = '0';
+        } else otherPriceOnly.value = '其他金额';
+    });
+    const onKeyboardInput = async (price) => {
+        if (otherPriceOnly.value.length <= 3) otherPriceOnly.value = otherPriceOnly.value + price
+    };
+    const onLeyboardDelete = async () => otherPriceOnly.value = otherPriceOnly.value.slice(0, -1);
+
+    onMounted(async () => {
+        document.querySelector("#application").style = `
+            min-height: 100%;
+            padding-top: 0!important;
+        `;
+    });
+
+    document.title = "捐赠我们";
+</script>
+
+<template>
+    <div :class="`page-donate ${applicationStore.isDeviceMobile && 'page-container'}`" :style="{ paddingTop: route.query.from === 'app' ? '0px' : '10px' }">
+        <!-- <header class="page-header">捐助我们</header> -->
+
+        <van-grid :column-num="3" style="width: 95%; margin: 0 auto;">
+            <van-grid-item v-for="(item ,index) in priceList" :key="index" @click="currentPrice = item">
+                <div class="price-item" :class="currentPrice === item && 'item-active'">￥{{ item }}元</div>
+            </van-grid-item>
+
+            <van-grid-item @click="currentPrice = 'other'">
+                <div class="price-item" :class="currentPrice === 'other' && 'item-active'" v-if="applicationStore.isDeviceMobile">
+                    <span>{{ otherPriceOnly === '' ? '￥0元' : otherPriceOnly === '其他金额' ? otherPriceOnly : "￥" + otherPriceOnly + "元" }}</span>
+                </div>
+
+                <div class="price-item" :class="currentPrice === 'other' && 'item-active'" v-if="!applicationStore.isDeviceMobile">
+                    <input class="price-input" type="text" v-model="otherPriceOnly"/>
+                </div>
+            </van-grid-item>
+        </van-grid>
+
+        <van-grid :column-num="3" style="width: 95%; margin: 20px auto;">
+            <div class="input-group">
+                <input class="input-container" type="text" placeholder="请输入你的昵称">
+                <input class="input-container" type="text" placeholder="请输入QQ号，留空表示匿名捐助">
+            </div>
+        </van-grid>
+        
+        <van-grid :column-num="3" style="width: 95%; margin: 20px auto;">
+            <input class="input-container" type="text" placeholder="请输入留言">
+        </van-grid>
+
+        <van-grid :column-num="3" style="width: 95%; margin: 20px auto;">
+            <van-grid-item @click="payAction = '1'">
+                <div :class="`pay-item ${payAction == '1' && 'item-active'}`" style="background-color: #1AAD19;">
+                    <svg t="1723783554183" style="transform: scale(1.1);" class="icon" viewBox="0 0 3754 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="12438" width="68" height="68"><path d="M433.493 645.12c-61.44 37.547-71.68-20.48-71.68-20.48l-78.506-194.56c-30.72-92.16 23.893-40.96 23.893-40.96s47.787 37.547 81.92 61.44c37.547 23.893 75.093 6.827 75.093 6.827L965.973 204.8C880.64 81.92 727.04 0 556.373 0c-283.306 0-512 218.453-512 484.693 0 153.6 75.094 290.134 194.56 378.88l-20.48 133.12s-10.24 37.547 27.307 20.48c23.893-13.653 88.747-54.613 122.88-81.92 61.44 23.894 126.293 34.134 187.733 34.134 283.307 0 512-218.454 512-484.694 0-78.506-20.48-150.186-54.613-215.04C853.333 372.053 481.28 614.4 433.493 645.12z m1703.254 286.72c-40.96 0-61.44-27.307-61.44-81.92s20.48-85.333 61.44-85.333c27.306 3.413 44.373 17.066 51.2 44.373l30.72-10.24c-10.24-40.96-40.96-61.44-85.334-61.44-58.026 3.413-88.746 37.547-92.16 109.227 0 68.266 30.72 105.813 92.16 105.813 51.2 0 78.507-20.48 85.334-71.68l-30.72-6.827c0 40.96-20.48 58.027-51.2 58.027z m-238.934-191.147c-61.44 3.414-92.16 40.96-95.573 109.227 3.413 68.267 34.133 102.4 98.987 105.813 47.786 0 78.506-20.48 92.16-61.44l-34.134-6.826c-6.826 30.72-27.306 44.373-61.44 44.373-40.96-3.413-61.44-27.307-64.853-75.093h157.013v-6.827c0-71.68-30.72-105.813-92.16-109.227z m-61.44 92.16c3.414-40.96 23.894-61.44 61.44-64.853 37.547 3.413 58.027 23.893 61.44 64.853h-122.88z m238.934-300.373V146.773c13.653-37.546 27.306-78.506 40.96-122.88L2048 3.413c-27.307 109.227-61.44 194.56-95.573 259.414 0 10.24 3.413 23.893 6.826 40.96 6.827 27.306 10.24 51.2 10.24 61.44 13.654-20.48 23.894-44.374 37.547-64.854v235.52h68.267z m-583.68-300.373h191.146v51.2h-191.146z m71.68 436.906l-68.267 225.28c-3.413 13.654-6.827 23.894-6.827 34.134 0-13.654 0-23.894-3.413-34.134l-58.027-225.28h-34.133l78.507 283.307h30.72l68.266-225.28c3.414-13.653 3.414-23.893 3.414-30.72l-10.24-27.307z m1041.066-133.12c81.92-13.653 157.014-37.546 228.694-71.68 64.853 34.134 139.946 58.027 221.866 71.68 13.654-27.306 27.307-51.2 44.374-75.093-71.68-6.827-136.534-23.893-191.147-44.373 51.2-47.787 92.16-98.987 119.467-150.187v-68.267h-153.6v-61.44h211.626V71.68h-211.626V3.413h-81.92V71.68h-215.04v64.853h215.04v61.44h-174.08v68.267h85.333l-47.787 30.72c30.72 44.373 68.267 85.333 105.814 116.053-54.614 27.307-122.88 44.374-201.387 54.614 13.653 17.066 30.72 40.96 44.373 68.266zM2723.84 266.24h208.213c-27.306 40.96-61.44 75.093-98.986 105.813-44.374-27.306-78.507-64.853-109.227-105.813zM1669.12 897.707v6.826c-3.413 13.654-3.413 20.48-3.413 23.894 0-10.24-3.414-20.48-6.827-34.134l-61.44-225.28-17.067 23.894c0 10.24 0 20.48 3.414 30.72l68.266 225.28h30.72l81.92-283.307h-34.133l-61.44 232.107z" fill="#ffffff" p-id="12439"></path><path d="M1856.853 532.48c3.414-20.48 13.654-44.373 30.72-71.68-27.306-20.48-47.786-44.373-64.853-71.68 27.307-64.853 40.96-143.36 44.373-228.693h17.067V92.16h-95.573c6.826-23.893 13.653-47.787 20.48-75.093l-64.854-13.654c-17.066 71.68-34.133 133.12-58.026 180.907V54.613h-51.2v92.16h-20.48V10.24h-54.614v139.947h-20.48V54.613h-47.786c0-3.413 3.413-6.826 10.24-10.24L1443.84 6.827c-30.72 44.373-68.267 85.333-105.813 119.466 13.653 17.067 23.893 34.134 30.72 47.787 3.413 6.827 6.826 10.24 10.24 13.653 40.96-37.546 75.093-78.506 109.226-126.293v119.467l-40.96-30.72c-30.72 54.613-68.266 105.813-109.226 153.6 13.653 30.72 20.48 54.613 23.893 75.093l17.067-17.067c6.826-10.24 13.653-17.066 17.066-17.066v191.146h64.854V256c13.653-17.067 23.893-37.547 37.546-58.027h184.32c0 3.414-3.413 6.827-6.826 10.24 13.653 20.48 20.48 40.96 27.306 58.027 0 0 3.414-3.413 3.414-6.827 3.413-6.826 10.24-13.653 10.24-17.066 3.413 51.2 13.653 98.986 30.72 143.36-13.654 17.066-23.894 37.546-37.547 54.613v-20.48c0-10.24-3.413-17.067-3.413-20.48-17.067 10.24-27.307 17.067-34.134 23.893 0 3.414-3.413 3.414-3.413 3.414V320.853h-160.427c0 13.654 0 27.307-3.413 47.787v23.893c0 40.96-13.653 75.094-40.96 95.574 17.067 17.066 30.72 30.72 40.96 44.373 40.96-34.133 61.44-85.333 58.027-157.013h51.2v78.506c0 10.24-3.414 20.48-10.24 30.72l30.72 40.96c17.066-13.653 37.546-30.72 58.026-44.373 10.24 17.067 17.067 37.547 27.307 58.027 27.307-23.894 47.787-47.787 68.267-78.507 17.066 23.893 40.96 51.2 68.266 71.68zM1781.76 307.2c-10.24-40.96-17.067-92.16-20.48-146.773h44.373c0 54.613-10.24 102.4-23.893 146.773z m1030.827 628.053c-17.067 0-23.894-6.826-23.894-23.893V771.413h37.547V747.52h-37.547v-71.68l-30.72 17.067v54.613h-27.306v23.893h27.306V911.36c0 30.72 13.654 47.787 40.96 44.373 10.24 0 20.48-3.413 30.72-6.826l-6.826-17.067c0 3.413-6.827 3.413-10.24 3.413z m273.066-266.24h-122.88V952.32h30.72V836.267h88.747c64.853 0 95.573-30.72 98.987-85.334-6.827-51.2-40.96-78.506-95.574-81.92z m-10.24 139.947h-81.92V696.32h81.92c44.374 0 68.267 17.067 68.267 54.613s-23.893 58.027-68.267 58.027z m334.507 10.24c3.413-54.613-23.893-81.92-81.92-78.507-51.2-3.413-81.92 17.067-92.16 61.44l30.72 6.827c3.413-30.72 23.893-44.373 61.44-40.96 37.547-3.413 54.613 17.067 51.2 54.613-10.24 6.827-34.133 10.24-71.68 17.067-47.787 3.413-75.093 27.307-75.093 68.267 3.413 34.133 27.306 51.2 68.266 54.613 37.547 0 64.854-10.24 81.92-34.133 0 10.24 3.414 20.48 10.24 27.306h30.72c-6.826-10.24-13.653-27.306-10.24-47.786V819.2z m-30.72 51.2c-3.413 37.547-27.307 58.027-68.267 58.027-30.72 0-44.373-10.24-47.786-30.72 0-20.48 17.066-34.134 54.613-40.96 37.547-3.414 58.027-6.827 61.44-17.067v30.72z m-139.947-337.92h75.094V119.467c13.653-30.72 27.306-64.854 37.546-98.987L3283.627 0c-27.307 78.507-61.44 153.6-112.64 228.693 3.413 13.654 6.826 34.134 13.653 61.44 3.413 17.067 6.827 30.72 10.24 37.547 17.067-23.893 30.72-44.373 44.373-68.267V532.48z m276.48-191.147c-30.72-40.96-54.613-75.093-71.68-95.573-13.653-17.067-20.48-27.307-27.306-37.547l-58.027 37.547c34.133 44.373 64.853 88.747 92.16 136.533l64.853-40.96z" fill="#ffffff" p-id="12440"></path><path d="M3635.2 102.4V6.827h-75.093V102.4H3338.24v71.68h221.867v238.933c0 27.307-13.654 40.96-37.547 40.96-27.307 0-51.2 0-78.507-3.413h-6.826c10.24 27.307 13.653 51.2 17.066 71.68v6.827c13.654 0 37.547 0 64.854-3.414h44.373c47.787 0 71.68-27.306 71.68-85.333V174.08h75.093V102.4H3635.2z m-75.093 802.133c-3.414 3.414-3.414 10.24-3.414 13.654 0 0 0-3.414-3.413-10.24v-6.827c-3.413-3.413-20.48-54.613-54.613-157.013h-34.134l78.507 197.973c-3.413 13.653-6.827 20.48-10.24 27.307-6.827 17.066-20.48 27.306-34.133 27.306-6.827 0-13.654 0-20.48-3.413l-3.414 17.067c6.827 3.413 17.067 6.826 30.72 6.826 27.307 3.414 51.2-13.653 64.854-58.026 6.826-20.48 37.546-92.16 88.746-218.454h-34.133l-64.853 163.84z m-1191.254-163.84c-27.306 0-51.2 13.654-68.266 37.547V669.013h-30.72V952.32h30.72V826.027c3.413-34.134 23.893-54.614 58.026-58.027 30.72 0 47.787 20.48 47.787 58.027V952.32h30.72V819.2c3.413-54.613-17.067-81.92-68.267-78.507z m-235.52-208.213h71.68v-27.307h177.494v27.307h75.093v-204.8h-327.68v204.8z m75.094-136.533h177.493v51.2h-177.493v-51.2z m471.04 423.253c3.413-54.613-23.894-81.92-81.92-78.507-51.2-3.413-81.92 17.067-92.16 61.44l30.72 6.827c3.413-30.72 23.893-44.373 61.44-40.96 37.546-3.413 54.613 17.067 51.2 54.613-10.24 6.827-34.134 10.24-71.68 17.067-47.787 3.413-75.094 27.307-75.094 68.267 3.414 34.133 27.307 51.2 68.267 54.613 37.547 0 64.853-10.24 81.92-34.133 0 10.24 3.413 20.48 10.24 27.306h30.72c-6.827-10.24-13.653-27.306-10.24-47.786V819.2z m-30.72 51.2c-3.414 37.547-27.307 58.027-68.267 58.027-30.72 0-44.373-10.24-47.787-30.72 0-20.48 17.067-34.134 54.614-40.96 37.546-3.414 58.026-6.827 61.44-17.067v30.72z m-515.414-628.053h327.68v58.026h-327.68z m184.32-238.934l-81.92 13.654c6.827 17.066 13.654 27.306 17.067 37.546 0 3.414 3.413 10.24 3.413 10.24H2109.44v61.44h382.293v-61.44H2344.96c-10.24-27.306-20.48-47.786-27.307-61.44z m-184.32 153.6h327.68v58.027h-327.68z" fill="#ffffff" p-id="12441"></path></svg>
+                    <svg t="1724040431090" class="success" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4613" width="32" height="32"><path d="M512 64a448 448 0 1 1 0 896A448 448 0 0 1 512 64z m0 64a384 384 0 1 0 0 768A384 384 0 0 0 512 128z m204.8 224l51.2 50.304L460.8 704 256 502.848l51.2-50.304L460.8 603.52l256-251.456z" fill="#ffffff" p-id="4614"></path></svg>
+                </div>
+            </van-grid-item>
+
+            <van-grid-item @click="payAction = '2'">
+                <div :class="`pay-item ${payAction == '2' && 'item-active'}`" style="background-color: #1677ff;">
+                    <svg viewBox="0 0 55.59 19.63"><path d="M38.42,25.4a23.68,23.68,0,0,0,3.53.91v-9.8a3.16,3.16,0,0,0-3.2-3.14H25.2A3.16,3.16,0,0,0,22,16.51V29.87A3.14,3.14,0,0,0,25.14,33H38.49a3.14,3.14,0,0,0,3.14-3.13v-.13S36.52,27.62,34,26.38a8.32,8.32,0,0,1-6.28,3.41c-3.92,0-5.25-3.42-3.39-5.67a4,4,0,0,1,2.16-1.22c1.67-.4,4.33.26,6.82,1.08a14,14,0,0,0,1.1-2.69H26.75v-.64h4.11V19.07H26.12v-.63h4.74v-1.9a.32.32,0,0,1,.34-.32h1.88v2.22h4.75v.95H33.08v1.26H37a13.5,13.5,0,0,1-1.67,3.76C36.55,24.8,37.62,25.16,38.42,25.4Z" transform="translate(-22 -13.37)" style="fill:#fff"></path><path d="M26.89,24.12a3.88,3.88,0,0,0-1.91.71c-1.51,1.31-.61,3.71,2.45,3.71a6.59,6.59,0,0,0,4.94-2.94C30.39,24.63,28.71,23.94,26.89,24.12Z" transform="translate(-22 -13.37)" style="fill:#fff"></path><path d="M69.49,16.54h6V17.8h1.9V16.41h0a.52.52,0,0,0-.52-.5H73.61V15H71.39v1h-3.8v1.9h1.9Z" transform="translate(-22 -13.37)" style="fill:#fff"></path><path d="M57.52,15l-2,4.75h1.63v5.7h1.59V17.8h-.6L59.37,15Z" transform="translate(-22 -13.37)" style="fill:#fff"></path><path d="M77.59,25.4l-.67-2.28a.35.35,0,0,0-.34-.25H75l.47,1.58H73.61V21.29h3.8v-.64h-3.8V19.07h3.8v-.63h-9.5l-.32.63h4.12v1.58H67.59v.64h3.8v3.16h-3.8v.63h10v.32Z" transform="translate(-22 -13.37)" style="fill:#fff"></path><path d="M62,18.67a.41.41,0,0,0-.37-.23H60.05l1.21,3.8h1.83Z" transform="translate(-22 -13.37)" style="fill:#fff"></path><path d="M65.69,15H64.11v1.9H59.68v.64h4.43v6.83a5.89,5.89,0,0,0-.45.45h-.82v.63h2.23s.66-.34.62-.72V17.49h.63v-.64h-.63Z" transform="translate(-22 -13.37)" style="fill:#fff"></path><path d="M54.58,18.44H51.13V17.17h4.11v-.63H51.13v-1.9H49.32v.15c-.2,0-.41.37-.41.37h0v1.38H44.8v.63h4.11v1.27H45.43v.63h6.86a6.62,6.62,0,0,1-2.2,3.06c-1.64-1.25-2.19-2.23-2.19-2.43H46.11A8.69,8.69,0,0,0,49,23a17.39,17.39,0,0,1-3.86,1.81v.92a20.43,20.43,0,0,0,5-2,18.7,18.7,0,0,0,5.14,2v-.79a21.56,21.56,0,0,1-4-1.89A8.4,8.4,0,0,0,54.58,18.44Z" transform="translate(-22 -13.37)" style="fill:#fff"></path><path d="M48.93,30.78l.32.95h.9L48.4,27h-.68L46,31.73h.9l.33-.95Zm-.85-2.48.62,1.85H47.44Z" transform="translate(-22 -13.37)" style="fill:#fff"></path><path d="M52.71,27v4.44h2.85v-.64h-1.9V27Z" transform="translate(-22 -13.37)" style="fill:#fff"></path><path d="M58.09,27H59v4.44h-.95Z" transform="translate(-22 -13.37)" style="fill:#fff"></path><path d="M64.12,27H62.21v4.44h.95V29.83h1a1.43,1.43,0,1,0,0-2.85Zm0,2.22h-.92V27.62h.92a.79.79,0,0,1,0,1.58Z" transform="translate(-22 -13.37)" style="fill:#fff"></path><path d="M70.34,30.78l.32.95h.89L69.8,27h-.67l-1.75,4.75h.9l.33-.95Zm-.85-2.48.62,1.85H68.85Z" transform="translate(-22 -13.37)" style="fill:#fff"></path><path d="M75.91,27,75,29l-.89-2h-.87l1.29,2.75v1.69h1V29.73h-.08L76.77,27Z" transform="translate(-22 -13.37)" style="fill:#fff"></path></svg>
+                    <svg t="1724040431090" class="success" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4613" width="32" height="32"><path d="M512 64a448 448 0 1 1 0 896A448 448 0 0 1 512 64z m0 64a384 384 0 1 0 0 768A384 384 0 0 0 512 128z m204.8 224l51.2 50.304L460.8 704 256 502.848l51.2-50.304L460.8 603.52l256-251.456z" fill="#ffffff" p-id="4614"></path></svg>
+                </div>
+            </van-grid-item>
+
+            <van-grid-item @click="payAction = '3'">
+                <div :class="`pay-item ${payAction == '3' && 'item-active'}`" style="background-color: #0070ba;">
+                    <svg viewBox="0 0 82.58 20"><path d="M72.49,16.49H68a.63.63,0,0,0-.62.53L65.48,28.7a.38.38,0,0,0,.38.44h2.32a.44.44,0,0,0,.44-.38l.53-3.37a.63.63,0,0,1,.63-.53h1.44c3,0,4.69-1.44,5.14-4.3a3.48,3.48,0,0,0-.57-2.92A4.22,4.22,0,0,0,72.49,16.49ZM73,20.62c-.24,1.58-1.45,1.58-2.62,1.58h-.66l.46-2.94a.38.38,0,0,1,.38-.32h.29c.8,0,1.55,0,1.94.45A1.48,1.48,0,0,1,73,20.62Z" transform="translate(-8.9 -12)" style="fill:#fff"></path><path d="M40.11,16.49H35.56a.63.63,0,0,0-.62.53L33.1,28.7a.38.38,0,0,0,.37.44h2.16a.64.64,0,0,0,.63-.54l.51-3.21a.62.62,0,0,1,.62-.53h1.44c3,0,4.7-1.44,5.15-4.3a3.48,3.48,0,0,0-.58-2.92A4.2,4.2,0,0,0,40.11,16.49Zm.47,4.13C40.34,22.2,39.13,22.2,38,22.2h-.67l.47-2.94a.38.38,0,0,1,.37-.32h.3c.79,0,1.54,0,1.93.45A1.51,1.51,0,0,1,40.58,20.62Z" transform="translate(-8.9 -12)" style="fill:#fff"></path><path d="M53.77,20.57H51.39a.29.29,0,0,0-.27.23l-.1.69-.16-.22a3.09,3.09,0,0,0-2.55-.9,5,5,0,0,0-4.83,4.35A4.1,4.1,0,0,0,44.29,28,3.37,3.37,0,0,0,47,29.14a4.15,4.15,0,0,0,3-1.24l-.12.73a.27.27,0,0,0,.26.31h2.08a.63.63,0,0,0,.62-.53L54,20.88A.27.27,0,0,0,53.77,20.57Zm-3.13,4.3A2.42,2.42,0,0,1,48.19,27a1.84,1.84,0,0,1-1.46-.59,1.83,1.83,0,0,1-.34-1.53,2.42,2.42,0,0,1,2.43-2.09,1.72,1.72,0,0,1,1.82,2.13Z" transform="translate(-8.9 -12)" style="fill:#fff"></path><path d="M86.16,20.57H83.78a.28.28,0,0,0-.27.23l-.11.69-.15-.22a3.1,3.1,0,0,0-2.55-.9,5,5,0,0,0-4.83,4.35,4.1,4.1,0,0,0,.8,3.32,3.39,3.39,0,0,0,2.73,1.1,4.14,4.14,0,0,0,3-1.24l-.11.73a.27.27,0,0,0,.26.31h2.07a.63.63,0,0,0,.62-.53l1.19-7.53A.27.27,0,0,0,86.16,20.57ZM83,24.87A2.43,2.43,0,0,1,80.57,27a1.69,1.69,0,0,1-1.8-2.12,2.44,2.44,0,0,1,2.44-2.09,1.85,1.85,0,0,1,1.45.59A1.91,1.91,0,0,1,83,24.87Z" transform="translate(-8.9 -12)" style="fill:#fff"></path><path d="M65.28,20.57h-2.2a.64.64,0,0,0-.52.28l-3,4.47L58.24,21a.63.63,0,0,0-.61-.45H55.47a.38.38,0,0,0-.36.51l2.42,7.1L55.25,31.4a.38.38,0,0,0,.31.6h2.2a.63.63,0,0,0,.52-.27L65.6,21.17A.39.39,0,0,0,65.28,20.57Z" transform="translate(-8.9 -12)" style="fill:#fff"></path><path d="M88.62,16.81l-1.87,11.9a.37.37,0,0,0,.37.43H89a.62.62,0,0,0,.62-.53l1.84-11.68a.38.38,0,0,0-.37-.44H89A.39.39,0,0,0,88.62,16.81Z" transform="translate(-8.9 -12)" style="fill:#fff"></path><path d="M24.19,17.09a4,4,0,0,0-.84-3.58C22.42,12.45,20.74,12,18.6,12H12.36a.88.88,0,0,0-.87.75L8.9,29.14a.54.54,0,0,0,.53.62h3.84L13,31.46a.47.47,0,0,0,.46.54h3.26a.77.77,0,0,0,.76-.65l0-.16.6-3.84,0-.21a.78.78,0,0,1,.77-.65h.49c3.14,0,5.6-1.28,6.32-5a4.25,4.25,0,0,0-.65-3.74,3,3,0,0,0-.89-.68h0" transform="translate(-8.9 -12)" style="fill:#fff;isolation:isolate;opacity:0.6800000071525574"></path><path d="M24.19,17.09a4,4,0,0,0-.84-3.58C22.42,12.45,20.74,12,18.6,12H12.36a.88.88,0,0,0-.87.75L8.9,29.14a.54.54,0,0,0,.53.62h3.83l1-6.18,0,.2a.9.9,0,0,1,.89-.76h1.82c3.59,0,6.4-1.46,7.22-5.67l.06-.37" transform="translate(-8.9 -12)" style="fill:#fff;isolation:isolate;opacity:0.699999988079071"></path><path d="M15.27,17.14a.79.79,0,0,1,.76-.65h4.89a10.18,10.18,0,0,1,1.62.12l.42.08.39.1.18.06a4.2,4.2,0,0,1,.68.28,4,4,0,0,0-.85-3.61C22.43,12.46,20.74,12,18.57,12H12.36a.88.88,0,0,0-.87.75L8.9,29.14a.54.54,0,0,0,.53.62h3.85l1-6.09Z" transform="translate(-8.9 -12)" style="fill:#fff"></path></svg>
+                    <svg t="1724040431090" class="success" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4613" width="32" height="32"><path d="M512 64a448 448 0 1 1 0 896A448 448 0 0 1 512 64z m0 64a384 384 0 1 0 0 768A384 384 0 0 0 512 128z m204.8 224l51.2 50.304L460.8 704 256 502.848l51.2-50.304L460.8 603.52l256-251.456z" fill="#ffffff" p-id="4614"></path></svg>
+                </div>
+            </van-grid-item>
+        </van-grid>
+
+        <van-grid :column-num="3" style="width: 95%; margin: 20px auto;">
+            <button class="donate-button">立即捐助</button>
+        </van-grid>
+
+        <van-number-keyboard v-if="applicationStore.isDeviceMobile" :show="keyboardStatus" theme="custom" :extra-key="['00', '.']" close-button-text="完成" @blur="keyboardStatus = false" @input="onKeyboardInput" @delete="onLeyboardDelete"/>
+    </div>
+</template>
+
+<style>
+    @import url("./assets/PageDonate.css");
+</style>
\ No newline at end of file
diff --git a/src/assets/paces/remove.css b/src/assets/paces/remove.css
index e1427af..485fdd0 100644
--- a/src/assets/paces/remove.css
+++ b/src/assets/paces/remove.css
@@ -1,8 +1,4 @@
 
 .pace {
     display: none!important;
-}
-
-.pace * {
-    display: none!important;
 }
\ No newline at end of file
diff --git a/src/pages/PageDonate.vue b/src/pages/PageDonate.vue
index 6c256e6..9405443 100644
--- a/src/pages/PageDonate.vue
+++ b/src/pages/PageDonate.vue
@@ -9,6 +9,7 @@
     import { onMounted, ref, watch } from 'vue'
 
     const route = useRoute();
+    const isBlur = ref(false);
     const payAction = ref('0');
     const currentPrice = ref('0');
     const keyboardStatus = ref(false);
@@ -36,6 +37,17 @@
         `;
     });
 
+    const onOtherPriceClick = async () => {
+        currentPrice.value = 'other';
+        if (!isBlur.value) keyboardStatus.value = !keyboardStatus.value;
+    }
+
+    const onKeyboardOnBlur = async () => {
+        isBlur.value = true;
+        keyboardStatus.value = false;
+        setTimeout(async () => isBlur.value = false,200);
+    }
+
     document.title = "捐赠我们";
 </script>
 
@@ -48,7 +60,7 @@
                 <div class="price-item" :class="currentPrice === item && 'item-active'">￥{{ item }}元</div>
             </van-grid-item>
 
-            <van-grid-item @click="currentPrice = 'other'">
+            <van-grid-item @click="onOtherPriceClick">
                 <div class="price-item" :class="currentPrice === 'other' && 'item-active'" v-if="applicationStore.isDeviceMobile">
                     <span>{{ otherPriceOnly === '' ? '￥0元' : otherPriceOnly === '其他金额' ? otherPriceOnly : "￥" + otherPriceOnly + "元" }}</span>
                 </div>
@@ -70,7 +82,7 @@
             <input class="input-container" type="text" placeholder="请输入留言">
         </van-grid>
 
-        <van-grid :column-num="3" style="width: 95%; margin: 20px auto;">
+        <!-- <van-grid :column-num="3" style="width: 95%; margin: 20px auto;">
             <van-grid-item @click="payAction = '1'">
                 <div :class="`pay-item ${payAction == '1' && 'item-active'}`" style="background-color: #1AAD19;">
                     <svg t="1723783554183" style="transform: scale(1.1);" class="icon" viewBox="0 0 3754 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="12438" width="68" height="68"><path d="M433.493 645.12c-61.44 37.547-71.68-20.48-71.68-20.48l-78.506-194.56c-30.72-92.16 23.893-40.96 23.893-40.96s47.787 37.547 81.92 61.44c37.547 23.893 75.093 6.827 75.093 6.827L965.973 204.8C880.64 81.92 727.04 0 556.373 0c-283.306 0-512 218.453-512 484.693 0 153.6 75.094 290.134 194.56 378.88l-20.48 133.12s-10.24 37.547 27.307 20.48c23.893-13.653 88.747-54.613 122.88-81.92 61.44 23.894 126.293 34.134 187.733 34.134 283.307 0 512-218.454 512-484.694 0-78.506-20.48-150.186-54.613-215.04C853.333 372.053 481.28 614.4 433.493 645.12z m1703.254 286.72c-40.96 0-61.44-27.307-61.44-81.92s20.48-85.333 61.44-85.333c27.306 3.413 44.373 17.066 51.2 44.373l30.72-10.24c-10.24-40.96-40.96-61.44-85.334-61.44-58.026 3.413-88.746 37.547-92.16 109.227 0 68.266 30.72 105.813 92.16 105.813 51.2 0 78.507-20.48 85.334-71.68l-30.72-6.827c0 40.96-20.48 58.027-51.2 58.027z m-238.934-191.147c-61.44 3.414-92.16 40.96-95.573 109.227 3.413 68.267 34.133 102.4 98.987 105.813 47.786 0 78.506-20.48 92.16-61.44l-34.134-6.826c-6.826 30.72-27.306 44.373-61.44 44.373-40.96-3.413-61.44-27.307-64.853-75.093h157.013v-6.827c0-71.68-30.72-105.813-92.16-109.227z m-61.44 92.16c3.414-40.96 23.894-61.44 61.44-64.853 37.547 3.413 58.027 23.893 61.44 64.853h-122.88z m238.934-300.373V146.773c13.653-37.546 27.306-78.506 40.96-122.88L2048 3.413c-27.307 109.227-61.44 194.56-95.573 259.414 0 10.24 3.413 23.893 6.826 40.96 6.827 27.306 10.24 51.2 10.24 61.44 13.654-20.48 23.894-44.374 37.547-64.854v235.52h68.267z m-583.68-300.373h191.146v51.2h-191.146z m71.68 436.906l-68.267 225.28c-3.413 13.654-6.827 23.894-6.827 34.134 0-13.654 0-23.894-3.413-34.134l-58.027-225.28h-34.133l78.507 283.307h30.72l68.266-225.28c3.414-13.653 3.414-23.893 3.414-30.72l-10.24-27.307z m1041.066-133.12c81.92-13.653 157.014-37.546 228.694-71.68 64.853 34.134 139.946 58.027 221.866 71.68 13.654-27.306 27.307-51.2 44.374-75.093-71.68-6.827-136.534-23.893-191.147-44.373 51.2-47.787 92.16-98.987 119.467-150.187v-68.267h-153.6v-61.44h211.626V71.68h-211.626V3.413h-81.92V71.68h-215.04v64.853h215.04v61.44h-174.08v68.267h85.333l-47.787 30.72c30.72 44.373 68.267 85.333 105.814 116.053-54.614 27.307-122.88 44.374-201.387 54.614 13.653 17.066 30.72 40.96 44.373 68.266zM2723.84 266.24h208.213c-27.306 40.96-61.44 75.093-98.986 105.813-44.374-27.306-78.507-64.853-109.227-105.813zM1669.12 897.707v6.826c-3.413 13.654-3.413 20.48-3.413 23.894 0-10.24-3.414-20.48-6.827-34.134l-61.44-225.28-17.067 23.894c0 10.24 0 20.48 3.414 30.72l68.266 225.28h30.72l81.92-283.307h-34.133l-61.44 232.107z" fill="#ffffff" p-id="12439"></path><path d="M1856.853 532.48c3.414-20.48 13.654-44.373 30.72-71.68-27.306-20.48-47.786-44.373-64.853-71.68 27.307-64.853 40.96-143.36 44.373-228.693h17.067V92.16h-95.573c6.826-23.893 13.653-47.787 20.48-75.093l-64.854-13.654c-17.066 71.68-34.133 133.12-58.026 180.907V54.613h-51.2v92.16h-20.48V10.24h-54.614v139.947h-20.48V54.613h-47.786c0-3.413 3.413-6.826 10.24-10.24L1443.84 6.827c-30.72 44.373-68.267 85.333-105.813 119.466 13.653 17.067 23.893 34.134 30.72 47.787 3.413 6.827 6.826 10.24 10.24 13.653 40.96-37.546 75.093-78.506 109.226-126.293v119.467l-40.96-30.72c-30.72 54.613-68.266 105.813-109.226 153.6 13.653 30.72 20.48 54.613 23.893 75.093l17.067-17.067c6.826-10.24 13.653-17.066 17.066-17.066v191.146h64.854V256c13.653-17.067 23.893-37.547 37.546-58.027h184.32c0 3.414-3.413 6.827-6.826 10.24 13.653 20.48 20.48 40.96 27.306 58.027 0 0 3.414-3.413 3.414-6.827 3.413-6.826 10.24-13.653 10.24-17.066 3.413 51.2 13.653 98.986 30.72 143.36-13.654 17.066-23.894 37.546-37.547 54.613v-20.48c0-10.24-3.413-17.067-3.413-20.48-17.067 10.24-27.307 17.067-34.134 23.893 0 3.414-3.413 3.414-3.413 3.414V320.853h-160.427c0 13.654 0 27.307-3.413 47.787v23.893c0 40.96-13.653 75.094-40.96 95.574 17.067 17.066 30.72 30.72 40.96 44.373 40.96-34.133 61.44-85.333 58.027-157.013h51.2v78.506c0 10.24-3.414 20.48-10.24 30.72l30.72 40.96c17.066-13.653 37.546-30.72 58.026-44.373 10.24 17.067 17.067 37.547 27.307 58.027 27.307-23.894 47.787-47.787 68.267-78.507 17.066 23.893 40.96 51.2 68.266 71.68zM1781.76 307.2c-10.24-40.96-17.067-92.16-20.48-146.773h44.373c0 54.613-10.24 102.4-23.893 146.773z m1030.827 628.053c-17.067 0-23.894-6.826-23.894-23.893V771.413h37.547V747.52h-37.547v-71.68l-30.72 17.067v54.613h-27.306v23.893h27.306V911.36c0 30.72 13.654 47.787 40.96 44.373 10.24 0 20.48-3.413 30.72-6.826l-6.826-17.067c0 3.413-6.827 3.413-10.24 3.413z m273.066-266.24h-122.88V952.32h30.72V836.267h88.747c64.853 0 95.573-30.72 98.987-85.334-6.827-51.2-40.96-78.506-95.574-81.92z m-10.24 139.947h-81.92V696.32h81.92c44.374 0 68.267 17.067 68.267 54.613s-23.893 58.027-68.267 58.027z m334.507 10.24c3.413-54.613-23.893-81.92-81.92-78.507-51.2-3.413-81.92 17.067-92.16 61.44l30.72 6.827c3.413-30.72 23.893-44.373 61.44-40.96 37.547-3.413 54.613 17.067 51.2 54.613-10.24 6.827-34.133 10.24-71.68 17.067-47.787 3.413-75.093 27.307-75.093 68.267 3.413 34.133 27.306 51.2 68.266 54.613 37.547 0 64.854-10.24 81.92-34.133 0 10.24 3.414 20.48 10.24 27.306h30.72c-6.826-10.24-13.653-27.306-10.24-47.786V819.2z m-30.72 51.2c-3.413 37.547-27.307 58.027-68.267 58.027-30.72 0-44.373-10.24-47.786-30.72 0-20.48 17.066-34.134 54.613-40.96 37.547-3.414 58.027-6.827 61.44-17.067v30.72z m-139.947-337.92h75.094V119.467c13.653-30.72 27.306-64.854 37.546-98.987L3283.627 0c-27.307 78.507-61.44 153.6-112.64 228.693 3.413 13.654 6.826 34.134 13.653 61.44 3.413 17.067 6.827 30.72 10.24 37.547 17.067-23.893 30.72-44.373 44.373-68.267V532.48z m276.48-191.147c-30.72-40.96-54.613-75.093-71.68-95.573-13.653-17.067-20.48-27.307-27.306-37.547l-58.027 37.547c34.133 44.373 64.853 88.747 92.16 136.533l64.853-40.96z" fill="#ffffff" p-id="12440"></path><path d="M3635.2 102.4V6.827h-75.093V102.4H3338.24v71.68h221.867v238.933c0 27.307-13.654 40.96-37.547 40.96-27.307 0-51.2 0-78.507-3.413h-6.826c10.24 27.307 13.653 51.2 17.066 71.68v6.827c13.654 0 37.547 0 64.854-3.414h44.373c47.787 0 71.68-27.306 71.68-85.333V174.08h75.093V102.4H3635.2z m-75.093 802.133c-3.414 3.414-3.414 10.24-3.414 13.654 0 0 0-3.414-3.413-10.24v-6.827c-3.413-3.413-20.48-54.613-54.613-157.013h-34.134l78.507 197.973c-3.413 13.653-6.827 20.48-10.24 27.307-6.827 17.066-20.48 27.306-34.133 27.306-6.827 0-13.654 0-20.48-3.413l-3.414 17.067c6.827 3.413 17.067 6.826 30.72 6.826 27.307 3.414 51.2-13.653 64.854-58.026 6.826-20.48 37.546-92.16 88.746-218.454h-34.133l-64.853 163.84z m-1191.254-163.84c-27.306 0-51.2 13.654-68.266 37.547V669.013h-30.72V952.32h30.72V826.027c3.413-34.134 23.893-54.614 58.026-58.027 30.72 0 47.787 20.48 47.787 58.027V952.32h30.72V819.2c3.413-54.613-17.067-81.92-68.267-78.507z m-235.52-208.213h71.68v-27.307h177.494v27.307h75.093v-204.8h-327.68v204.8z m75.094-136.533h177.493v51.2h-177.493v-51.2z m471.04 423.253c3.413-54.613-23.894-81.92-81.92-78.507-51.2-3.413-81.92 17.067-92.16 61.44l30.72 6.827c3.413-30.72 23.893-44.373 61.44-40.96 37.546-3.413 54.613 17.067 51.2 54.613-10.24 6.827-34.134 10.24-71.68 17.067-47.787 3.413-75.094 27.307-75.094 68.267 3.414 34.133 27.307 51.2 68.267 54.613 37.547 0 64.853-10.24 81.92-34.133 0 10.24 3.413 20.48 10.24 27.306h30.72c-6.827-10.24-13.653-27.306-10.24-47.786V819.2z m-30.72 51.2c-3.414 37.547-27.307 58.027-68.267 58.027-30.72 0-44.373-10.24-47.787-30.72 0-20.48 17.067-34.134 54.614-40.96 37.546-3.414 58.026-6.827 61.44-17.067v30.72z m-515.414-628.053h327.68v58.026h-327.68z m184.32-238.934l-81.92 13.654c6.827 17.066 13.654 27.306 17.067 37.546 0 3.414 3.413 10.24 3.413 10.24H2109.44v61.44h382.293v-61.44H2344.96c-10.24-27.306-20.48-47.786-27.307-61.44z m-184.32 153.6h327.68v58.027h-327.68z" fill="#ffffff" p-id="12441"></path></svg>
@@ -91,13 +103,36 @@
                     <svg t="1724040431090" class="success" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4613" width="32" height="32"><path d="M512 64a448 448 0 1 1 0 896A448 448 0 0 1 512 64z m0 64a384 384 0 1 0 0 768A384 384 0 0 0 512 128z m204.8 224l51.2 50.304L460.8 704 256 502.848l51.2-50.304L460.8 603.52l256-251.456z" fill="#ffffff" p-id="4614"></path></svg>
                 </div>
             </van-grid-item>
+        </van-grid> -->
+
+        <van-grid :column-num="3" style="width: 95%; margin: 20px auto;">
+            <van-grid-item @click="payAction = '1'">
+                <div :class="`pay-item ${payAction == '1' && 'item-active'}`" style="--color: #00c250; --shadow: rgba(8,187,8,0.2);">
+                    <svg style="margin-top: 3px;" t="1724169297620" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4244" width="22" height="22"><path d="M404.511405 600.865957c-4.042059 2.043542-8.602935 3.223415-13.447267 3.223415-11.197016 0-20.934798-6.169513-26.045189-15.278985l-1.959631-4.296863-81.56569-178.973184c-0.880043-1.954515-1.430582-4.14746-1.430582-6.285147 0-8.251941 6.686283-14.944364 14.938224-14.944364 3.351328 0 6.441713 1.108241 8.94165 2.966565l96.242971 68.521606c7.037277 4.609994 15.433504 7.305383 24.464181 7.305383 5.40101 0 10.533914-1.00284 15.328104-2.75167l452.645171-201.459315C811.496653 163.274644 677.866167 100.777241 526.648117 100.777241c-247.448742 0-448.035176 167.158091-448.035176 373.361453 0 112.511493 60.353576 213.775828 154.808832 282.214547 7.582699 5.405103 12.537548 14.292518 12.537548 24.325012 0 3.312442-0.712221 6.358825-1.569752 9.515724-7.544837 28.15013-19.62599 73.202209-20.188808 75.314313-0.940418 3.529383-2.416026 7.220449-2.416026 10.917654 0 8.245801 6.692423 14.933107 14.944364 14.933107 3.251044 0 5.89015-1.202385 8.629541-2.7793l98.085946-56.621579c7.377014-4.266164 15.188934-6.89913 23.790846-6.89913 4.577249 0 9.003048 0.703011 13.174044 1.978051 45.75509 13.159718 95.123474 20.476357 146.239666 20.476357 247.438509 0 448.042339-167.162184 448.042339-373.372709 0-62.451354-18.502399-121.275087-51.033303-173.009356L407.778822 598.977957 404.511405 600.865957z" fill="#00C800" p-id="4245"></path></svg>
+                    <span class="item-name">微信支付</span>
+                </div>
+            </van-grid-item>
+
+            <van-grid-item @click="payAction = '2'">
+                <div :class="`pay-item ${payAction == '2' && 'item-active'}`" style="--color: #1677ff; --shadow: rgba(0,170,238,0.2);">
+                    <svg style="margin-top: 1.45px;" t="1724206537619" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5288" width="20" height="20"><path d="M1024.0512 701.0304V196.864A196.9664 196.9664 0 0 0 827.136 0H196.864A196.9664 196.9664 0 0 0 0 196.864v630.272A196.9152 196.9152 0 0 0 196.864 1024h630.272a197.12 197.12 0 0 0 193.8432-162.0992c-52.224-22.6304-278.528-120.32-396.4416-176.64-89.7024 108.6976-183.7056 173.9264-325.3248 173.9264s-236.1856-87.2448-224.8192-194.048c7.4752-70.0416 55.552-184.576 264.2944-164.9664 110.08 10.3424 160.4096 30.8736 250.1632 60.5184 23.1936-42.5984 42.496-89.4464 57.1392-139.264H248.064v-39.424h196.9152V311.1424H204.8V267.776h240.128V165.632s2.1504-15.9744 19.8144-15.9744h98.4576V267.776h256v43.4176h-256V381.952h208.8448a805.9904 805.9904 0 0 1-84.8384 212.6848c60.672 22.016 336.7936 106.3936 336.7936 106.3936zM283.5456 791.6032c-149.6576 0-173.312-94.464-165.376-133.9392 7.8336-39.3216 51.2-90.624 134.4-90.624 95.5904 0 181.248 24.4736 284.0576 74.5472-72.192 94.0032-160.9216 150.016-253.0816 150.016z" fill="#009FE8" p-id="5289"></path></svg>
+                    <span class="item-name">支付宝</span>
+                </div>
+            </van-grid-item>
+
+            <van-grid-item @click="payAction = '3'">
+                <div :class="`pay-item ${payAction == '3' && 'item-active'}`" style="--color: #0070ba; --shadow: rgba(5, 83, 114, 0.2);">
+                    <svg t="1724206656124" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="8515" width="20" height="20"><path d="M449.28 241.002667H738.133333c155.093333 0 213.461333 78.506667 204.458667 194.005333-14.869333 190.442667-130.005333 295.744-282.730667 295.744h-77.098666c-20.906667 0-35.008 13.824-40.704 51.413333l-33.066667 218.325334c-2.154667 14.165333-9.6 22.506667-20.821333 23.509333h-181.12c-17.045333 0-23.104-13.034667-18.645334-41.28l110.613334-700.288c4.416-28.074667 19.776-41.429333 50.282666-41.429333z" fill="#009DE2" p-id="8516"></path><path d="M268.714667 0H557.866667c81.450667 0 178.026667 2.645333 242.645333 59.626667 43.157333 38.058667 65.792 98.709333 60.586667 163.84C843.306667 444.202667 711.253333 567.893333 534.186667 567.893333h-142.613334c-24.277333 0-40.362667 16.064-47.210666 59.626667l-39.786667 253.141333c-2.56 16.426667-9.706667 26.112-22.698667 27.264H103.765333c-19.754667 0-26.773333-15.104-21.610666-47.850666L210.410667 48.042667C215.530667 15.488 233.344 0 268.714667 0z" fill="#113984" p-id="8517"></path><path d="M348.522667 602.005333l50.496-319.573333c4.416-28.074667 19.776-41.429333 50.282666-41.429333H738.133333c47.808 0 86.442667 7.466667 116.714667 21.226666-29.013333 196.48-156.096 305.664-322.538667 305.664H389.76c-18.773333 0-32.789333 9.6-41.216 34.112z" fill="#172C70" p-id="8518"></path></svg>
+                    <span class="item-name">Paypal</span>
+                </div>
+            </van-grid-item>
         </van-grid>
 
         <van-grid :column-num="3" style="width: 95%; margin: 20px auto;">
             <button class="donate-button">立即捐助</button>
         </van-grid>
 
-        <van-number-keyboard v-if="applicationStore.isDeviceMobile" :show="keyboardStatus" theme="custom" :extra-key="['00', '.']" close-button-text="完成" @blur="keyboardStatus = false" @input="onKeyboardInput" @delete="onLeyboardDelete"/>
+        <van-number-keyboard v-if="applicationStore.isDeviceMobile" :show="keyboardStatus" theme="custom" :extra-key="['00', '.']" close-button-text="完成" @blur="onKeyboardOnBlur" @input="onKeyboardInput" @delete="onLeyboardDelete"/>
     </div>
 </template>
 
diff --git a/src/pages/PageHome.vue b/src/pages/PageHome.vue
index e734f5e..46b2b87 100644
--- a/src/pages/PageHome.vue
+++ b/src/pages/PageHome.vue
@@ -3,6 +3,7 @@
 <script setup>
     import { reactive, ref } from 'vue';
     import utils from '@/scripts/utils';
+    import "@/assets/paces/center-simple.css"
     import HeadModel from '@/model/HeadModel.vue';
     import MainModel from '@/model/MainModel.vue';
     import FootModel from '@/model/FootModel.vue';
@@ -20,7 +21,7 @@
         try {
             location.href = link;
         } catch(error) {
-            ElMessage({ message: '链接跳转失败', type: 'error', plain: true})
+            ElMessage({ message: '链接跳转失败', type: 'error', plain: true});
         }
     }
 
diff --git a/src/pages/assets/PageDonate.css b/src/pages/assets/PageDonate.css
index c631366..59cb492 100644
--- a/src/pages/assets/PageDonate.css
+++ b/src/pages/assets/PageDonate.css
@@ -13,32 +13,27 @@
   content: unset;
 }
 div.pay-item {
-  height: 60px;
-  padding: 0 10px;
+  height: 48px;
   display: flex;
   cursor: pointer;
-  line-height: 65px;
   text-align: center;
-  border-radius: 8px;
-  width: calc(100% - 30px);
+  border-radius: 3px;
+  align-items: center;
+  justify-content: center;
+  width: calc(100% - 10px);
   background-color: #ffffff;
-}
-div.pay-item svg {
-  width: 95%;
-  margin: auto;
-  max-height: 90%;
+  border: 2px solid #dddddd;
 }
 div.pay-item svg.success {
   display: none;
 }
-div.pay-item.item-active {
-  background-color: #dd524d !important;
+div.pay-item span.item-name {
+  font-size: 0.9rem;
+  margin-left: 5px;
 }
-div.pay-item.item-active svg {
-  display: none;
-}
-div.pay-item.item-active svg.success {
-  display: block;
+div.pay-item.item-active {
+  border: 2px solid var(--color);
+  box-shadow: 0 4px 10px var(--shadow);
 }
 input.input-container {
   width: 100%;
diff --git a/src/pages/assets/PageDonate.less b/src/pages/assets/PageDonate.less
index d383b23..bb7eef4 100644
--- a/src/pages/assets/PageDonate.less
+++ b/src/pages/assets/PageDonate.less
@@ -18,37 +18,43 @@
 }
 
 div.pay-item {
-    height: 60px;
-    padding: 0 10px;
+    height: 48px;
+
     display: flex;
     cursor: pointer;
-    line-height: 65px;
     text-align: center;
-    border-radius: 8px;
-    width: calc(100% - 30px);
+    border-radius: 3px;
+    align-items: center;
+    justify-content: center;
+    width: calc(100% - 10px);
     background-color: #ffffff;
+    border: 2px solid #dddddd;
 
     svg {
-        width: 95%;
-        margin: auto;
-        max-height: 90%;
+        
     }
 
     svg.success {
         display: none;
     }
+
+    span.item-name {
+        font-size: 0.9rem;
+        margin-left: 5px;
+    }
 }
 
 div.pay-item.item-active {
-    background-color: #dd524d!important;
+    border: 2px solid var(--color);
+    box-shadow: 0 4px 10px var(--shadow);
     
-    svg {
-        display: none;
-    }
+    // svg {
+    //     display: none;
+    // }
     
-    svg.success {
-        display: block;
-    }
+    // svg.success {
+    //     display: block;
+    // }
 }
 
 input.input-container {
diff --git a/src/router/index.js b/src/router/index.js
index 2518bf9..16ac878 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -9,7 +9,7 @@ const isLoadComplete = async () => {
   const applicationStore = useApplicationStore();
   Pace.on("done", async () => {
     status = true;
-    import("@/assets/paces/remove.css")
+    import("@/assets/paces/remove.css");
     applicationStore.setIsLoadinfgStatus(false);
   });
 }
@@ -56,9 +56,7 @@ const createRoutes = createRouter({
 createRoutes.beforeEach(async (to, from, next) => {
 	if (to === from) return;
 	const applicationStore = useApplicationStore();
-  if (to.fullPath !== '/') {
-    import("@/assets/paces/remove.css");
-  } else {
+  if (to.fullPath === '/') {
     Pace.on("start", async () => {
       if (status) return Pace.stop();
       await applicationStore.setIsLoadinfgStatus(true);
diff --git a/src/scripts/ready.js b/src/scripts/ready.js
index 34e4eb6..b13fa11 100644
--- a/src/scripts/ready.js
+++ b/src/scripts/ready.js
@@ -1,3 +1,2 @@
 
-import "@/assets/paces/center-simple.css"
 import "vue-toastification/dist/index.css"