添加导航

src/components/NavTop.vue

@@ -1,8 +1,9 @@
 <template>
     <div class="nav">
-        <div class="logo">
+        <div class="logo" :style="{'background-color': types == 0 ? 'unset' : ''}">
+
             <img src="" alt="" class="img">
-            <div class="title">Beelink</div>
+            <div class="title" :style="{'color': types == 0 ? '#07AD97' : ''}">Beelink</div>
         </div>
         <div class="navigation">
             <div class="item" v-for="(i,j) in nav" :key="j">
@@ -36,7 +37,6 @@
 <style lang="scss" scoped>
 .nav{
     display: flex;
-    background-color: #fff;
     min-width: 1366px;
     user-select: none;
     .logo{
@@ -112,15 +112,22 @@
 }
 </style>
 <script lang="ts">
-import { defineComponent } from 'vue';
+import { defineComponent, ref } from 'vue';
 import { useRoute } from 'vue-router';
 
 export default defineComponent({
-    setup(){
+    props:{
+        type: {
+            type: Number,
+            default:0
+        }
+    },
+    setup(props){
         // console.log(useRoute().currentRoute.value.name)
         const routes = useRoute();
         console.log(routes.path);
-
+        const types = ref(props.type)
+        console.log(types.value)
         interface Nav{
             name: string;
             route: string;
@@ -144,7 +151,8 @@ export default defineComponent({
             }
         ]
         return {
-            nav
+            nav,
+            types
         }
     }
 })