wangjuncheng
2025-06-03 334ee90a1a392217c4fc82ba066c40686e069890
src/views/nav/Navigation.vue
@@ -1,23 +1,6 @@
<template>
  <div class="navigation">
    <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-content">
      <div
        class="navigation-item bg1"
        :class="{ 'bg1-active': currentIndex == 1 }"
@@ -54,9 +37,8 @@
<script setup>
import { useRouter } from "vue-router";
import { useSimStore } from "@/store/simulation";
import { ref,watch} from "vue";
import { ref, watch } from "vue";
const simBtn = ref(false);
const currentIndexs = ref(1);
const router = useRouter();
const simStore = useSimStore();
@@ -90,21 +72,13 @@
  router.push(routes[index]);
};
watch(
    () => simStore.backToHome,
    (newValue) => {
        if (newValue) {
            simBtn.value = false;
            simStore.setBackToHome(false);
        }
  () => simStore.backToHome,
  (newValue) => {
    if (newValue) {
      simStore.setBackToHome(false);
    }
);
const handleClickHome = (index) => {
  if (index === 1) {
    router.push("/");
  } else {
    simBtn.value = true;
  }
};
);
</script>
<style lang="less" scoped>