fix

src/configs/allchain.ts

@@ -214,7 +214,7 @@ export const AllChains = [
   {
     name: 'Arbitrum Mainnet RPC',
     type: 'Mainnet',
-    rpc: 'https://rpc.ankr.com/arbitrum',
+    rpc: 'https://arbitrum-one.public.blastapi.io',
     id: 42161,
     symbol: 'ETH',
     explorerurl: 'https://arbiscan.io/'

src/views/TaskView.vue

@@ -5,7 +5,9 @@
       <div class="center">
         <div class="task-bottom">
           <div class="bottom-left">
-            <div class="the-title">THE FIRST ANIME #MOBA+#BATTLEROYAL #GAME ON BLOCKCHAIN!</div>
+            <div class="the-title">
+              THE FIRST ANIME #MOBA+#BATTLEROYAL #GAME ON BLOCKCHAIN!
+            </div>
             <div class="slogan">
               <img src="../assets/img/task/title.png" alt="" />
             </div>
@@ -46,7 +48,11 @@
                 /></a>
               </div>
               <div class="download-item-app">
-                <img src="@/assets/img/task/app.png" alt="" />
+                <a
+                  href="https://apps.apple.com/app/counter%20fire/id6444462915"
+                >
+                  <img src="@/assets/img/task/app.png" alt=""
+                /></a>
               </div>
             </div>
           </div>
@@ -155,9 +161,9 @@ onMounted(() => {
     display: flex;
     justify-content: space-between;
     flex-direction: column;
-    .the-title{
+    .the-title {
       color: #fff;
-      font-family:'Arial';
+      font-family: "Arial";
       font-size: 18px;
     }
   }
@@ -350,7 +356,7 @@ onMounted(() => {
   // img {
   //   opacity: 1;
   // }
-  img{
+  img {
     width: 100%;
   }
 }
@@ -365,7 +371,7 @@ onMounted(() => {
   .game-img {
     width: 171px;
     height: 62px;
-    img{
+    img {
       width: 100%;
     }
     // position: absolute;
@@ -392,6 +398,6 @@ onMounted(() => {
   position: relative;
   display: flex;
   flex-direction: column;
-  justify-content:flex-end;
+  justify-content: flex-end;
 }
 </style>