From f7d960e8c316068847cefe085f1b50b25f412cbb Mon Sep 17 00:00:00 2001
From: chuzhixin <1204505056@qq.com>
Date: Mon, 5 Oct 2020 23:43:20 +0800
Subject: [PATCH] =?UTF-8?q?=E2=9C=A81.=E9=A6=96=E9=A1=B5=E8=A1=A8=E6=A0=BC?=
 =?UTF-8?q?=E6=94=AF=E6=8C=81=E6=89=8B=E6=9C=BA=E7=AB=AF=202.=E4=BF=AE?=
 =?UTF-8?q?=E6=94=B9=E9=9B=AA=E8=8A=B1=E5=B1=8F=E6=96=87=E5=AD=97=E5=A4=A7?=
 =?UTF-8?q?=E5=B0=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 public/static/css/loading.css                 |   2 +-
 .../index/components/VersionInformation.vue   | 156 ++++++++++--------
 2 files changed, 85 insertions(+), 73 deletions(-)

diff --git a/public/static/css/loading.css b/public/static/css/loading.css
index a7433cc..7213dfb 100644
--- a/public/static/css/loading.css
+++ b/public/static/css/loading.css
@@ -8,7 +8,7 @@
 }
 
 .first-loading-wrp > h1 {
-  font-size: 30px;
+  font-size: 24px;
   font-weight: bolder;
 }
 
diff --git a/src/views/index/components/VersionInformation.vue b/src/views/index/components/VersionInformation.vue
index e00311b..5abf87c 100644
--- a/src/views/index/components/VersionInformation.vue
+++ b/src/views/index/components/VersionInformation.vue
@@ -12,66 +12,74 @@
   />
 
   <a-card class="version-information">
-    <template v-slot:title>
-      <a
-        target="_blank"
-        href="https://github.com/chuzhixin/vue-admin-beautiful/tree/vue3.0-antdv"
-      >
-        <img
-          style="margin-right: 10px"
-          src="https://img.shields.io/github/stars/chuzhixin/vue-admin-beautiful?style=flat-square&label=Stars&logo=github"
-        />
-      </a>
-    </template>
+    <template v-slot:title>系统信息</template>
     <template v-slot:extra>
-      <a href="#">部署时间:{{ updateTime }}</a>
+      <a href="#">部署时间{{ updateTime }}</a>
     </template>
-    <table class="table">
-      <tr>
-        <td>vue</td>
-        <td>{{ dependencies["vue"] }}</td>
-        <td>@vue/cli</td>
-        <td>{{ devDependencies["@vue/cli-service"] }}</td>
-      </tr>
-      <tr>
-        <td>vuex</td>
-        <td>{{ dependencies["vuex"] }}</td>
-        <td>vue-router</td>
-        <td>{{ dependencies["vue-router"] }}</td>
-      </tr>
-      <tr>
-        <td>eslint-plugin-vue</td>
-        <td>{{ devDependencies["eslint-plugin-vue"] }}</td>
-        <td>axios</td>
-        <td>{{ dependencies["axios"] }}</td>
-      </tr>
-      <tr>
-        <td>babel-eslint</td>
-        <td>{{ devDependencies["babel-eslint"] }}</td>
-        <td>ant-design-vue</td>
-        <td>{{ dependencies["ant-design-vue"] }}</td>
-      </tr>
-      <tr>
-        <td>v2.x版演示地址（MIT协议，商用免费）</td>
-        <td colspan="3">
-          <a href="https://chu1204505056.gitee.io/vue-admin-beautiful/">
-            https://chu1204505056.gitee.io/vue-admin-beautiful/
-          </a>
-        </td>
-      </tr>
-      <tr>
-        <td>PRO版演示地址</td>
-        <td colspan="3">
-          <a href="https://chu1204505056.gitee.io/vue-admin-beautiful-pro/">
-            https://chu1204505056.gitee.io/vue-admin-beautiful-pro/
-          </a>
-        </td>
-      </tr>
-      <tr>
-        <td>官方QQ群</td>
-        <td colspan="3">972435319、1139183756</td>
-      </tr>
-    </table>
+    <div class="version-information-table">
+      <table>
+        <tr>
+          <td>标星</td>
+          <td>
+            <a
+              target="_blank"
+              href="https://github.com/chuzhixin/vue-admin-beautiful/tree/vue3.0-antdv"
+            >
+              <img
+                style="margin-right: 10px"
+                src="https://img.shields.io/github/stars/chuzhixin/vue-admin-beautiful?style=flat-square&label=Stars&logo=github"
+              />
+            </a>
+          </td>
+          <td>下载量统计</td>
+          <td>敬请期待！</td>
+        </tr>
+        <tr>
+          <td>vue</td>
+          <td>{{ dependencies["vue"] }}</td>
+          <td>@vue/cli</td>
+          <td>{{ devDependencies["@vue/cli-service"] }}</td>
+        </tr>
+        <tr>
+          <td>vuex</td>
+          <td>{{ dependencies["vuex"] }}</td>
+          <td>vue-router</td>
+          <td>{{ dependencies["vue-router"] }}</td>
+        </tr>
+        <tr>
+          <td>eslint-plugin-vue</td>
+          <td>{{ devDependencies["eslint-plugin-vue"] }}</td>
+          <td>axios</td>
+          <td>{{ dependencies["axios"] }}</td>
+        </tr>
+        <tr>
+          <td>babel-eslint</td>
+          <td>{{ devDependencies["babel-eslint"] }}</td>
+          <td>ant-design-vue</td>
+          <td>{{ dependencies["ant-design-vue"] }}</td>
+        </tr>
+        <tr>
+          <td>v2.x版演示地址（MIT协议，商用免费）</td>
+          <td colspan="3">
+            <a href="https://chu1204505056.gitee.io/vue-admin-beautiful/">
+              https://chu1204505056.gitee.io/vue-admin-beautiful/
+            </a>
+          </td>
+        </tr>
+        <tr>
+          <td>PRO版演示地址</td>
+          <td colspan="3">
+            <a href="https://chu1204505056.gitee.io/vue-admin-beautiful-pro/">
+              https://chu1204505056.gitee.io/vue-admin-beautiful-pro/
+            </a>
+          </td>
+        </tr>
+        <tr>
+          <td>官方QQ群</td>
+          <td colspan="3">972435319、1139183756</td>
+        </tr>
+      </table>
+    </div>
   </a-card>
 </template>
 <script>
@@ -90,23 +98,27 @@
 <style lang="less" scoped>
   .version-information {
     margin-top: @vab-margin;
-    .table {
+    &-table {
       width: 100%;
-      color: #666;
-      border-collapse: collapse;
-      background-color: #fff;
+      overflow: scroll;
+      table {
+        width: 100%;
+        color: #666;
+        border-collapse: collapse;
+        background-color: #fff;
 
-      td {
-        position: relative;
-        padding: 9px 15px;
-        font-size: 14px;
-        line-height: 20px;
-        border: 1px solid #e6e6e6;
+        td {
+          position: relative;
+          padding: 9px 15px;
+          font-size: 14px;
+          line-height: 20px;
+          border: 1px solid #e6e6e6;
 
-        &:nth-child(odd) {
-          width: 20%;
-          text-align: right;
-          background-color: #f7f7f7;
+          &:nth-child(odd) {
+            width: 20%;
+            text-align: right;
+            background-color: #f7f7f7;
+          }
         }
       }
     }