样式

index.html

@@ -20,6 +20,7 @@
       #app {
         height: 100%;
         width: 100%;
+        position: relative;
       }
     </style>
   </head>

src/components/Number.vue

@@ -6,7 +6,7 @@
       :class="['box', 'df', 'aic', `${index == 2 ? '' : 'mb45'}`]"
     >
       <div :class="['icon', `mr20`]">
-        <img class="wh100" :src="exchangeUrl(item.icon)" alt="" />
+        <img class="wh100p" :src="exchangeUrl(item.icon)" alt="" />
       </div>
       <div class="count">
         <div class="title mb2">{{ item.title }}</div>

src/styles/index.scss

@@ -1,5 +1,14 @@
 @import 'transition';
 
+.wh100p{
+  width: 100%;
+  height: 100%;
+}
+
+.lh100p{
+  line-height: 100%;
+}
+
 
 .tac {
   text-align: center;
@@ -95,6 +104,14 @@
   margin-bottom: 5px;
 }
 
+.mb2{
+  margin-bottom: 2px;
+}
+
+.mb3{
+  margin-bottom: 3px;
+}
+
 .mb10{
   margin-bottom: 10px;
 }