Show halo admin version for about page.

src/config/router.config.js

@@ -188,7 +188,7 @@ export const asyncRouterMap = [
             path: '/system/about',
             name: 'About',
             component: () => import('@/views/system/About'),
-            meta: { title: '关于 Halo', hiddenHeaderContent: false }
+            meta: { title: '关于', hiddenHeaderContent: false }
           }
         ]
       }

src/main.js

@@ -10,8 +10,10 @@ import './permission'
 import '@/utils/filter' // global filter
 import './components'
 import animated from 'animate.css'
+import {version} from '../package.json';
 
 Vue.config.productionTip = false
+Vue.prototype.VERSION = version
 
 Vue.use(router)
 Vue.use(animated)

src/views/system/About.vue

@@ -12,7 +12,8 @@
                 </h3>
                 <template slot="description">
                   <ul>
-                    <li>版本：{{ environments.version }}</li>
+                    <li>Halo server 版本：{{ environments.version }}</li>
+                    <li>Halo admin 版本：{{ version }}</li>
                     <li>数据库：{{ environments.database }}</li>
                     <li>运行模式：{{ environments.mode }}</li>
                     <li>启动时间：{{ environments.startTime | moment }}</li>
@@ -41,18 +42,23 @@
                   开发者
                 </h3>
                 <template slot="description">
-                  <a-tooltip
+                  <a
-                    placement="top"
+                    :href="item.github"
                     v-for="(item,index) in developers"
-                    :title="item.name"
                     :key="index"
+                    target="_blank"
                   >
-                    <a-avatar
+                    <a-tooltip
-                      size="large"
+                      placement="top"
-                      :src="item.avatar"
+                      :title="item.name"
-                      :style="{ marginRight: '10px' }"
+                    >
-                    />
+                      <a-avatar
-                  </a-tooltip>
+                        size="large"
+                        :src="item.avatar"
+                        :style="{ marginRight: '10px' }"
+                      />
+                    </a-tooltip>
+                  </a>
                 </template>
               </a-list-item-meta>
             </a-list-item>
@@ -85,6 +91,7 @@ import adminApi from '@/api/admin'
 export default {
   data() {
     return {
+      version: this.VERSION,
       environments: {},
       developers: [
         {