修改样式

guonan

2025-04-16 0face36fd79ce30127c80d131b1bc41106133f3b

 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>