diff --git a/.env.production b/.env.production index ead2094..c0268d4 100644 --- a/.env.production +++ b/.env.production @@ -1 +1 @@ -VITE_API_BASE_URL=http://localhost:5000 \ No newline at end of file +VUE_APP_BASE_API='https://game2006api-test.kingsome.cn' \ No newline at end of file diff --git a/src/components/home/Banner.vue b/src/components/home/Banner.vue index 9522b02..874a0de 100644 --- a/src/components/home/Banner.vue +++ b/src/components/home/Banner.vue @@ -17,9 +17,9 @@ />
- + + />
diff --git a/src/components/home/GalleryBanner.vue b/src/components/home/GalleryBanner.vue index 508ef71..2c0913f 100644 --- a/src/components/home/GalleryBanner.vue +++ b/src/components/home/GalleryBanner.vue @@ -94,11 +94,7 @@ const imageList = reactive([ videoSrc: "https://www.youtube.com/watch?v=ru1TNcZoS98", id:'ru1TNcZoS98' }, - { - imgSrc: new URL("@/assets/img/home/game/006.png", import.meta.url).href, - videoSrc: "https://www.youtube.com/watch?v=0hSr0KJtgmI", - id:'0hSr0KJtgmI' - }, + ]); const thumbsSwiper = ref(null); @@ -249,7 +245,6 @@ const handSlideNext = () => { .mySwiper2 { position: relative; - /* float: left; */ height: 600px; width: 1200px; @@ -259,8 +254,6 @@ const handSlideNext = () => { .mySwiper { position: relative; margin-top: 30px; - /* float: left; */ - /* margin-left: 3%; */ width: 1200px; height: 80%; box-sizing: border-box; @@ -304,8 +297,8 @@ const handSlideNext = () => { .mySwiper .swiper-slide { width: 100%; height: 33%; - opacity: 0.4; - border-radius: 4%; + opacity: 0.3; + border-radius: 12px; } .mySwiper .swiper-slide-thumb-active { @@ -316,6 +309,7 @@ const handSlideNext = () => { display: block; width: 100%; height: 100%; + border-radius: 12px; object-fit: cover; } diff --git a/src/components/home/HeroSwiper.vue b/src/components/home/HeroSwiper.vue index f7be0b8..f05b9ad 100644 --- a/src/components/home/HeroSwiper.vue +++ b/src/components/home/HeroSwiper.vue @@ -291,6 +291,7 @@ function test(index, sc) { .miffy-container-active { opacity: 1; top: 408px; + margin-left: 10px; width: 695px; height: 220px; display: flex; @@ -363,11 +364,11 @@ function test(index, sc) { object-fit: cover; } - // .swiper-button-disabled { - // opacity: 0.5; - // pointer-events: none; - // cursor:not-allowed - // } + .swiper-button-disabled { + opacity: 0.5; + pointer-events: none; + cursor:not-allowed + } } .woman-bg { background: url("@/assets/img/home/hero/hero-bg.png") no-repeat; diff --git a/src/router/index.js b/src/router/index.js index 7fd218f..6238783 100644 --- a/src/router/index.js +++ b/src/router/index.js @@ -1,37 +1,35 @@ -import { createRouter, createWebHistory } from "vue-router"; -import Home from "../views/HomeView.vue"; -import About from "../views/AboutView.vue"; +import { createRouter, createWebHistory } from 'vue-router'; +import Home from '../views/HomeView.vue'; +import About from '../views/AboutView.vue'; const routes = [ { - path: "/", - name: "home", + path: '/', + name: 'home', component: Home, }, { - path: "/about", - name: "about", + path: '/about', + name: 'about', component: About, }, { - path: "/gellery", - name: "gellery", + path: '/gallery', + name: 'gallery', component: () => - import(/* webpackChunkName "gellery" */ "@/views/GalleryView.vue"), + import(/* webpackChunkName "gallery" */ '@/views/GalleryView.vue'), }, { - path: "/marketpalce", - name: "marketpalce", + path: '/marketplace', + name: 'marketplace', component: () => - import( - /* webpackChunkName "marketpalce" */ "@/views/MarketplaceView.vue" - ), + import(/* webpackChunkName "marketplace" */ '@/views/MarketplaceView.vue'), }, { - path: "/contact", - name: "contact", + path: '/contact', + name: 'contact', component: () => - import(/* webpackChunkName "contact" */ "@/views/ContactUsView.vue"), + import(/* webpackChunkName "contact" */ '@/views/ContactUsView.vue'), }, ]; @@ -43,4 +41,19 @@ const router = createRouter({ }, }); +function isMobileDevice(userAgent) { + return /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(userAgent); +} + +router.beforeEach((to, from, next) => { + const isMobile = isMobileDevice(window.navigator.userAgent); + + // 对于 PC 端官网项目: + if (!isMobile) { + next(); // 如果是 PC 设备,继续导航 + } else { + window.location.href = 'https://your-mobile-site-url.com'; // 如果是移动设备,跳转到移动端官网 + } +}); + export default router;