chore: 样式优化

src/components/layout/Index.vue

@@ -12,11 +12,3 @@
 import AppHeader from './Header.vue'
 import AppFooter from './Footer.vue'
 </script>
-
-<style>
-.app-layout {
-  min-height: 100vh;
-  background: #f9f8f8 url('https://webapp-pub.ezijing.com/project/saas/bg.png') no-repeat center bottom;
-  background-size: cover;
-}
-</style>

src/modules/home/components/Total.vue

@@ -38,6 +38,7 @@ const list = [
     border-left: 1px dashed #ffffff;
   }
   dt {
+    text-shadow: 0px 3px 10px rgba(0, 0, 0, 0.16);
     span {
       font-size: 36px;
       font-weight: bold;

src/modules/home/views/Index.vue

@@ -271,21 +271,28 @@ const rows = [
 
 <template>
   <div class="home">
-    <Total></Total>
-    <template v-for="(row, index) in rows" :key="index">
-      <section class="row">
-        <div class="row-cell" v-for="(cell, i) in row" :key="i">
-          <Card :data="cell"></Card>
-        </div>
-      </section>
-    </template>
+    <div class="home-inner">
+      <Total></Total>
+      <template v-for="(row, index) in rows" :key="index">
+        <section class="row">
+          <div class="row-cell" v-for="(cell, i) in row" :key="i">
+            <Card :data="cell"></Card>
+          </div>
+        </section>
+      </template>
+    </div>
   </div>
 </template>
 
 <style lang="scss">
 .home {
+  background: #f9f8f8 url('https://webapp-pub.ezijing.com/project/saas/bg.png') no-repeat center bottom;
+  background-size: cover;
+}
+.home-inner {
   width: 1200px;
-  margin: 50px auto 0;
+  margin: 0 auto;
+  padding-top: 50px;
   overflow: hidden;
 }
 .row {