-
-
+
+
+
+
+
+
+
+
+
@@ -110,6 +117,7 @@
+
@@ -129,10 +137,12 @@ import { useMouse, useRafFn } from "@vueuse/core";
import { useParallaxScroll } from "../hooks/useParallaxScroll";
import { useMouseRotation } from "../hooks/useMouseRotation";
import ChainModel from "../components/home/ChainModel.vue";
+import ImageTextModal from "../components/global/ImageTextModal.vue";
+
const chain = useChainStore();
const scrollOffset = ref("0%");
const parallaxFactor = 0.135; // 视差滚动系数，可以根据需要调整
-
+const visible = ref(false);
async function login(event) {
if (!chain.logined) {
await chain.chainManager.login();
@@ -145,7 +155,9 @@ const logout = async () => {
chain.logined = chain.chainManager.isLogined;
};
-
+const handlHero = () => {
+ visible.value = true;
+};
const handleScroll = () => {
const currentScrollTop =
window.pageYOffset || document.documentElement.scrollTop;
@@ -186,14 +198,15 @@ onBeforeUnmount(() => {
transition: transform 0.5s ease-out;
}
.nav {
- background: url(../assets/img/badge/);
+ background: url("../assets/img/badge/nav-bg.png") no-repeat;
+ background-size: 100% 100%;
}
.content-top {
position: relative;
.bg {
position: absolute;
left: 0;
- top: 0;
+ top: -10px;
bottom: 0;
right: 0;
z-index: -1;
@@ -203,6 +216,16 @@ onBeforeUnmount(() => {
height: 100%;
}
}
+ .text-left {
+ position: absolute;
+ left: 85px;
+ bottom: 30px;
+ }
+ .text-right {
+ position: absolute;
+ right: 85px;
+ top: 30px;
+ }
}
.item-left {
font-size: 20px;
@@ -341,6 +364,10 @@ onBeforeUnmount(() => {
background-repeat: no-repeat;
background-size: contain;
border-radius: 20px;
+ font-size: 22px;
+ font-family: "Poppins";
+ font-weight: bold;
+ color: #34290a;
}
.bg-button-default:hover {
@@ -349,5 +376,9 @@ onBeforeUnmount(() => {
background-repeat: no-repeat;
border-radius: 20px;
box-shadow: 0 0 2px #ffff00, 0 0 4px #ffff00, 0 0 2px #ffff00, 0 0 2px #ffff00;
+ font-size: 22px;
+ font-family: "Poppins";
+ font-weight: bold;
+ color: #34290a;
}
