From 2b20582afcd39680c4599716b80139eb848302a7 Mon Sep 17 00:00:00 2001
From: dengtongyu <dengtongyu123@163.com>
Date: Fri, 21 Apr 2023 01:16:11 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E6=9B=B4=E6=96=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components.d.ts                |   1 -
 src/assets/images/download.png | Bin 0 -> 2228 bytes
 src/pages/h5.vue               |  40 +++++++++++++++++++++++++++++++--
 src/pages/web.vue              |   8 +++++--
 4 files changed, 44 insertions(+), 5 deletions(-)
 create mode 100644 src/assets/images/download.png

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 0000000000000000000000000000000000000000..36d9b11f7ab800171cc00b49c7cb37e329bc8dc7
GIT binary patch
literal 2228
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

literal 0
HcmV?d00001

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>