✨1.首页表格支持手机端 2.修改雪花屏文字大小

public/static/css/loading.css

@@ -8,7 +8,7 @@
 }
 
 .first-loading-wrp > h1 {
-  font-size: 30px;
+  font-size: 24px;
   font-weight: bolder;
 }
 

src/views/index/components/VersionInformation.vue

@@ -12,7 +12,15 @@
   />
 
   <a-card class="version-information">
-    <template v-slot:title>
+    <template v-slot:title>系统信息</template>
+    <template v-slot:extra>
+      <a href="#">部署时间{{ updateTime }}</a>
+    </template>
+    <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"
@@ -22,11 +30,10 @@
                 src="https://img.shields.io/github/stars/chuzhixin/vue-admin-beautiful?style=flat-square&label=Stars&logo=github"
               />
             </a>
-    </template>
-    <template v-slot:extra>
-      <a href="#">部署时间:{{ updateTime }}</a>
-    </template>
-    <table class="table">
+          </td>
+          <td>下载量统计</td>
+          <td>敬请期待！</td>
+        </tr>
         <tr>
           <td>vue</td>
           <td>{{ dependencies["vue"] }}</td>
@@ -72,6 +79,7 @@
           <td colspan="3">972435319、1139183756</td>
         </tr>
       </table>
+    </div>
   </a-card>
 </template>
 <script>
@@ -90,7 +98,10 @@
 <style lang="less" scoped>
   .version-information {
     margin-top: @vab-margin;
-    .table {
+    &-table {
+      width: 100%;
+      overflow: scroll;
+      table {
         width: 100%;
         color: #666;
         border-collapse: collapse;
@@ -111,4 +122,5 @@
         }
       }
     }
+  }
 </style>