hua aide-pro（add donate dialog）

AndroidIDE-CN · Aug 21, 2024 · d62de35 · d62de35
1 parent 926c1b6
commit d62de35
Show file tree

Hide file tree

Showing 8 changed files with 181 additions and 45 deletions.
diff --git a/src/PageDonate.vue b/src/PageDonate.vue
diff --git a/src/assets/paces/remove.css b/src/assets/paces/remove.css
@@ -1,8 +1,4 @@
 
 .pace {
     display: none!important;
-}
-
-.pace * {
-    display: none!important;
 }
diff --git 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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -1,3 +1,2 @@
 
-import "@/assets/paces/center-simple.css"
 import "vue-toastification/dist/index.css"
Original file line number	Diff line number	Diff line change
		@@ -1,3 +1,2 @@

		import "@/assets/paces/center-simple.css"
		import "vue-toastification/dist/index.css"