测试

assets/a.scss

@@ -1,7 +1,41 @@
-
 @charset "utf-8";
 //font 
-body{
-    background: yellow;
+$table:49px;
+
+body {
+    background    : yellow;
+    padding-bottom: $table;
+
+    .table {
+        position: fixed;
+        bottom  : 0;
+        left    : 0;
+        width   : 100%;
+        height  : $table;
+        margin: 0;
+        ul {
+            width: 100%;
+            height : 100%;
+            li {
+                width  : 24%;
+                height : 100%;
+                display: inline-block;
+                
+            }
+        }
+
+    }
+
+    * {
+        margin : 0;
+        padding: 0;
+    }
+}
+
+* {
+    text-decoration: none;
+    list-style     : none;
+    box-sizing: border-box;
 }
-$colour :#009688 #5FB878 #393D49 #1E9FFF #F7B824 #FF5722 
+
+$colour :#009688 #5FB878 #393D49 #1E9FFF #F7B824 #FF5722

components/table.vue

@@ -2,6 +2,9 @@
   <div class="table">
     <ul>
       <li>saass</li>
+      <li>saass</li>
+      <li>saass</li>
+      <li>saass</li>
     </ul>
   </div>
 </template>