ok

pages/api.vue

@@ -2,6 +2,9 @@
   <div class="api-content">
     <div class="header">
       <div class="fl">
+          <a href="/api" class="mr20"> 
+          <Icon type="md-home" size="20"/> 主页
+          </a>
         <span>
             <img height="20" width="20" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAAYFBMVEUAAABUfwBUfwBUfwBUfwBUfwBUfwBUfwBUfwBUfwBUfwBUfwBUfwBUfwBUfwB0lzB/n0BfhxBpjyC0x4////+qv4CJp1D09++ft3C/z5/K16/U379UfwDf58/q79+Ur2D2RCk9AAAAHXRSTlMAEEAwn9//z3Agv4/vYID/////////////////UMeji1kAAAD8SURBVHgBlZMFAoQwDATRxbXB7f+vPKnlXAZn6k2cf3A9z/PfOC8IIYni5FmmABM8FMhwT17c9hnhiZL1CwvEL1tmPD0qSKq6gaStW/kMXanVmAVRDUlH1OvuuTINo6k90Sxf8qsOtF6g4ff1osP3OnMcV7d4pzdIUtu1oA4V0DZoKmxmlEYvtDUjjS3tmKmqB+pYy8pD1VPf7jPE0I40HHcaBwnue6fGzgyS5tXIU96PV7rkDWHNLV0DK4FkoKmFpN5oUnvi8KoeA2/JXsmXQuokx0siR1G8tLkN6eB9sLwJp/yymcyaP/TrP+RPmbMMixcJVgTR1aUZ93oGXsgXQAaG6EwAAAAASUVORK5CYII=" alt="Swagger UI">
             Swagger:</span>
@@ -29,7 +32,14 @@
         </a>
         <a target="blank" :href="host + ':10100/swagger/index.html'"> CRM </a>
       </div>
-
+<div class="fl ml20">
+    <span>
+        <Icon type="md-grid" size="20"/>
+        产品:</span>
+    <a :href="host+':3006'" target="blank">Mes</a>
+    <a :href="host+':3005'" target="blank">Portal</a>
+    <a :href="host+':3004'" target="blank">Saas</a>
+</div>
       <div class="fr">
         <RadioGroup v-model="host" type="button">
           <Radio label="http://49.232.68.61">61</Radio>
@@ -82,10 +92,15 @@ export default {
           line-height: 33px;
           a{
               color: white;
-              display: inline-block;              
+              display: inline-block;
+              margin-left: 10px;
+          }
+          a::after{
+              margin-left: 10px;
+              content: "|";
           }
           a:hover{
-              color: black;
+              color: orangered;
           }
       }
   }