更改标题

pdaaphm-ui/src/components/Breadcrumb/index.vue

@@ -1,9 +1,12 @@
 <template>
   <el-breadcrumb class="app-breadcrumb" separator="/">
     <transition-group name="breadcrumb">
-      <el-breadcrumb-item v-for="(item,index) in levelList" :key="item.path">
-        <span v-if="item.redirect === 'noRedirect' || index == levelList.length - 1"
-          class="no-redirect">{{ item.meta.title }}</span>
+      <el-breadcrumb-item v-for="(item, index) in levelList" :key="item.path">
+        <span
+          v-if="item.redirect === 'noRedirect' || index == levelList.length - 1"
+          class="no-redirect"
+          >{{ item.meta.title }}</span
+        >
         <a v-else @click.prevent="handleLink(item)">{{ item.meta.title }}</a>
       </el-breadcrumb-item>
     </transition-group>
@@ -15,60 +18,60 @@ export default {
   data() {
     return {
       levelList: null,
-    }
+    };
   },
   watch: {
     $route(route) {
       // if you go to the redirect page, do not update the breadcrumbs
-      if (route.path.startsWith('/redirect/')) {
-        return
+      if (route.path.startsWith("/redirect/")) {
+        return;
       }
-      this.getBreadcrumb()
+      this.getBreadcrumb();
     },
   },
   created() {
-    this.getBreadcrumb()
+    this.getBreadcrumb();
   },
   methods: {
     getBreadcrumb() {
       // only show routes with meta.title
       let matched = this.$route.matched.filter(
-        item => item.meta && item.meta.title
-      )
-      const first = matched[0]
+        (item) => item.meta && item.meta.title
+      );
+      const first = matched[0];
 
       if (!this.isDashboard(first)) {
-        matched = [{ path: '/index', meta: { title: '首页' } }].concat(matched)
+        matched = [{ path: "/index", meta: { title: "首页" } }].concat(matched);
       }
 
       this.levelList = matched.filter(
-        item => item.meta && item.meta.title && item.meta.breadcrumb !== false
-      )
+        (item) => item.meta && item.meta.title && item.meta.breadcrumb !== false
+      );
     },
     isDashboard(route) {
-      const name = route && route.name
+      const name = route && route.name;
       if (!name) {
-        return false
+        return false;
       }
-      return name.trim() === 'Index'
+      return name.trim() === "Index";
     },
     handleLink(item) {
-      const { redirect, path } = item
+      const { redirect, path } = item;
       if (redirect) {
-        this.$router.push(redirect)
-        return
+        this.$router.push(redirect);
+        return;
       }
-      this.$router.push(path)
+      this.$router.push(path);
     },
   },
-}
+};
 </script>
 
 <style lang="scss" scoped>
 .app-breadcrumb.el-breadcrumb {
   display: inline-block;
   font-size: 14px;
-  line-height: 50px;
+  line-height: 59px;
   margin-left: 8px;
 
   .no-redirect {
@@ -85,7 +88,7 @@ export default {
       }
     }
   }
-  .el-breadcrumb__inner a{
+  .el-breadcrumb__inner a {
     color: white;
   }
 }

pdaaphm-ui/src/layout/components/AppMain.vue

@@ -29,7 +29,7 @@ export default {
 <style lang="scss" scoped>
 .app-main {
   /* 50= navbar  50  */
-  min-height: calc(100vh - 100px);
+  min-height: calc(100vh - 60px);
   width: 100%;
   // background-color: #08202b;
   background-color: #0b333f;
@@ -44,11 +44,11 @@ export default {
 .hasTagsView {
   .app-main {
     /* 84 = navbar + tags-view = 50 + 34 */
-    min-height: calc(100vh - 134px);
+    min-height: calc(100vh - 94px);
   }
 
   .fixed-header + .app-main {
-    padding-top: 134px;
+    padding-top: 94px;
   }
 }
 </style>

pdaaphm-ui/src/layout/components/Navbar.vue

@@ -13,7 +13,7 @@
       v-if="!topNav"
     />
     <top-nav id="topmenu-container" class="topmenu-container" v-if="topNav" />
-    <!-- <div class="title">装备性能退化评估和故障预测健康管理软件</div> -->
+    <div class="title">装备性能退化评估和故障预测健康管理软件</div>
     <div class="right-menu">
       <template v-if="device !== 'mobile'">
         <search id="header-search" class="right-menu-item" />
@@ -113,14 +113,14 @@ export default {
 
 <style lang="scss" scoped>
 .navbar {
-  height: 50px;
+  height: 60px;
   overflow: hidden;
   position: relative;
   background: #0b333f;
   box-shadow: 0 1px 4px rgba(0, 21, 41, 0.08);
 
   .hamburger-container {
-    line-height: 46px;
+    line-height: 56px;
     height: 100%;
     float: left;
     cursor: pointer;
@@ -198,14 +198,34 @@ export default {
   }
 }
 .title {
-  width: 500px;
+  width: 800px;
   position: absolute;
   color: #fff;
   left: 50%;
   font-weight: 700;
-  font-size: 1.5rem;
-  margin-left: -250px;
-  top: 50%;
-  margin-top: -20px;
+  font-size: 2.5rem;
+  margin-left: -400px;
+  background-image: -webkit-linear-gradient(
+    left,
+    #147b96,
+    #f9f08f 25%,
+    #147b96 50%,
+    #f9f08f 75%,
+    #147b96
+  );
+  -webkit-text-fill-color: transparent;
+  background-clip: text;
+  background-size: 200% 100%;
+  animation: maskedAnimation 3s infinite linear;
+}
+
+@keyframes maskedAnimation {
+  0% {
+    background-position: 0 0;
+  }
+
+  100% {
+    background-position: -100% 0;
+  }
 }
 </style>

pdaaphm-ui/src/layout/index.vue

@@ -15,9 +15,9 @@
       class="main-container"
     >
       <div :class="{ 'fixed-header': fixedHeader }">
-        <div class="headerTitle">
+        <!-- <div class="headerTitle">
           <div class="titleText">装备性能退化评估和故障预测健康管理软件</div>
-        </div>
+        </div> -->
         <navbar />
         <tags-view v-if="needTagsView" />
       </div>

pdaaphm-ui/src/views/index.vue

@@ -952,7 +952,7 @@ export default {
 <style scoped lang="scss">
 .home {
   width: 100%;
-  min-height: calc(100vh - 134px);
+  min-height: calc(100vh - 94px);
   overflow: hidden;
 }