+
+ 这是 A 段落 {{ i }}
+
+
+ 这是 B 段落 {{ i }}
+
@@ -329,11 +328,11 @@ function test(index, sc) {
width: 854px;
height: 903px;
position: relative;
- left: 740px;
+ left: 690px;
.swiper-btn2-prev {
position: absolute;
top: 70px;
- right: 280px;
+ right: 190px;
width: 50px;
height: 50px;
z-index: 10;
@@ -342,7 +341,7 @@ function test(index, sc) {
.swiper-btn2-next {
position: absolute;
top: 70px;
- right: 179px;
+ right: 109px;
width: 50px;
height: 50px;
z-index: 10;
@@ -354,12 +353,14 @@ function test(index, sc) {
height: 903px;
bottom: 0;
display: flex;
+ justify-content: center;
img {
- position: absolute;
- bottom: 0;
- max-width: 100%;
- height: auto;
- object-fit: cover;
+ // position: absolute;
+ // right: 0;
+ // bottom: 0;
+ // max-width: 100%;
+ // height: auto;
+ // object-fit: cover;
}
}
@@ -373,11 +374,11 @@ function test(index, sc) {
}
.woman-bg {
background: url("@/assets/img/home/hero/hero-bg.png") no-repeat;
- background-position: left bottom;
+ background-position: center bottom;
}
.man-bg {
background: url("@/assets/img/home/hero/hero-active-bg.png") no-repeat;
- background-position: left bottom;
+ background-position: center bottom;
}
.hero_big_image {
max-width: 100%;
diff --git a/src/components/layout/NavBar.vue b/src/components/layout/NavBar.vue
index 7aa2f9c..c846307 100644
--- a/src/components/layout/NavBar.vue
+++ b/src/components/layout/NavBar.vue
@@ -15,12 +15,18 @@
@click="handNavCurent(nav)"
>
{{ nav.name }}
-
+
-
- +
1 ) { - showNavMenu.value = true; - } else { - router.push(nav.path); - } - if(nav.id >3){ + if (nav.id === 0 || nav.id === 1 || nav.id === 2 ||nav.id === 5 ) { router.push(nav.path); } } @@ -209,7 +211,7 @@ watchEffect(() => { border-radius: 0px 0px 12px 12px; z-index: 1; opacity: 0; - transform: translate(-50%,0%); + transform: translate(-50%, 0%); visibility: hidden; transition: all 0.3s ease-out; } @@ -225,14 +227,13 @@ watchEffect(() => { padding-right: 20px; cursor: pointer; } - .link-content{ + .link-content { display: flex; // width: 150px; align-items: center; justify-content: space-between; - } - .link-label{ + .link-label { font-size: 16px; font-family: Arial; font-weight: 400; @@ -260,7 +261,7 @@ watchEffect(() => { transition-duration: 0.15s; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); font-family: "Big John"; - background-color: #FFBA00; + background-color: #ffba00; color: rgba(12, 12, 12, 1); } .nav-item:hover .dropdown { @@ -292,7 +293,7 @@ watchEffect(() => { font-family: "Big John"; position: relative; font-weight: 800; - background-color: #FFBA00; + background-color: #ffba00; transition-property: color; transition-duration: 0.3s; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); @@ -417,8 +418,8 @@ watchEffect(() => { // transition:background-image 1s linear; // transform: scaleX(0.98); } -.login-btn:hover{ - color: #FFBA00; +.login-btn:hover { + color: #ffba00; } .login-btn:hover:after { opacity: 1; @@ -428,13 +429,13 @@ watchEffect(() => { calc(50% + 0px) calc(50% - 150px), calc(50% - 150px) calc(50% - 0px) ); - color: #FFBA00; + color: #ffba00; transition: all 0.3s ease-in-out; transform: scaleX(1, 1); } .login-btn:active:after { opacity: 1; - color: #FFBA00; + color: #ffba00; transform: scaleX(1); } .avatar { @@ -449,7 +450,7 @@ watchEffect(() => { height: 54px; margin-top: 5px; margin-right: 30px; - border: 2px solid #FFBA00; + border: 2px solid #ffba00; border-radius: 50%; } .link-name { diff --git a/src/router/index.js b/src/router/index.js index c6b3857..78f506f 100644 --- a/src/router/index.js +++ b/src/router/index.js @@ -1,42 +1,36 @@ import { createRouter, createWebHistory } from 'vue-router'; -import Home from '../views/HomeView.vue'; -import GamePromotionEvent from '../views/GamePromotionEvent.vue'; -import About from '../views/AboutView.vue'; const routes = [ { path: '/', name: 'game', - component: GamePromotionEvent, + component: () => import(/* webpackChunkName "game" */ '../views/GamePromotionEvent.vue'), + }, + { + path: '/pre', + name: 'pre', + component: () => import(/* webpackChunkName "pre" */ '../views/GameEventBookingView.vue'), }, { path: '/home', name: 'home', - component: Home, + component: () => import(/* webpackChunkName "home" */ '../views/HomeView.vue'), }, { path: '/about', name: 'about', - component: About, + component: () => import(/* webpackChunkName "about" */ '../views/AboutView.vue'), }, { path: '/gallery', name: 'gallery', - component: () => - import(/* webpackChunkName "gallery" */ '@/views/GalleryView.vue'), + component: () => import(/* webpackChunkName "gallery" */ '@/views/GalleryView.vue'), }, { path: '/marketplace', name: 'marketplace', - component: () => - import(/* webpackChunkName "marketplace" */ '@/views/MarketplaceView.vue'), - }, - { - path: '/contact', - name: 'contact', - component: () => - import(/* webpackChunkName "contact" */ '@/views/ContactUsView.vue'), - }, + component: () => import(/* webpackChunkName "marketplace" */ '@/views/MarketplaceView.vue'), + } ]; const router = createRouter({ diff --git a/src/views/ContactUsView.vue b/src/views/ContactUsView.vue deleted file mode 100644 index b75cfc8..0000000 --- a/src/views/ContactUsView.vue +++ /dev/null @@ -1,13 +0,0 @@ - -
- -- - - - - \ No newline at end of file diff --git a/src/views/GameEventBookingView.vue b/src/views/GameEventBookingView.vue new file mode 100644 index 0000000..c752bd0 --- /dev/null +++ b/src/views/GameEventBookingView.vue @@ -0,0 +1,59 @@ + ++ ++ + + + +++