add nav-bar

src/page/ToolsHome.vue

@@ -2,6 +2,19 @@
 
 
   <div  style="background: #FAFCFF; min-height: 100%;position: relative">
+    <div
+      style="width: 100%; height: 70px; background-color: white;display: flex;
+     text-align: left;align-items: center; position: fixed;z-index: 999; margin-bottom: 70px">
+      <el-image @click="backOsredm" :src="osredmLogo" style="margin-right: 30px;width: 48px; height: 48px; margin-left: 70px; cursor: pointer;"/>
+      <a href="https://www.osredm.com/" style="margin-left: 20px">首页</a>
+      <a href="https://www.osredm.com/explore/all" style="margin-left: 40px">开源项目</a>
+      <a href="https://www.osredm.com/task" style="margin-left: 40px">创客空间</a>
+      <a href="https://fc.osredm.com/competitions" style="margin-left: 40px">开放竞赛</a>
+      <a href="https://fc.osredm.com/forums" style="margin-left: 40px">论坛交流</a>
+
+    </div>
+
+
     <div  class="container" >
       <div class="banner-main" :style="{backgroundImage:'url('+require('../assets/banner-noword.png')+')'}" style=" background-size:cover; ">
 <!--        <img src="../assets/banner-noword.png" class="banner-img">-->
@@ -90,6 +103,7 @@ export default {
   name: "ToolsHome",
   data(){
     return{
+      osredmLogo: require("@/assets/logo/no-word-logo.png"),
 
       buttonImgList : [
         require("@/assets/button-assets/tools-button-ns.svg"),
@@ -123,7 +137,12 @@ export default {
 
     openUtilsPage(path){
       pageUtils.openPage(this.$router,path)
-    }
+    },
+
+    // 返回红山开源
+    backOsredm(){
+      window.location.href='https://www.osredm.com';
+    },
   },
   components:{
     Footer,
@@ -145,6 +164,7 @@ export default {
 
 .container{
 
+
   padding-bottom: 18vh;
   display: flex;
   flex-direction: column;
@@ -245,4 +265,20 @@ export default {
   margin-bottom: 40px;
   /*box-shadow: inset  0 0 18px 8px rgba(171,202,255,.24);*/
 }
+
+
+a{
+  color: #333;
+  text-decoration:none;
+}
+
+a:link{
+  color: #4154F1;
+  text-decoration:none;
+}
+
+a:hover{
+  color: #4154F1;
+  text-decoration:none;
+}
 </style>