修复官网bug

MoeNovaClientWebsite/src/components/HomePage.vue

@@ -4,13 +4,13 @@
       :footerTriggeredByNav="footerTriggeredByNav" />
     <div class="pages-wrapper" :style="{ transform: `translateY(-${currentPage * 100}vh)` }">
       <div class="full-page">
-        <PageOne ref="pageOneRef" :androidUrl="iosUrl" :iosUrl=" androidUrl" />
+        <PageOne ref="pageOneRef" :iosUrl="iosUrl" :androidUrl=" androidUrl" />
       </div>
       <div class="full-page">
-        <PageTwo ref="pageTwoRef" :androidUrl="iosUrl" :iosUrl="androidUrl" />
+        <PageTwo ref="pageTwoRef" :iosUrl="iosUrl" :androidUrl="androidUrl" />
       </div>
       <div class="full-page">
-        <PageThree ref="pageThreeRef" :androidUrl="iosUrl" :iosUrl="androidUrl" />
+        <PageThree ref="pageThreeRef" :iosUrl="iosUrl" :androidUrl="androidUrl" />
       </div>
     </div>
     <FooterBar :show="showFooter" />
@@ -128,10 +128,10 @@ watch(currentPage, (val) => {
   
   if (val === 2) {
     console.log(2);
-    pageThreeRef.value && pageThreeRef.value.playMusic(0)
+    // pageThreeRef.value && pageThreeRef.value.playMusic(0)
   } else {
     console.log(3);
-    pageThreeRef.value && pageThreeRef.value.stopMusic()
+    // pageThreeRef.value && pageThreeRef.value.stopMusic()
   }
 })
 </script>
@@ -164,11 +164,7 @@ watch(currentPage, (val) => {
     transform: scale(1);
   }
 }
-.download-btn{
-  &:active{
-    transform: scale(0.9);
-  }
-}
+ 
 @keyframes circle-rotate
 {
   0%
@@ -196,11 +192,16 @@ watch(currentPage, (val) => {
     transform: rotate(360deg);
   }
 }
-.download-btn{
+.android{
   &:active{
     transform: scale(0.9);
   }
 }
+/* .download-btn{
+  &:active{
+    transform: scale(0.9);
+  }
+} */
 </style>
 <style scoped>
 *

MoeNovaClientWebsite/src/components/PageOne.vue

@@ -13,10 +13,11 @@
     </div>
     <div class="content">
       <div class="bom-box">
-        <a class="download-btn android" :href="androidUrl" target="_blank">
+        <!-- <a class="download-btn android" :href="iosUrl" target="_blank"> -->
+        <a class="download-btn ios" :href="'javascript:void(0);'"  >
           <img class="ios_download" src="/src/assets/image/ios_download.png" alt="">
         </a>
-        <a class="download-btn ios" :href="iosUrl" target="_blank">
+        <a class="download-btn android" :href="androidUrl" target="_blank">
           <img class="android_download" src="/src/assets/image/android_download.png" alt="">
         </a>
       </div>

MoeNovaClientWebsite/src/components/PageThree.vue

@@ -32,11 +32,11 @@ const props = defineProps({
   currentPage: { type: Number, default: 0 }
 })
 const musicData = ref([
-  { img: section3_thumb1, musicUrl: '/src/assets/temporary/section3_thumb1.mp3',name:"境界突破・魂の解放です" },
-  { img: section3_thumb2, musicUrl: '/src/assets/temporary/section3_thumb2.mp3',name:"宿命逆行・因果再構築" },
-  { img: section3_thumb3, musicUrl: '/src/assets/temporary/section3_thumb3.mp3',name:"岁月的回响" },
-  { img: section3_thumb4, musicUrl: '/src/assets/temporary/section3_thumb4.mp3',name:"鲸落时钟" },
-  { img: section3_thumb5, musicUrl: '/src/assets/temporary/section3_thumb5.mp3',name:"龙井春茶香人" }
+  { img: section3_thumb1, musicUrl: 'https://c.zhichao.art/images/media/section3_thumb1.mp3',name:"境界突破・魂の解放です" },
+  { img: section3_thumb2, musicUrl: 'https://c.zhichao.art/images/media/section3_thumb2.mp3',name:"岁月的回响" },
+  { img: section3_thumb3, musicUrl: 'https://c.zhichao.art/images/media/section3_thumb3.mp3',name:"宿命逆行・因果再構築" },
+  { img: section3_thumb4, musicUrl: 'https://c.zhichao.art/images/media/section3_thumb4.mp3',name:"鲸落时钟" },
+  { img: section3_thumb5, musicUrl: 'https://c.zhichao.art/images/media/section3_thumb5.mp3',name:"龙井春茶香人" }
 ])
 const currentIndex = ref(-1)
 const isPlaying = ref(false)

MoeNovaClientWebsite/src/components/SideBar.vue

@@ -12,10 +12,11 @@
                 <div class="qr-section">
                     <img src="/src/assets/qrCode/qr-section-code.png" alt="">
                 </div>
-                <a class="download-btn android" :href="androidUrl" target="_blank">
+                <a class="download-btn android" :href="androidUrl " target="_blank">
                     <img src="/src/assets/image/android_download.png" alt="">
                 </a>
-                <a class="download-btn ios" :href="iosUrl" target="_blank">
+                <!-- <a class="download-btn ios" :href="iosUrl" target="_blank"> -->
+                <a class="download-btn ios" :href="'javascript:void(0);'" >
                     <img src="/src/assets/image/ios_download.png" alt="">
                 </a>
             </div>

MoeNovaClientWebsite/src/router/index.js

@@ -1,25 +1,31 @@
-import { createRouter, createWebHistory } from 'vue-router'
+import { createRouter, createWebHashHistory } from 'vue-router'
 import MobileDownload from '../view/MobileDownload.vue'
 import home from '../components/HomePage.vue'
 
 const routes = [
-  { path: '', component: home },
+  { path: '/', component: home },
   { path: '/mobile-download', component: MobileDownload }
 ]
 
 const router = createRouter({
-  history: createWebHistory(),
+  history: createWebHashHistory('/site/'),
   routes
 })
 
 router.beforeEach((to, from, next) => {
   const isMobile = /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(window.navigator.userAgent)
-  if (isMobile && to.path !== '/mobile-download') {
-    next('/mobile-download')
-  } else if (!isMobile && to.path === '/mobile-download') {
-    next('')
+  if (isMobile) {
+    if (to.path !== '/mobile-download') {
+      next({ path: '/mobile-download', replace: true })
+    } else {
+      next()
+    }
   } else {
-    next()
+    if (to.path !== '/') {
+      next({ path: '/', replace: true })
+    } else {
+      next()
+    }
   }
 })
 

MoeNovaClientWebsite/src/utils/api.js

@@ -1,7 +1,7 @@
 import axios from 'axios'
 
 const instance = axios.create({
-  baseURL: '/Gapi', // 根据实际后端接口地址调整
+  baseURL: 'https://e.zhichao.art/Gapi', // 根据实际后端接口地址调整
   timeout: 1000000
 })
 

MoeNovaClientWebsite/src/view/MobileDownload.vue

@@ -23,6 +23,36 @@ function handleDownload() {
         window.location.href = androidUrl
     }
 }
+
+// 根据渠道跳转不同的下载链接
+// import { ref } from 'vue'
+// const androidUrl = ref("https://a.app.qq.com/o/simple.jsp?pkgname=art.zhichao.moenove")
+// const iosUrl = ref("#")
+// const huaweiUrl = ref("https://appgallery.huawei.com/#/app/C108259551") // 华为应用商店
+// const xiaomiUrl = ref("https://app.mi.com/details?id=art.zhichao.moenove") // 小米应用商店
+// const vivoUrl = ref("https://appstore.vivo.com.cn/appinfo/6728845") // vivo应用商店
+// const oppoUrl = ref("https://store.oppomobile.com/product.html?id=123456") // oppo应用商店
+// const honorUrl = ref("https://appgallery.hihonor.com/#/app/C108259551") // 荣耀应用商店
+// function handleDownload() {
+//     const ua = navigator.userAgent.toLowerCase()
+//     if (/iphone|ipad|ipod|ios/.test(ua)) {
+//         window.location.href = iosUrl.value
+//     } else if (/huawei|hisilicon/.test(ua)) {
+//         window.location.href = huaweiUrl.value
+//     } else if (/honor/.test(ua)) {
+//         window.location.href = honorUrl.value
+//     } else if (/mi |mix |redmi|xiaomi/.test(ua)) {
+//         window.location.href = xiaomiUrl.value
+//     } else if (/vivo/.test(ua)) {
+//         window.location.href = vivoUrl.value
+//     } else if (/oppo|pacm00|pact00/.test(ua)) {
+//         window.location.href = oppoUrl.value
+//     } else if (/android/.test(ua)) {
+//         window.location.href = androidUrl.value
+//     } else {
+//         window.location.href = androidUrl.value
+//     }
+// }
 </script>
 
 <style scoped>

MoeNovaClientWebsite/vite.config.js

@@ -3,6 +3,7 @@ import vue from '@vitejs/plugin-vue'
 
 // https://vite.dev/config/
 export default defineConfig({
+  base: '/site/',
   plugins: [vue()],
   resolve: {
     alias: {

pages/login/reg.vue

@@ -23,7 +23,7 @@
 				<input type="text" class="input" v-model="code" maxlength="6" placeholder="请输入验证码" />
 				<view class="btn" v-if="captchaTime === 0" @click="getCode">获取验证码</view>
 				<view class="btn" v-if="captchaTime > 0">{{captchaTime}}秒后重试</view>
-			</view>
+			</view> 
 			<view class="name">登录密码：</view>
 			<view class="item">
 				<input type="password" class="input" v-model="password" maxlength="50" placeholder="请输入登录密码" />