修改样式

src/App.vue

@@ -2,7 +2,11 @@
   <div id="app" :class="{}">
     <div class="app_head">
       <div class="logo" @click="goTo('/course')"></div>
-      <span style="margin-left: 10px; color: #fff; font-weight: 600" @click="goTo('/course')">广东省案例征集</span>
+      <span
+        style="margin-left: 10px; color: #fff; font-size: 16px"
+        @click="goTo('/course')"
+        >广东省案例征集</span
+      >
       <div class="user_head" v-if="this.$store.state.isLogin">
         <!-- <div class="noticeBox">
           <i class="noticeI" @click="goTo('/works')"></i>
@@ -11,7 +15,7 @@
           }}</span>
         </div> -->
         <span class="user_name">{{
-            this.$store.state.userInfo ? this.$store.state.userInfo.name : "用户"
+          this.$store.state.userInfo ? this.$store.state.userInfo.name : "用户"
         }}</span>
         <div @click="exit">
           <i class="exitI"></i>
@@ -19,21 +23,37 @@
         </div>
       </div>
     </div>
-    <div style="width: 100%; height: 100%" :class="{
-      ggheight: true,
-    }">
+    <div
+      style="width: 100%; height: 100%"
+      :class="{
+        ggheight: true,
+      }"
+    >
       <!-- main 内容 -->
       <keep-alive v-if="$route.meta.keepAlive">
         <!-- 这里是会被缓存的视图组件 -->
-        <router-view v-if="$route.meta.keepAlive" :class="{ pb_body: isShowNav }" />
+        <router-view
+          v-if="$route.meta.keepAlive"
+          :class="{ pb_body: isShowNav }"
+        />
       </keep-alive>
       <!-- 这里是不被缓存的视图组件 -->
-      <router-view v-if="!$route.meta.keepAlive" :class="{ pb_body: isShowNav }" />
+      <router-view
+        v-if="!$route.meta.keepAlive"
+        :class="{ pb_body: isShowNav }"
+      />
 
       <!-- 底部导航 -->
       <footer-nav
-        v-if="isShowNav && ($store.state.userInfo.type == 2 || $store.state.userInfo.type == 3 || $store.state.userInfo.type == 4)"
-        :nav="nav" :luyou="this.$store.state.luyou"></footer-nav>
+        v-if="
+          isShowNav &&
+          ($store.state.userInfo.type == 2 ||
+            $store.state.userInfo.type == 3 ||
+            $store.state.userInfo.type == 4)
+        "
+        :nav="nav"
+        :luyou="this.$store.state.luyou"
+      ></footer-nav>
     </div>
   </div>
 </template>
@@ -46,8 +66,16 @@ export default {
   data() {
     return {
       isShowNav: false, // 是否显示导航 Tab
-      navTabs: ["/anliList",'/county', '/user', '/score', '/data', '/notice','/school'], // 导航
-      navTabs2: ["/anliList", '/score', '/data', '/notice','/school'], // 导航
+      navTabs: [
+        "/anliList",
+        "/county",
+        "/user",
+        "/score",
+        "/data",
+        "/notice",
+        "/school",
+      ], // 导航
+      navTabs2: ["/anliList", "/score", "/data", "/notice", "/school"], // 导航
       nav: [],
     };
   },
@@ -91,21 +119,21 @@ export default {
       }
       var a = 0;
       if (userInfo.type == 2 || userInfo.type == 4) {
-        if(navTabs.indexOf(router_path) != -1){
+        if (navTabs.indexOf(router_path) != -1) {
           a = 1;
-          this.isShowNav = true
+          this.isShowNav = true;
         }
-        this.nav = navTabs
+        this.nav = navTabs;
       } else if (userInfo.type == 3) {
-        if(navTabs2.indexOf(router_path) != -1){
+        if (navTabs2.indexOf(router_path) != -1) {
           a = 1;
-          this.isShowNav = true
+          this.isShowNav = true;
         }
-        this.nav = navTabs
+        this.nav = navTabs;
       }
 
       if (a == 0) {
-        this.nav = []
+        this.nav = [];
         this.isShowNav = false;
       }
     },
@@ -134,20 +162,20 @@ export default {
 
       var a = 0;
       if (userInfo.type == 2 || userInfo.type == 4) {
-        if(navTabs.indexOf(toPath) != -1){
+        if (navTabs.indexOf(toPath) != -1) {
           a = 1;
-          this.isShowNav = true
+          this.isShowNav = true;
         }
-        this.nav = navTabs
+        this.nav = navTabs;
       } else if (userInfo.type == 3) {
-        if(navTabs2.indexOf(toPath) != -1){
+        if (navTabs2.indexOf(toPath) != -1) {
           a = 1;
-          this.isShowNav = true
+          this.isShowNav = true;
         }
-        this.nav = navTabs2
+        this.nav = navTabs2;
       }
       if (a == 0) {
-        this.nav = []
+        this.nav = [];
         this.isShowNav = false;
       }
     },
@@ -190,7 +218,7 @@ body {
 .app_head {
   height: 67.5px;
   width: 100%;
-  background-color: rgb(43 68 118);
+  background-color: #293e68;
   display: flex;
   align-items: center;
   min-width: 1000px;
@@ -199,7 +227,7 @@ body {
 .logo {
   height: 60px;
   width: 60px;
-  background: url("./assets/logo.png");
+  background: url("./assets/logo1.png");
   background-size: 100% 100%;
   margin-left: 20px;
 }