diff --git a/components.d.ts b/components.d.ts
index 676560d..1ad7954 100644
--- a/components.d.ts
+++ b/components.d.ts
@@ -12,6 +12,5 @@ declare module '@vue/runtime-core' {
     IconAndText: typeof import('./src/components/abnormal/iconAndText.vue')['default']
     RouterLink: typeof import('vue-router')['RouterLink']
     RouterView: typeof import('vue-router')['RouterView']
-    VanButton: typeof import('vant/es')['Button']
   }
 }
diff --git a/src/assets/images/download.png b/src/assets/images/download.png
new file mode 100644
index 0000000..36d9b11
Binary files /dev/null and b/src/assets/images/download.png differ
diff --git a/src/pages/h5.vue b/src/pages/h5.vue
index d070fde..4d5a271 100644
--- a/src/pages/h5.vue
+++ b/src/pages/h5.vue
@@ -1,4 +1,24 @@
 <script setup lang="ts" name="appH5">
+import { ref, computed } from "vue";
+import { browser } from "@/lib/util";
+
+const versions = browser.versions;
+
+const androidUrl = "http://img.haloapp.vip/card-release_v1.0.1_2023-04-20_101_jiagu_sign.apk";
+
+const downloadUrl = computed(() => {
+  if(versions.android) return androidUrl;
+  if(versions.ios) return "";
+  return androidUrl;
+});
+
+const downloadName = computed(() => {
+  const name = "card-release_v1.0.1_2023-04-20_101_jiagu_sign.apk";
+  if(versions.android) return name;
+  if(versions.ios) return false;
+  return name;
+});
+
 </script>
 
 <template>
@@ -7,13 +27,23 @@
 
       <div class="h5-main-mask">
         <div class="h5-main-mask-btnbox">
-          <van-button
+          <!-- <van-button
             class="h5-main-mask-btnbox-download"
             round
             color="#222222"
             size="large"
             block
-          >立即下载</van-button>
+          >立即下载</van-button> -->
+          <a
+            v-if="versions.ios"
+            class="h5-main-mask-btnbox-download"
+          ></a>
+          <a
+            v-else
+            class="h5-main-mask-btnbox-download"
+            :href="downloadUrl"
+            :download="downloadName"
+          ></a>
         </div>
 
         <div class="h5-main-mask-text">
@@ -58,6 +88,12 @@
         &-download {
           height: 100%;
         }
+        & > a {
+          background-image: url(../assets/images/download.png);
+          background-size: 100% 100%;
+          background-repeat: no-repeat;
+          display: block;
+        }
       }
 
       &-text {
diff --git a/src/pages/web.vue b/src/pages/web.vue
index ac10ebe..bd928ca 100644
--- a/src/pages/web.vue
+++ b/src/pages/web.vue
@@ -8,8 +8,12 @@
       <div class="web-main-middle">
 
         <div class="web-main-middle-btnbox">
-          <a href="###" class="web-main-middle-btnbox-andriod"></a>
-          <a href="###" class="web-main-middle-btnbox-ios"></a>
+          <a
+            href="http://img.haloapp.vip/card-release_v1.0.1_2023-04-20_101_jiagu_sign.apk"
+            class="web-main-middle-btnbox-andriod"
+            download="card-release_v1.0.1_2023-04-20_101_jiagu_sign.apk"
+          ></a>
+          <a class="web-main-middle-btnbox-ios"></a>
         </div>
       </div>
     </div>