From 8ca72780fe2a6218e1dcf9155ce23be142aaffae Mon Sep 17 00:00:00 2001
From: fengzi <lintengfeng@4399.com>
Date: Tue, 14 Feb 2023 21:31:04 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E6=9B=B4=E6=96=B0=E6=8C=89=E9=92=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/Page1/Page1.vue | 37 ++++++++++++++++++-------------------
 1 file changed, 18 insertions(+), 19 deletions(-)

diff --git a/src/views/Page1/Page1.vue b/src/views/Page1/Page1.vue
index 3370880..12d84d3 100644
--- a/src/views/Page1/Page1.vue
+++ b/src/views/Page1/Page1.vue
@@ -24,26 +24,19 @@ const swiperList = [
   }
 ]
 
-const mainIntroduce = ref('E个魂的APP')
-// onMounted(() => {})
-const { isIOS, isMobile } = getBrowserInfo()
-const buttontext = computed(() => {
-  if (!isMobile) {
-    return '前往官网'
-  }
-  if (isIOS) {
-    return '暂无下载链接'
-  }
-  return '前往下载'
-})
-
-const download = () => {
-  if (!isMobile) {
-    window.open('https://www.eoefans.com')
+type TypeDownload = 'Android' | 'Web' | 'IOS'
+const download = (type: TypeDownload) => {
+  if (type === 'Android') {
+    window.open('https://eoe.best/appdl')
     return
   }
-  if (!isIOS) {
-    window.open('https://eoe.best/appdl')
+  if (type === 'Web') {
+    window.open('https://eoefans.com')
+    return
+  }
+
+  if (type === 'IOS') {
+    return
   }
 }
 </script>
@@ -65,7 +58,8 @@ const download = () => {
         Welcome to eoe world.
       </div>
       <section class="button-section">
-        <div class="download-button__base" @click="download">{{ buttontext }}</div>
+        <div class="download-button__base" @click="download('Web')">前往PC官网</div>
+        <div class="download-button__base" @click="download('Android')">安卓下载</div>
       </section>
     </section>
     <!-- 使用示例 -->
@@ -142,8 +136,13 @@ const download = () => {
     align-items: center;
     justify-content: center;
     background-color: #fff;
+    background-color: rgba(255, 255, 255, 0.7);
     border-radius: 6px;
     cursor: pointer;
+    transition: all 0.3s;
+  }
+  .download-button__base:hover {
+    box-shadow: 0px 0px 10px 0px #fff;
   }
 }
 .example-section {