解决首页数字与文字间距过大的问题

src/components/Home.vue

@@ -21,9 +21,9 @@
               <span style="font-size: 30px;color: white"><i class="el-icon-user"></i></span>
             </div>
             <el-row type="flex" align="middle" justify="center" style="font-size: 14px;">
-              <el-col :span="18" type="flex" align="middle" justify="start"><span style="font-size: 50px; color: white;">{{systemStatistics[0].value}}</span>
+              <el-col :span="18" type="flex" align="middle" justify="start" style="text-align: right"><span style="font-size: 50px; color: white;">{{systemStatistics[0].value}}</span>
               </el-col>
-              <el-col :span="20" type="flex" align="bottom" justify="end"><span> <el-link style="font-size: 16px; color: white;"
+              <el-col :span="20" type="flex" align="bottom" justify="end" style="text-align: left;padding-left: 20px"><span> <el-link style="font-size: 16px; color: white;"
                                                                                           type="success"
                                                                                           :underline="false">{{systemStatistics[0].name}}</el-link></span>
               </el-col>
@@ -36,9 +36,9 @@
               <span style="font-size: 30px;color: white;"><i class="el-icon-setting"></i></span>
             </div>
             <el-row type="flex" align="middle" justify="center" style="font-size: 14px;">
-              <el-col :span="18" type="flex" align="middle" justify="start"><span style="font-size: 50px;color: white;">{{systemStatistics[1].value}}</span>
+              <el-col :span="18" type="flex" align="middle" justify="start" style="text-align: right"><span style="font-size: 50px;color: white;">{{systemStatistics[1].value}}</span>
               </el-col>
-              <el-col :span="20" type="flex" align="bottom" justify="end"><span> <el-link style="font-size: 16px;color: white;"
+              <el-col :span="20" type="flex" align="bottom" justify="end" style="text-align: left;padding-left: 20px"><span> <el-link style="font-size: 16px;color: white;"
                                                                                           type="success"
                                                                                           :underline="false">{{systemStatistics[1].name}}</el-link></span>
               </el-col>
@@ -52,9 +52,9 @@
               <span style="font-size: 30px;color: white;"><i class="el-icon-user-solid"></i></span>
             </div>
             <el-row type="flex" align="middle" justify="center" style="font-size: 14px;">
-              <el-col :span="18" type="flex" align="middle" justify="start"><span style="font-size: 50px;color: white;">{{systemStatistics[2].value}}</span>
+              <el-col :span="18" type="flex" align="middle" justify="start" style="text-align: right"><span style="font-size: 50px;color: white;">{{systemStatistics[2].value}}</span>
               </el-col>
-              <el-col :span="20" type="flex" align="bottom" justify="end"><span> <el-link style="font-size: 16px;color: white;"
+              <el-col :span="20" type="flex" align="bottom" justify="end" style="text-align: left;padding-left: 20px"><span> <el-link style="font-size: 16px;color: white;"
                                                                                           type="success"
                                                                                           :underline="false">{{systemStatistics[2].name}}</el-link></span>
               </el-col>
@@ -67,9 +67,9 @@
               <span style="font-size: 30px;color: white;"><i class="el-icon-cpu"></i></span>
             </div>
             <el-row type="flex" align="middle" justify="center" style="font-size: 14px;">
-              <el-col :span="18" type="flex" align="middle" justify="start"><span style="font-size: 50px;color: white;">{{systemStatistics[3].value}}</span>
+              <el-col :span="18" type="flex" align="middle" justify="start" style="text-align: right"><span style="font-size: 50px;color: white;">{{systemStatistics[3].value}}</span>
               </el-col>
-              <el-col :span="20" type="flex" align="bottom" justify="end"><span> <el-link style="font-size: 16px;color: white;"
+              <el-col :span="20" type="flex" align="bottom" justify="end" style="text-align: left;padding-left: 20px"><span> <el-link style="font-size: 16px;color: white;"
                                                                                           type="success"
                                                                                           :underline="false">{{systemStatistics[3].name}}</el-link></span>
               </el-col>
@@ -84,9 +84,9 @@
               <span style="font-size: 30px;color: white;"><i class="el-icon-coin"></i></span>
             </div>
             <el-row type="flex" align="middle" justify="center" style="font-size: 14px;">
-              <el-col :span="18" type="flex" align="middle" justify="start"><span style="font-size: 50px;color: white;">{{systemStatistics[4].value}}</span>
+              <el-col :span="18" type="flex" align="middle" justify="start" style="text-align: right"><span style="font-size: 50px;color: white;">{{systemStatistics[4].value}}</span>
               </el-col>
-              <el-col :span="20" type="flex" align="bottom" justify="end"><span> <el-link style="font-size: 16px;color: white;"
+              <el-col :span="20" type="flex" align="bottom" justify="end" style="text-align: left;padding-left: 20px"><span> <el-link style="font-size: 16px;color: white;"
                                                                                           type="success"
                                                                                           :underline="false">{{systemStatistics[4].name}}</el-link></span>
               </el-col>
@@ -99,9 +99,9 @@
               <span style="font-size: 30px;color: white;"><i class="el-icon-bank-card"></i></span>
             </div>
             <el-row type="flex" align="middle" justify="center" style="font-size: 14px;">
-              <el-col :span="18" type="flex" align="middle" justify="start"><span style="font-size: 50px;color: white;">{{systemStatistics[5].value}}</span>
+              <el-col :span="18" type="flex" align="middle" justify="start" style="text-align: right"><span style="font-size: 50px;color: white;">{{systemStatistics[5].value}}</span>
               </el-col>
-              <el-col :span="20" type="flex" align="bottom" justify="end"><span> <el-link style="font-size: 16px;color: white;"
+              <el-col :span="20" type="flex" align="bottom" justify="end" style="text-align: left;padding-left: 20px"><span> <el-link style="font-size: 16px;color: white;"
                                                                                           type="success"
                                                                                           :underline="false">{{systemStatistics[5].name}}</el-link></span>
               </el-col>
@@ -115,9 +115,9 @@
               <span style="font-size: 30px;color: white;"><i class="el-icon-notebook-1"></i></span>
             </div>
             <el-row type="flex" align="middle" justify="center" style="font-size: 14px;">
-              <el-col :span="18" type="flex" align="middle" justify="start"><span style="font-size: 50px;color: white;">{{systemStatistics[6].value}}</span>
+              <el-col :span="18" type="flex" align="middle" justify="start" style="text-align: right"><span style="font-size: 50px;color: white;">{{systemStatistics[6].value}}</span>
               </el-col>
-              <el-col :span="20" type="flex" align="bottom" justify="end"><span> <el-link style="font-size: 16px;color: white;"
+              <el-col :span="20" type="flex" align="bottom" justify="end" style="text-align: left;padding-left: 20px"><span> <el-link style="font-size: 16px;color: white;"
                                                                                           type="success"
                                                                                           :underline="false">{{systemStatistics[6].name}}</el-link></span>
               </el-col>
@@ -130,9 +130,9 @@
               <span style="font-size: 30px;color: white;"><i class="el-icon-notebook-2"></i></span>
             </div>
             <el-row type="flex" align="middle" justify="center" style="font-size: 14px;">
-              <el-col :span="18" type="flex" align="middle" justify="start"><span style="font-size: 50px;color: white;">{{systemStatistics[7].value}}</span>
+              <el-col :span="18" type="flex" align="middle" justify="start" style="text-align: right"><span style="font-size: 50px;color: white;">{{systemStatistics[7].value}}</span>
               </el-col>
-              <el-col :span="20" type="flex" align="bottom" justify="end"><span> <el-link style="font-size: 16px;color: white;"
+              <el-col :span="20" type="flex" align="bottom" justify="end" style="text-align: left;padding-left: 20px"><span> <el-link style="font-size: 16px;color: white;"
                                                                                           type="success"
                                                                                           :underline="false">{{systemStatistics[7].name}}</el-link></span>
               </el-col>