From 0face36fd79ce30127c80d131b1bc41106133f3b Mon Sep 17 00:00:00 2001
From: guonan <guonan201020@163.com>
Date: 星期三, 16 四月 2025 09:49:59 +0800
Subject: [PATCH] 修改样式
---
src/views/nav/Navigation.vue | 33 ++++++++++++++++++++++++++++++---
1 files changed, 30 insertions(+), 3 deletions(-)
diff --git a/src/views/nav/Navigation.vue b/src/views/nav/Navigation.vue
index 422ee3e..fb83ec5 100644
--- a/src/views/nav/Navigation.vue
+++ b/src/views/nav/Navigation.vue
@@ -1,6 +1,23 @@
<template>
<div class="navigation">
- <div class="navigation-content">
+ <div class="navigation-contents" v-show="!simBtn">
+ <div
+ class="navigation-item bg1"
+ :class="{ 'bg1-active': currentIndexs == 1 }"
+ @click="handleClickHome(1)"
+ >
+ 缁煎悎灞曠ず
+ </div>
+ <div
+ class="navigation-item bg2"
+ :class="{ 'bg2-active': currentIndexs == 2 }"
+ @click="handleClickHome(2)"
+ style="margin-left: 15%"
+ >
+ 妯℃嫙浠跨湡
+ </div>
+ </div>
+ <div class="navigation-content" v-show="simBtn">
<div
class="navigation-item bg1"
:class="{ 'bg1-active': currentIndex == 1 }"
@@ -20,14 +37,14 @@
:class="{ 'bg3-active': currentIndex == 3 }"
@click="handleClick(3)"
>
- 妯℃嫙浠跨湡
+ 浠跨湡鎺ㄦ紨
</div>
<div
class="navigation-item bg4"
:class="{ 'bg4-active': currentIndex == 4 }"
@click="handleClick(4)"
>
- 妯℃嫙璇勪及
+ 妯℃嫙璇勪环
</div>
</div>
<div class="navigation-bg"></div>
@@ -38,6 +55,9 @@
import { useRouter } from "vue-router";
import { useSimStore } from "@/store/simulation";
import { ref } from "vue";
+
+const simBtn = ref(false);
+const currentIndexs = ref(1);
const router = useRouter();
const simStore = useSimStore();
@@ -72,6 +92,13 @@
const routes = ["", "/yhgl", "/zhjc", "/mnfz", "/mnpg"];
router.push(routes[index]);
};
+const handleClickHome = (index) => {
+ if (index === 1) {
+ router.push("/");
+ } else {
+ simBtn.value = true;
+ }
+};
</script>
<style lang="less" scoped>
--
Gitblit v1.9.3