feat: 更新按钮

EOEFANS · Feb 14, 2023 · 8ca7278 · 8ca7278
1 parent 2ee9193
commit 8ca7278
Showing 1 changed file with 18 additions and 19 deletions.
diff --git 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 {