在登录页面加入文档

frontend/src/components/Node/NodeInstallationMatrix.vue

@@ -63,7 +63,7 @@
             >
               <div class="cell-with-action">
                 <el-tag type="danger">
-                  <i class="el-icon-close"></i>
+                  <i class="el-icon-error"></i>
                   {{$t('Not Installed')}}
                 </el-tag>
                 <el-button type="primary" size="mini" @click="onInstall(scope.row._id, scope.column.name)">

frontend/src/views/login/index.vue

@@ -71,8 +71,12 @@
       </div>
       <div class="lang">
         <span @click="setLang('zh')" :class="lang==='zh'?'active':''">中文</span>
+        |
         <span @click="setLang('en')" :class="lang==='en'?'active':''">English</span>
       </div>
+      <div class="documentation">
+        <a href="http://docs.crawlab.cn" target="_blank">{{$t('Documentation')}}</a>
+      </div>
       <div v-if="isShowMobileWarning" class="mobile-warning">
         <el-alert type="error" :closable="false">
           {{$t('You are running on a mobile device, which is not optimized yet. Please try with a laptop or desktop.')}}
@@ -449,16 +453,17 @@ const initCanvas = () => {
     .lang {
       margin-top: 20px;
       text-align: center;
+      color: #666;
 
       span {
         cursor: pointer;
         margin: 10px;
-        color: #666;
         font-size: 14px;
       }
 
       span.active {
         font-weight: 600;
+        text-decoration: underline;
       }
 
       span:hover {
@@ -466,6 +471,18 @@ const initCanvas = () => {
       }
     }
 
+    .documentation {
+      margin-top: 20px;
+      text-align: center;
+      font-size: 14px;
+      color: #409eff;
+      font-weight: bolder;
+
+      &:hover {
+        text-decoration: underline;
+      }
+    }
+
     .mobile-warning {
       margin-top: 20px;
     }