diff --git a/dist.rar b/dist.rar new file mode 100644 index 0000000..4d00d1c Binary files /dev/null and b/dist.rar differ diff --git a/src/assets/img/badge/Badge领取(切图)-0423_slices (5)/BG(1).png b/src/assets/img/badge/Badge领取(切图)-0423_slices (5)/BG(1).png deleted file mode 100644 index c2a15e7..0000000 Binary files a/src/assets/img/badge/Badge领取(切图)-0423_slices (5)/BG(1).png and /dev/null differ diff --git a/src/assets/img/badge/Badge领取(切图)-0423_slices (5)/BG(2).png b/src/assets/img/badge/Badge领取(切图)-0423_slices (5)/BG(2).png deleted file mode 100644 index 5a568a4..0000000 Binary files a/src/assets/img/badge/Badge领取(切图)-0423_slices (5)/BG(2).png and /dev/null differ diff --git a/src/assets/img/badge/Badge领取(切图)-0423_slices (5)/BG.png b/src/assets/img/badge/Badge领取(切图)-0423_slices (5)/BG.png deleted file mode 100644 index e5f4668..0000000 Binary files a/src/assets/img/badge/Badge领取(切图)-0423_slices (5)/BG.png and /dev/null differ diff --git a/src/assets/img/badge/Badge领取(切图)-0423_slices (5)/ICON.png b/src/assets/img/badge/Badge领取(切图)-0423_slices (5)/ICON.png deleted file mode 100644 index 2b3540a..0000000 Binary files a/src/assets/img/badge/Badge领取(切图)-0423_slices (5)/ICON.png and /dev/null differ diff --git a/src/assets/img/badge/Badge领取(切图)-0423_slices (5)/LOGO.png b/src/assets/img/badge/Badge领取(切图)-0423_slices (5)/LOGO.png deleted file mode 100644 index 119a36b..0000000 Binary files a/src/assets/img/badge/Badge领取(切图)-0423_slices (5)/LOGO.png and /dev/null differ diff --git a/src/assets/img/badge/Badge领取(切图)-0423_slices (5)/三角(1).png b/src/assets/img/badge/Badge领取(切图)-0423_slices (5)/三角(1).png deleted file mode 100644 index 1e9365e..0000000 Binary files a/src/assets/img/badge/Badge领取(切图)-0423_slices (5)/三角(1).png and /dev/null differ diff --git a/src/assets/img/badge/Badge领取(切图)-0423_slices (5)/三角(2).png b/src/assets/img/badge/Badge领取(切图)-0423_slices (5)/三角(2).png deleted file mode 100644 index 82cbff5..0000000 Binary files a/src/assets/img/badge/Badge领取(切图)-0423_slices (5)/三角(2).png and /dev/null differ diff --git a/src/assets/img/badge/Badge领取(切图)-0423_slices (5)/三角.png b/src/assets/img/badge/Badge领取(切图)-0423_slices (5)/三角.png deleted file mode 100644 index 82cbff5..0000000 Binary files a/src/assets/img/badge/Badge领取(切图)-0423_slices (5)/三角.png and /dev/null differ diff --git a/src/assets/img/badge/Badge领取(切图)-0423_slices (5)/交互(1).png b/src/assets/img/badge/Badge领取(切图)-0423_slices (5)/交互(1).png deleted file mode 100644 index 53dd9b8..0000000 Binary files a/src/assets/img/badge/Badge领取(切图)-0423_slices (5)/交互(1).png and /dev/null differ diff --git a/src/assets/img/badge/Badge领取(切图)-0423_slices (5)/交互(2).png b/src/assets/img/badge/Badge领取(切图)-0423_slices (5)/交互(2).png deleted file mode 100644 index 6046a9f..0000000 Binary files a/src/assets/img/badge/Badge领取(切图)-0423_slices (5)/交互(2).png and /dev/null differ diff --git a/src/assets/img/badge/Badge领取(切图)-0423_slices (5)/交互(3).png b/src/assets/img/badge/Badge领取(切图)-0423_slices (5)/交互(3).png deleted file mode 100644 index 2991269..0000000 Binary files a/src/assets/img/badge/Badge领取(切图)-0423_slices (5)/交互(3).png and /dev/null differ diff --git a/src/assets/img/badge/Badge领取(切图)-0423_slices (5)/交互(4).png b/src/assets/img/badge/Badge领取(切图)-0423_slices (5)/交互(4).png deleted file mode 100644 index 9ef025c..0000000 Binary files a/src/assets/img/badge/Badge领取(切图)-0423_slices (5)/交互(4).png and /dev/null differ diff --git a/src/assets/img/badge/Badge领取(切图)-0423_slices (5)/交互.png b/src/assets/img/badge/Badge领取(切图)-0423_slices (5)/交互.png deleted file mode 100644 index 2cb1bc3..0000000 Binary files a/src/assets/img/badge/Badge领取(切图)-0423_slices (5)/交互.png and /dev/null differ diff --git a/src/assets/img/badge/Badge领取(切图)-0423_slices (5)/人物.png b/src/assets/img/badge/Badge领取(切图)-0423_slices (5)/人物.png deleted file mode 100644 index f3f740b..0000000 Binary files a/src/assets/img/badge/Badge领取(切图)-0423_slices (5)/人物.png and /dev/null differ diff --git a/src/assets/img/badge/Badge领取(切图)-0423_slices (5)/关闭按钮.png b/src/assets/img/badge/Badge领取(切图)-0423_slices (5)/关闭按钮.png deleted file mode 100644 index e659ea0..0000000 Binary files a/src/assets/img/badge/Badge领取(切图)-0423_slices (5)/关闭按钮.png and /dev/null differ diff --git a/src/assets/img/badge/Badge领取(切图)-0423_slices (5)/分割线.png b/src/assets/img/badge/Badge领取(切图)-0423_slices (5)/分割线.png deleted file mode 100644 index f09abe5..0000000 Binary files a/src/assets/img/badge/Badge领取(切图)-0423_slices (5)/分割线.png and /dev/null differ diff --git a/src/assets/img/badge/Badge领取(切图)-0423_slices (5)/右边batlle.png b/src/assets/img/badge/Badge领取(切图)-0423_slices (5)/右边batlle.png deleted file mode 100644 index 908e719..0000000 Binary files a/src/assets/img/badge/Badge领取(切图)-0423_slices (5)/右边batlle.png and /dev/null differ diff --git a/src/assets/img/badge/Badge领取(切图)-0423_slices (5)/导航.png b/src/assets/img/badge/Badge领取(切图)-0423_slices (5)/导航.png deleted file mode 100644 index 67bff5b..0000000 Binary files a/src/assets/img/badge/Badge领取(切图)-0423_slices (5)/导航.png and /dev/null differ diff --git a/src/assets/img/badge/Badge领取(切图)-0423_slices (5)/左边batlle.png b/src/assets/img/badge/Badge领取(切图)-0423_slices (5)/左边batlle.png deleted file mode 100644 index 8c986b5..0000000 Binary files a/src/assets/img/badge/Badge领取(切图)-0423_slices (5)/左边batlle.png and /dev/null differ diff --git a/src/assets/img/badge/Badge领取(切图)-0423_slices (5)/提示BG.png b/src/assets/img/badge/Badge领取(切图)-0423_slices (5)/提示BG.png deleted file mode 100644 index cdf7a77..0000000 Binary files a/src/assets/img/badge/Badge领取(切图)-0423_slices (5)/提示BG.png and /dev/null differ diff --git a/src/assets/img/badge/Badge领取(切图)-0423_slices (5)/时间轴.png b/src/assets/img/badge/Badge领取(切图)-0423_slices (5)/时间轴.png deleted file mode 100644 index 4d3b134..0000000 Binary files a/src/assets/img/badge/Badge领取(切图)-0423_slices (5)/时间轴.png and /dev/null differ diff --git a/src/assets/img/badge/Badge领取(切图)-0423_slices (5)/浮动装饰.png b/src/assets/img/badge/Badge领取(切图)-0423_slices (5)/浮动装饰.png deleted file mode 100644 index 5dacd9f..0000000 Binary files a/src/assets/img/badge/Badge领取(切图)-0423_slices (5)/浮动装饰.png and /dev/null differ diff --git a/src/assets/img/badge/Badge领取(切图)-0423_slices (5)/装饰.png b/src/assets/img/badge/Badge领取(切图)-0423_slices (5)/装饰.png deleted file mode 100644 index 049bf8f..0000000 Binary files a/src/assets/img/badge/Badge领取(切图)-0423_slices (5)/装饰.png and /dev/null differ diff --git a/src/assets/img/badge/Badge领取(切图)-0423_slices (5)/装饰线.png b/src/assets/img/badge/Badge领取(切图)-0423_slices (5)/装饰线.png deleted file mode 100644 index 6b0dfdc..0000000 Binary files a/src/assets/img/badge/Badge领取(切图)-0423_slices (5)/装饰线.png and /dev/null differ diff --git a/src/assets/img/badge/Badge领取(切图)-0423_slices (5)/默认(1).png b/src/assets/img/badge/Badge领取(切图)-0423_slices (5)/默认(1).png deleted file mode 100644 index e5f0322..0000000 Binary files a/src/assets/img/badge/Badge领取(切图)-0423_slices (5)/默认(1).png and /dev/null differ diff --git a/src/assets/img/badge/Badge领取(切图)-0423_slices (5)/默认(2).png b/src/assets/img/badge/Badge领取(切图)-0423_slices (5)/默认(2).png deleted file mode 100644 index cd324c6..0000000 Binary files a/src/assets/img/badge/Badge领取(切图)-0423_slices (5)/默认(2).png and /dev/null differ diff --git a/src/assets/img/badge/Badge领取(切图)-0423_slices (5)/默认(3).png b/src/assets/img/badge/Badge领取(切图)-0423_slices (5)/默认(3).png deleted file mode 100644 index 7bb8181..0000000 Binary files a/src/assets/img/badge/Badge领取(切图)-0423_slices (5)/默认(3).png and /dev/null differ diff --git a/src/assets/img/badge/Badge领取(切图)-0423_slices (5)/默认(4).png b/src/assets/img/badge/Badge领取(切图)-0423_slices (5)/默认(4).png deleted file mode 100644 index ca7f785..0000000 Binary files a/src/assets/img/badge/Badge领取(切图)-0423_slices (5)/默认(4).png and /dev/null differ diff --git a/src/assets/img/badge/Badge领取(切图)-0423_slices (5)/默认.png b/src/assets/img/badge/Badge领取(切图)-0423_slices (5)/默认.png deleted file mode 100644 index 35cd70d..0000000 Binary files a/src/assets/img/badge/Badge领取(切图)-0423_slices (5)/默认.png and /dev/null differ diff --git a/src/assets/img/badge/Badge领取(切图)-0508_slices/BRAVE.png b/src/assets/img/badge/Badge领取(切图)-0508_slices/BRAVE.png new file mode 100644 index 0000000..e864ce0 Binary files /dev/null and b/src/assets/img/badge/Badge领取(切图)-0508_slices/BRAVE.png differ diff --git a/src/assets/img/badge/Badge领取(切图)-0508_slices/CANDY.png b/src/assets/img/badge/Badge领取(切图)-0508_slices/CANDY.png new file mode 100644 index 0000000..1daef56 Binary files /dev/null and b/src/assets/img/badge/Badge领取(切图)-0508_slices/CANDY.png differ diff --git a/src/assets/img/badge/Badge领取(切图)-0508_slices/EXPLTORER.png b/src/assets/img/badge/Badge领取(切图)-0508_slices/EXPLTORER.png new file mode 100644 index 0000000..85f5b6a Binary files /dev/null and b/src/assets/img/badge/Badge领取(切图)-0508_slices/EXPLTORER.png differ diff --git a/src/assets/img/badge/Badge领取(切图)-0508_slices/card-top-img.png b/src/assets/img/badge/Badge领取(切图)-0508_slices/card-top-img.png new file mode 100644 index 0000000..6bfed87 Binary files /dev/null and b/src/assets/img/badge/Badge领取(切图)-0508_slices/card-top-img.png differ diff --git a/src/assets/img/badge/Badge领取(切图)-0508_slices/next.png b/src/assets/img/badge/Badge领取(切图)-0508_slices/next.png new file mode 100644 index 0000000..1800fdb Binary files /dev/null and b/src/assets/img/badge/Badge领取(切图)-0508_slices/next.png differ diff --git a/src/assets/img/badge/Badge领取(切图)-0508_slices/prev.png b/src/assets/img/badge/Badge领取(切图)-0508_slices/prev.png new file mode 100644 index 0000000..d1a1a8e Binary files /dev/null and b/src/assets/img/badge/Badge领取(切图)-0508_slices/prev.png differ diff --git a/src/assets/img/badge/Badge领取(切图)-0508_slices/右箭头交互@2x.png b/src/assets/img/badge/Badge领取(切图)-0508_slices/右箭头交互@2x.png new file mode 100644 index 0000000..f5ada71 Binary files /dev/null and b/src/assets/img/badge/Badge领取(切图)-0508_slices/右箭头交互@2x.png differ diff --git a/src/assets/img/badge/Badge领取(切图)-0508_slices/右箭头默认@2x.png b/src/assets/img/badge/Badge领取(切图)-0508_slices/右箭头默认@2x.png new file mode 100644 index 0000000..1fba767 Binary files /dev/null and b/src/assets/img/badge/Badge领取(切图)-0508_slices/右箭头默认@2x.png differ diff --git a/src/assets/img/badge/Badge领取(切图)-0508_slices/左箭头默认@2x.png b/src/assets/img/badge/Badge领取(切图)-0508_slices/左箭头默认@2x.png new file mode 100644 index 0000000..37954e3 Binary files /dev/null and b/src/assets/img/badge/Badge领取(切图)-0508_slices/左箭头默认@2x.png differ diff --git a/src/assets/img/badge/Badge领取(切图)-0508_slices/数量交互@2x.png b/src/assets/img/badge/Badge领取(切图)-0508_slices/数量交互@2x.png new file mode 100644 index 0000000..d5bc1a3 Binary files /dev/null and b/src/assets/img/badge/Badge领取(切图)-0508_slices/数量交互@2x.png differ diff --git a/src/assets/img/badge/Badge领取(切图)-0508_slices/数量默认@2x.png b/src/assets/img/badge/Badge领取(切图)-0508_slices/数量默认@2x.png new file mode 100644 index 0000000..67c79fe Binary files /dev/null and b/src/assets/img/badge/Badge领取(切图)-0508_slices/数量默认@2x.png differ diff --git a/src/assets/img/badge/Badge领取(切图)-0508_slices/默认箭头@2x(1).png b/src/assets/img/badge/Badge领取(切图)-0508_slices/默认箭头@2x(1).png new file mode 100644 index 0000000..9d74240 Binary files /dev/null and b/src/assets/img/badge/Badge领取(切图)-0508_slices/默认箭头@2x(1).png differ diff --git a/src/assets/img/badge/Badge领取(切图)-0508_slices/默认箭头@2x.png b/src/assets/img/badge/Badge领取(切图)-0508_slices/默认箭头@2x.png new file mode 100644 index 0000000..39a580e Binary files /dev/null and b/src/assets/img/badge/Badge领取(切图)-0508_slices/默认箭头@2x.png differ diff --git a/src/assets/img/badge/card-top-img.png b/src/assets/img/badge/card-top-img.png index 52a322c..6bfed87 100644 Binary files a/src/assets/img/badge/card-top-img.png and b/src/assets/img/badge/card-top-img.png differ diff --git a/src/assets/img/badge/explorer BG.png b/src/assets/img/badge/explorerBG.png similarity index 100% rename from src/assets/img/badge/explorer BG.png rename to src/assets/img/badge/explorerBG.png diff --git a/src/components/global/ImageTextModal.vue b/src/components/global/ImageTextModal.vue index 4802cce..29d5f1a 100644 --- a/src/components/global/ImageTextModal.vue +++ b/src/components/global/ImageTextModal.vue @@ -3,7 +3,7 @@ wrapClassName="web" :visible="visible" :footer="null" - width="60%" + width="1100px" :closable="false" :centered="true" @cancel="onCancel" @@ -16,15 +16,17 @@ class="max-w-full h-auto hero-img" /> -
-
+
+
/hero.png
-
+
+ +
This is an exclusive badge for CEBG Genesis NFT holders. It will serve as an identity credential for Genesis NFT holders to participate in all future activities @@ -51,11 +53,26 @@ const onCancel = () => { diff --git a/src/components/home/CardsSection.vue b/src/components/home/CardsSection.vue deleted file mode 100644 index 1f825eb..0000000 --- a/src/components/home/CardsSection.vue +++ /dev/null @@ -1,72 +0,0 @@ - - - - - diff --git a/src/components/home/TimelineSection.vue b/src/components/home/TimelineSection.vue deleted file mode 100644 index 439edd3..0000000 --- a/src/components/home/TimelineSection.vue +++ /dev/null @@ -1,98 +0,0 @@ - - - - - diff --git a/src/components/layout/NavBar.vue b/src/components/layout/NavBar.vue index 3243af6..6ace1bf 100644 --- a/src/components/layout/NavBar.vue +++ b/src/components/layout/NavBar.vue @@ -17,7 +17,7 @@ class="text-lg login-btn-item italic text-my-text-color font-poppins-semiBoldItalic decoration-1" @click="login" > - WALLET CONNECT + Log in
@@ -113,6 +113,7 @@ const logout = async () => { .login-btn-item{ position: relative; padding-right: 20px; + text-transform: uppercase; } .login-btn-item::after { content: ""; diff --git a/src/router/index.js b/src/router/index.js index ef648a8..559d200 100644 --- a/src/router/index.js +++ b/src/router/index.js @@ -22,15 +22,6 @@ 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://mobile.cebg.games'; - } -}); export default router; diff --git a/src/views/ClaimBadgeView.vue b/src/views/ClaimBadgeView.vue index 8499c94..6d8585a 100644 --- a/src/views/ClaimBadgeView.vue +++ b/src/views/ClaimBadgeView.vue @@ -16,7 +16,7 @@
-
+
-
+
- Genesis NFT
- holder Only + {{ displayedText }}
@@ -91,7 +90,7 @@
EXPLORER
@@ -103,7 +102,7 @@ @mouseenter="startTracking2" @mouseleave="stopTracking2" > - +
@@ -114,7 +113,7 @@
-
+
  • Alpha Test
  • Beta Test I
    • @@ -148,10 +147,10 @@ import { useAppStore } from "@/store/app"; import { useRouter, useRoute } from "vue-router"; import { useMouse, useRafFn } from "@vueuse/core"; import { beginClaim, checkClaimStatus } from "../api/badge"; -import { useMouseRotation } from "../hooks/useMouseRotation"; +import { useMouseRotation } from "@/hooks/useMouseRotation"; import NavBar from "@/components/layout/NavBar.vue"; -import ImageTextModal from "../components/global/ImageTextModal.vue"; -import GlobalLoading from "../components/global/GlobalLoading.vue"; +import ImageTextModal from "@/components/global/ImageTextModal.vue"; +import GlobalLoading from "@/components/global/GlobalLoading.vue"; import { useChainStore } from "@/store/chain"; const AppModule = useAppStore(); const scrollOffset = ref("0%"); @@ -163,10 +162,23 @@ const chain = useChainStore(); const totalSupply = ref(0); const mintableCount = ref(0); const supplyLimit = ref(0); -const message = ref("You’re not eligible for this stage."); +const text = "Genesis NFT holder Only"; +const chars = text.split(""); +let shuffledChars = [...chars]; +const displayedText = ref(shuffledChars.join("")); +const message = ref("You're not eligible for this stage."); + +shuffledChars.sort(() => Math.random() - 0.5); const handlHero = () => { visible.value = true; }; +function shuffle(array) { + for (let i = array.length - 1; i > 0; i--) { + const j = Math.floor(Math.random() * (i + 1)); + [array[i], array[j]] = [array[j], array[i]]; + } + return array; +} const handleScroll = () => { const currentScrollTop = @@ -273,7 +285,7 @@ const fetchData = async () => { message.value !== "claim success！" && message.value !== "claim failure！" ) { - message.value = "You’re not eligible for this stage."; + message.value = "You're not eligible for this stage."; } //获取当前用户的mint总数 supplyLimit.value = await chain.chainManager.bc.supplyLimit(); @@ -288,7 +300,7 @@ const resetData = () => { totalSupply.value = 0; mintableCount.value = 0; supplyLimit.value = 0; - message.value = "You’re not eligible for this stage."; + message.value = "You're not eligible for this stage."; console.log("totalSupply.value:", totalSupply.value); console.log("mintableCount.value:", mintableCount.value); console.log("supplyLimit.value:", supplyLimit.value); @@ -307,6 +319,18 @@ watch( ); // 初始化时获取数据 onMounted(async () => { + let steps = 0; + const maxSteps = 20; + const interval = setInterval(() => { + steps++; + if (steps >= maxSteps) { + displayedText.value = text; + clearInterval(interval); + } else { + shuffle(shuffledChars); + displayedText.value = shuffledChars.join(''); + } + }, 10); if (AppModule.token && AppModule.step) { await fetchData(); } @@ -418,6 +442,7 @@ onUnmounted(() => { font-size: 40px; margin-top: 16px; text-align: center; + color: #686868; // font-family: "Fira Sans"; font-weight: normal; } @@ -604,6 +629,8 @@ p { pointer-events: none; } .genesis-title { + width: 287px; + height: 81px; font-size: 40px; letter-spacing: 3px; margin-top: 75px; @@ -616,7 +643,7 @@ p { position: relative; /* 添加相对定位以便伪元素定位 */ width: 302px; margin-left: 39px; - margin-right: 162px; + margin-right: 153px; } .genesicard::before { diff --git a/src/views/GalleryView.vue b/src/views/GalleryView.vue index d679403..e69de29 100644 --- a/src/views/GalleryView.vue +++ b/src/views/GalleryView.vue @@ -1,86 +0,0 @@ - - - - - - diff --git a/src/views/MarketplaceView.vue b/src/views/MarketplaceView.vue index e755b08..e69de29 100644 --- a/src/views/MarketplaceView.vue +++ b/src/views/MarketplaceView.vue @@ -1,57 +0,0 @@ - - - - - \ No newline at end of file diff --git a/vite.config.js b/vite.config.js index bc180a1..94b3433 100644 --- a/vite.config.js +++ b/vite.config.js @@ -32,7 +32,7 @@ export default defineConfig({ // 打包文件名 assetsDir: 'static', // 静态资源引用路径 - sourcemap: true, + sourcemap: false, assetsPublicPath: '/', // 是否开启压缩 minify: 'terser',